7 Must‑Try Open‑Source Projects to Master Front‑End/Back‑End Separation

This article introduces seven popular open‑source projects—including NiceFish, V‑Blog, and Paascloud—that demonstrate front‑end/back‑end separation using technologies like Spring Boot, Vue, Angular, and React, providing practical examples for developers to deepen their full‑stack skills.

Java Backend Technology
Java Backend Technology
Java Backend Technology
7 Must‑Try Open‑Source Projects to Master Front‑End/Back‑End Separation

NiceFish (美人鱼)

Stars: 4.2k

Project address: https://gitee.com/mumu-osc/NiceFish

NiceFish is a series of projects showcasing front‑end/back‑end separation across browsers, mobile, and Electron, with back‑end implementations in SpringBoot and SpringCloud and front‑end versions in Angular, React, and Electron.

V‑Blog (V 部落)

Stars: 4.6k

Project address: https://github.com/lenve/VBlog

V‑Blog is a multi‑user blog platform built with Vue, SpringBoot, and ElementUI, praised for its simplicity and completeness, making it ideal for beginners learning full‑stack development.

Micro HR (微人事)

Stars: 15.3k

Project address: https://github.com/lenve/vhr

Micro HR is a front‑end/back‑end separated human‑resource management system built with SpringBoot and Vue, offering extensive documentation that covers API design and Vue development, serving as a valuable Java full‑stack learning resource.

bootshiro

Stars: 2.1k

Project address: https://gitee.com/tomsun28/bootshiro

bootshiro combines Spring Boot, Shiro, and JWT to provide a truly RESTful, stateless authentication and authorization system, featuring dynamic API security management, encrypted data transmission, JWT refresh, and user operation monitoring.

Open‑Capacity‑Platform

Stars: 4.1k

Project address: https://gitee.com/owenwangwen/open-capacity-platform

Open‑Capacity‑Platform is an enterprise‑grade microservice framework based on layui and SpringCloud, designed for rapid development, easy learning, and powerful functionality, emphasizing front‑end/back‑end separation and providing core interface capabilities similar to major capability platforms.

Wukong CRM (悟空 CRM)

Stars: 1.3k

Project address: https://gitee.com/wukongcrm/72crm-java

Wukong CRM is a front‑end/back‑end separated CRM system built with JFinal, Vue, and ElementUI, offering a practical example for learning JFinal basics and Vue‑based front‑end interaction.

Paascloud‑Master

Stars: 7.5k

Project address: https://github.com/paascloud/paascloud-master

Paascloud‑Master uses SpringCloud and Vue to provide a comprehensive microservice solution with RBAC, JWT, OAuth2, unified exception and log management, and a guaranteed‑delivery MQ system, targeting small‑to‑medium enterprises seeking open‑source alternatives to commercial frameworks.

Conclusion

These seven open‑source projects provide concrete material for developers to practice and integrate front‑end/back‑end separation concepts, helping Java engineers broaden their skill set beyond traditional back‑end development and gain experience with modern front‑end frameworks and full‑stack architectures.

Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

Vueopen-sourcefull-stackproject showcase
Java Backend Technology
Written by

Java Backend Technology

Focus on Java-related technologies: SSM, Spring ecosystem, microservices, MySQL, MyCat, clustering, distributed systems, middleware, Linux, networking, multithreading. Occasionally cover DevOps tools like Jenkins, Nexus, Docker, and ELK. Also share technical insights from time to time, committed to Java full-stack development!

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.