The separation of front and back ends has slowly entered the technology stacks of various companies. According to the news learned by Songge, many companies have already switched to this technology stack. Even if your company has not switched to this technology stack at the moment, Songge also strongly recommends that you learn about the front-end and back-end separation development, so as not to work in the company for two or three years, the SSH framework is well-rounded, but I still find that I still have no advantage!
In fact, it is not difficult to separate the front end and the back end. The back end provides the interface and the front end does the data display. The key is this idea. Many people are accustomed to front-end and back-end development. When doing front-end and back-end separation, it is easy to bring in some front-end and back-end development concepts. An open source front-end and back-end separation project to help you quickly master the front-end and back-end separation development technology stack.
Mermaid
- star number 4.2k
- Project address: https://gitee.com/mumu-osc/NiceFish
Listening to the name knows that this is a good project, in fact, it's really not bad. NiceFish (Mermaid) is a series of projects, the goal is to demonstrate the development mode of the front-end separation: front-end browser, mobile terminal, Electron environment; the back-end has two versions: SpringBoot version and SpringCloud version, the front-end has Angular, React, Electron and other versions.
Project renderings:
Micro personnel
- star number 15.3k
- Project address: https://github.com/lenve/vhr
Micro personnel is a human resource management system with front and back ends separated. The project is developed using Spring Boot + Vue. The project opens up the front and back ends, and provides very detailed documentation. From the Spring Boot interface design to the front-end Vue development ideas, the authors are all recorded in the project's wiki, which is a rare Java full-stack learning material.
Project renderings:
Screenshots of some project documents:
bootshiro
- star number 2.1k
- Project address: https://gitee.com/tomsun28/bootshiro
Bootshiro is based on Spring Boot + Shiro + JWT's true RESTful URL resource stateless authentication authority management system backend, front end usthe. Different from the general project, this project provides page configurable, dynamic RESTful API security management support, and implements dynamic key encryption for data transmission, jwt expiration refresh, user operation monitoring, etc. to strengthen application security.
Project renderings:
open-capacity-platform
- star number 4.1k
- Project address: https://gitee.com/owenwangwen/open-capacity-platform
open-capacity-platform open platform for microservice capabilities, or ocp for short, is an enterprise-level microservice framework based on layui + springcloud (user rights management, configuration center management, application management, ...). Its core design goal is to separate the front and back ends. Rapid development and deployment, simple learning, powerful functions, and quick access to core interface capabilities. Its goal is to help companies build a framework similar to Baidu ’s capability open platform.
Project renderings:
V Tribe
- star number 4.6k
- Project address: https://github.com/lenve/VBlog
V Tribe is a multi-user blog management platform, developed using Vue + SpringBoot + ElementUI. The biggest advantage of this project is simplicity, which is a kind of complete function but very simple, very suitable for beginners.
Project renderings:
Goku CRM
- star number 1.3k
- Project address: https://gitee.com/wukongcrm/72crm-java
Wukong CRM is based on jfinal + vue + ElementUI front-end and rear-end separate CRM system.
To be honest, jfinal is enough to understand, there is no need to study seriously, the combination of Vue + ElementUI can be studied carefully, and the front-end and back-end interaction methods can be studied carefully.
paascloud-master
- star number 7.5k
- Project address: https://github.com/paascloud/paascloud-master
The core technology of paascloud-master is implemented by SpringCloud + Vue two family buckets. It adopts the goal of using open source for open source, so there is no charge framework for open source. The overall technology stack is only charged by Alibaba Cloud SMS service. Java's forward-looking framework can solve the microservice architecture problem for small and medium-sized enterprises, and can help enterprises quickly build sites. Due to the high server cost and the principle of reducing development costs as much as possible, this project consists of 10 back-end projects and 3 front-end projects. Realized the solution of stateless unified authority authentication based on RBAC, jwt and oauth2, realized the unified management of exceptions and logs, and realized the solution of MQ landing to ensure 100% arrival.
Project renderings:
to sum up
Stones from other hills, can learn. After we have learned a lot of knowledge points, we need a project to integrate these knowledge points. These open source projects are very good materials. Now that the front-end and back-end separation development methods are becoming more and more popular, Song Ge also strongly recommends that everyone have time to learn this development method. Although we are Java engineers, we can't stand still. Let's see how to build front-end single-page applications and see what is happening in front-end engineering. These all help us develop more reasonable and usable back-end interfaces. Well, seven open source projects will help you go further on the full stack!
