Este artículo recomienda 9 proyectos de código abierto separados por front-end, todos los cuales utilizan las pilas de tecnología más populares. Los proyectos de código abierto recomendados en este artículo ya están incluidos en Awesome GitHub Repo.
Awesome GitHub Repo es un proyecto de código abierto creado accediendo a GitHub. Recopila y clasifica proyectos de código abierto interesantes y de alta calidad en GitHub.
Las colecciones de proyectos de código abierto no se clasifican simplemente por lenguajes de programación, sino mediante métodos de clasificación más interesantes, como proyectos interesantes, proyectos de arena, proyectos prácticos, proyectos de aprendizaje, herramientas prácticas, etc.
Los proyectos de código abierto recomendados en este número son:
1. Sistema de blog con partes frontal y posterior separadas
2. termina
3. Proyecto de sala de chat basado en TypeScript
4. Proyecto de código abierto de gestión de recursos humanos
5. práctica.
6. Un sistema de examen de código abierto para aprender a pensar
7. Un sistema de gestión de back-end que separa el front-end y el back-end. -Stop Plataforma de gestión front-end y back-end Construcción de estilo
9 Una serie de proyectos: Nicefish (Mermaid)
01 Sistema de blogs separados de front-end
Este es un blog basado en Spring Boot = Vue System, el back-end utiliza una pila de tecnología: Spring Boot, Spring Security, jjwt, MyBatis, PageHelper, Redis, commonmark-java, ip2region, quartz, yauaa.
Marco central front-end: Vue2.x, enrutador Vue, proyecto Vue construido en base a @vue/cli4.x, JS depende y hace referencia a CSS: axios, moment, nprogress, v- visor, prismjs, APlayer, MetingJS, lodash, mavonEditor, echarts, tocbot, iCSS.
02 Sistema de examen con front-end y back-end separados
Este proyecto es un sistema de examen en línea con front-end separado. El backend usa Spring Boot y el frontend usa bibliotecas de componentes VUE y Element-UI para completar el desarrollo.
Proyecto de sala de chat basado en TypeScript
Este proyecto es una sala de chat desarrollada en mecanografiado completo. Actualmente, la sala de chat tiene una función de chat completa y los amigos interesados pueden desarrollarla ellos mismos.
Selección de tecnología: Typecript, Vue2.6.x, Socket/io, Vuex, Nestjs, Typeorm, ES6+, SASS (SCSS).
04 Sistema de gestión de recursos humanos
Micro HR es un sistema de gestión de recursos humanos separado por front-end. El proyecto se desarrolla utilizando Spring Boot+Vue. En primer lugar, después de iniciar sesión correctamente, diferentes usuarios verán diferentes menús del sistema según sus diferentes roles. El menú completo es el siguiente:
El rol de cada usuario lo asigna el administrador del sistema. La página donde el administrador del sistema asigna roles a los usuarios es la siguiente:
El administrador del sistema también puede administrar recursos operados por diferentes roles. La página es la siguiente:
Pila de tecnología backend: Spring Boot, Spring Security, MyBatis, MySQL, Redis, RabbitMQ, Spring Cache, WebSocket.
Pila de tecnología front-end: Vue, ElementUI, axios, vue-router, Vuex, WebSocket, vue-cli4.
05 Un programa de entrenamiento de manos con extremos delanteros y traseros separados.
Un proyecto de blog basado en Spring Boot+Vue, con documentos de desarrollo súper detallados y vídeos explicativos. Los estudiantes que nunca han estado expuestos al desarrollo de Vue o a la separación del front-end pueden aprender.
06 Sistema de examen de código abierto
El sistema de examen de código abierto para el aprendizaje es un sistema de examen Java+Vue con front-end y back-end separados. Las principales ventajas son un desarrollo e implementación simples y rápidos, un diseño de interfaz amigable y una estructura de código clara.
Admite subprogramas Web y WeChat, que cubren PC, teléfonos móviles y otros dispositivos. Admite múltiples métodos de implementación: implementación integrada, implementación separada de front-end e implementación de Docker.
07 Sistema de gestión backend
Un sistema de gestión backend basado en Spring Boot 2.1.0, Spring Boot Jpa, JWT, Spring Security, Redis y Vue.
El proyecto adopta un modelo de desarrollo modular, utiliza RBAC para el control de permisos, admite diccionario de datos y gestión de permisos de datos, admite la generación con un solo clic de código front-end y back-end y admite enrutamiento dinámico.
Dirección de experiencia:; Nombre de usuario y contraseña: admin
Después de ingresar localhost:8000, el navegador saltará automáticamente a la página de inicio de sesión.
Después de ingresar el nombre de usuario y la contraseña admin/admin, salte a la página de inicio.
Jwtoken en Cookie
Servicio de monitoreo localhost: efecto 8001 (si se inicia el servicio de monitoreo, el nombre de usuario y la contraseña son admin/admin).
Efecto terminal móvil
09 Mermaid
NiceFish es una serie de proyectos que tienen como objetivo demostrar el modelo de desarrollo de separación front-end: navegador front-end, terminal móvil y entorno electrónico Hay varios modos de desarrollo en el backend: versión SpringBoot y versión SpringCloud.
Los proyectos de código abierto recomendados por el historial se han incluido en los proyectos de GitHub. Bienvenido a Estrella: