Front and back separation is already creeping into companies’ tech stacks, and according to Songe’s information, many companies have already switched to it. Even if your company has not switched to this technology stack, songge is also very recommended that you learn about the separation of development before and after the end, so as not to work in the company for two or three years, with the SSH framework, but found that they still do not have any advantage!

In fact, before and after the end of the separation itself is not difficult, after the segment to provide the interface, the front end to do data display, the key is this idea. Many people used to do regardless of the development of the before and after the end, when doing the separation of front and back side, it is easy to bring in some thinking on the development of the front end regardless of time, the results to the product neither fish nor fowl, therefore scene everyone here to clean the front end separation of several open source projects, help you quickly grasp the front end separation development technology stack.

The little mermaid

  • Star, number 3499
  • Project address: gitee.com/mumu-osc/Ni…

The name suggests it’s a good project, and it is. NiceFish (Mermaid) is a series of projects that aim to demonstrate front and rear separated development modes: front-end browsers, mobile, various development modes in the Electron environment; There are two versions of the back end: SpringBoot and SpringCloud, and versions of Angular, React, and Electron on the front end.

Project renderings:

Micro personnel

  • Star, number 9313
  • Project address: github.com/lenve/vhr

Micro personnel is a human resource management system separated from the front and back ends. The project is developed by SpringBoot + Vue. The project gets through the front and back ends, and provides very detailed documents, from the Spring Boot interface design to the development ideas of the front-end Vue, the author recorded all in the project wiki, is a rare Java full stack learning materials.

Project renderings:

Screenshot of some documents of the project:

bootshiro

  • Star, number 1370
  • Project address: gitee.com/tomsun28/bo…

Bootshiro is a real RESTful URL resource stateless authentication permission management system based on Spring Boot + Shiro + JWT. Different from other projects, this project provides page configurable and dynamic RESTful API security management support, and implements data transmission dynamic secret key encryption, JWT expiration refresh, user operation monitoring, and application security hardening.

Project renderings:

open-capacity-platform

  • Star, number 2643
  • Project address: gitee.com/owenwangwen…

Ocp is an enterprise-level micro-service framework based on Layui + SpringCloud (user rights management, Configuration center management, application management,….) , its core design goal is to separate the front and rear end, rapid development and deployment, simple learning, powerful, providing fast access to the core interface ability, its goal is to help enterprises build a set of framework similar to Baidu capability open platform.

Project renderings:

V tribe

  • Star, number 2902
  • Project address: github.com/lenve/VBlog

V tribe is a multi-user blog management platform, using Vue + SpringBoot + ElementUI development. The biggest advantage of this project is its simplicity, which belongs to the kind of complete function but very simple, very suitable for beginners.

Project renderings:

The wu is empty CRM

  • Star, number 650
  • Project address: gitee.com/wukongcrm/7…

Wukong CRM is a front-end separation CRM system based on JFinal + VUE + ElementUI.

To be honest, jFinal is all you need to know. There is no need to study it. The combination of Vue + ElementUI can be studied carefully, and the way the front and back end interact can be studied carefully.

paascloud-master

  • Star, number 5168
  • Project address: github.com/paascloud/p…

The core technology of paascloud-master is implemented in two family buckets of SpringCloud and Vue, which adopts the goal of taking from open source and using it for open source. Therefore, there is no charging framework for using open source. In the whole technology stack, only ali cloud SMS service is charging, which is the forward-looking framework of Java at present. Can solve the problem of micro service architecture for small and medium-sized enterprises, can help enterprises quickly set up a website. Due to the high server cost and the principle of minimizing the development cost, this project consists of 10 back-end projects and 3 front-end projects. It really realizes the solution of stateless unified permission authentication based on RBAC, JWT and OAUTH2, realizes the unified management of exceptions and logs, and realizes the solution of 100% arrival of MQ landing guarantee.

Project renderings:

conclusion

The stones of other mountains can be used to attack jade. When we learn a lot of knowledge, we need a project to bring it all together, and these open source projects are great for that. Now before and after the end of the separation of development is increasingly hot, songge also strongly suggest that you have time to learn this development. Although we are Java engineers, we can’t stand still and see how front-end single-page applications are built and how front-end engineering works, which can help us develop a more reasonable and user-friendly back-end interface. There you have it, seven open source projects that will take you one step further on the full stack path!

Follow the public account [Jiangnan Little Rain], focus on Spring Boot+ micro service and the separation of the front and back end of the full stack technology, regular video tutorials to share, follow the reply to Java, get the Song brothers carefully prepared for you Java dry goods!