Seven Open‑Source Projects to Master Frontend‑Backend Separation
This article introduces seven open‑source projects that demonstrate frontend‑backend separation using technologies such as Vue, Angular, React, SpringBoot, and SpringCloud, providing practical examples and resources for developers to deepen their full‑stack development skills.
Frontend‑backend separation is increasingly adopted by companies, and even if your organization hasn't switched yet, learning this architecture can give you a competitive edge. The article lists several open‑source projects that illustrate this approach.
NiceFish (美人鱼) – A series of projects showcasing frontend‑backend separation across browsers, mobile, and Electron, with backend implementations in SpringBoot and SpringCloud and frontends in Angular, React, and Electron. Project link (★ 3499).
VHR (微人事) – A human‑resource management system built with SpringBoot + Vue, offering detailed documentation on API design and Vue development. Project link (★ 9313).
bootshiro – A RESTful authentication and authorization system based on Spring Boot, Shiro, and JWT, featuring dynamic API security, encrypted data transmission, JWT refresh, and user activity monitoring. Project link (★ 1370).
open‑capacity‑platform – An enterprise‑grade microservice capability platform built with layui and SpringCloud, emphasizing frontend‑backend separation, rapid development, and easy learning. Project link (★ 2643).
V Blog (V 部落) – A multi‑user blog platform using Vue, SpringBoot, and ElementUI, praised for its simplicity and suitability for beginners. Project link (★ 2902).
Wukong CRM (悟空 CRM) – A CRM system employing JFinal, Vue, and ElementUI, illustrating frontend‑backend interaction patterns. Project link (★ 650).
paascloud‑master – A microservice solution combining SpringCloud and Vue, offering RBAC, JWT, OAuth2, unified logging, MQ guarantees, and extensive documentation. Project link (★ 5168).
The article concludes by encouraging developers to explore these projects to consolidate their knowledge of frontend‑backend separation and become more versatile full‑stack engineers.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
Java Architect Essentials
Committed to sharing quality articles and tutorials to help Java programmers progress from junior to mid-level to senior architect. We curate high-quality learning resources, interview questions, videos, and projects from across the internet to help you systematically improve your Java architecture skills. Follow and reply '1024' to get Java programming resources. Learn together, grow together.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.