Plantilla de sistema de gestión backend desarrollada en base a SpringBoot + Vue
Como se describe en el marco de Zoey, siempre quise desarrollar mi propia plantilla de sistema de gestión de back-end, pero al principio nunca había estado expuesto a un sistema que separara el front-end y el back-end. Al final, me sentí abrumado por la representación dinámica de varios estilos y menús. Spring Security me torturó por completo durante el desarrollo del backend. Durante este período, pensé en usar un conjunto de excelentes marcos de código abierto en innumerables ocasiones, pero con un impulso. Mentalidad para aprender, el resultado final fue que una vez más fui reprimido por varios excelentes marcos de código abierto frotando el suelo ...
Después de aprender de la experiencia, me di cuenta profundamente de que debía calmarme y aprender tecnología con los pies en la tierra. Finalmente, después de un período de tiempo, resolví los problemas anteriores uno por uno y entendí con éxito algunos excelentes marcos de código abierto. Mi deseo interno de desarrollar un conjunto de plantillas de sistemas de gestión en segundo plano se hizo cada vez más fuerte. Hazlo. Finalmente, finalmente desarrollé mi propio conjunto de plantillas de sistema de administración de backend.
Una vez completado el desarrollo, me di cuenta profundamente de que no era suficiente completar el desarrollo e implementar las funciones básicas correspondientes. El manejo por parte del sistema de diversas situaciones cuando encontré alta concurrencia y acceso multiusuario me hizo comprender que acababa de salir. la larga marcha. Continuaré optimizando e iterando en el futuro, tu estrella es mi motivación❤️
Dirección de Github: https://github.com/Architect-Java/system-template
Dirección de la casa rural: https://gitee.com/dream-flight/system--template
Cuenta de administrador: admin Contraseña: 123456
Cuenta de prueba: prueba Contraseña: 1234567
El proyecto front-end se encuentra en el directorio system-vue
El proyecto backend se encuentra en el directorio system-springboot
El archivo SQL es el archivo system-mysql8.sql
en el directorio raíz, que requiere MySQL8 y superior.
Proyecto frontal:
system-vue
├── public
├── api -- api请求接口目录
├── assets -- 静态资源
├── components -- 全局组件
├── constant -- 全局常量
├── filter -- 过滤器
├── icons -- svg图标
├── layout -- 布局目录
├── router -- 路由
├── store -- 全局缓存
├── styles -- scss样式目录
├── utils -- 工具目录
├── views -- 页面视图
├── App.vue -- App.vue
├── main.js -- main.js
└── permission.js -- 路由导航守卫
proyecto de fondo
system-springboot
├── annotation -- 自定义注解
├── aspect -- aop切面
├── config -- 配置模块
├── constant -- 静态常量模块
├── controller -- 控制器模块
├── dto -- dto模块
├── entity -- 实体类模块
├── enums -- 枚举模块
├── filters -- 过滤器模块
├── generator -- 逆向工程模块
├── handler -- 处理器模块(自定义JWT权限过滤器)
├── mapper -- 数据持久化模块
├── service -- 业务处理模块
├── util -- 工具类模块
└── vo -- vo模块
Después de llevar el proyecto al área local, simplemente ejecute el archivo system-mysql8.sql
directamente en la base de datos. La base de datos se creará automáticamente y los datos se importarán. Luego debe modificar la información del parámetro correspondiente en la clase de configuración del proyecto. Luego ejecute npm install
en el proyecto front-end para descargar las dependencias correspondientes al proyecto front-end y el proyecto podrá iniciarse con éxito.
Una vez que el proyecto se haya iniciado exitosamente, ingrese la cuenta de administrador: admin y la contraseña: 123456 para iniciar sesión e ingresar al sistema.
Dirección del documento de la interfaz local: http://localhost:8090/doc.html
Operación del generador de código: cuando utilice el generador de código Mybatis-Plus
, primero debe modificar los parámetros de conexión de la base de datos y el nombre de usuario y contraseña de la base de datos en el archivo CodeGentrator
en el directorio /src/main/java/com/zrkizzy/template/generator
en consecuencia. Puede ejecutarse exitosamente después
Nota: Inicie primero el proyecto de back-end y luego el proyecto de front-end. El back-end carga dinámicamente muchos datos y configuraciones del proyecto de front-end.
Interfaz: vue + vuex + vue-router + axios + element-ui + sass + vue-cropper + dayjs + nprogress
Backend: SpringBoot + SpringSecurity + JWT + Swagger2 + MyBatisPlus + MySQL + Redis + Freemarker + FastJson + Kaptcha
herramientas de desarrollo | Rol funcional |
---|---|
Idea | herramientas de desarrollo java |
Navegar | herramienta de conexión MySQL |
Código VS | Herramientas de desarrollo de Vue. |
Medis | Herramienta de conexión de Redis |
entorno de desarrollo | Versión |
---|---|
JDK | 1.8 |
mysql | 8.0.13 |
vista | 2.6.11 |
Redis | 6.0.5 |
Siempre recuerdo que el primer proyecto web completamente desarrollado que desarrollé fue un sistema de gestión de excelencia y premios desarrollado para la escuela en mi segundo año. Todavía recuerdo que el sitio web oficial de Layui aún no estaba fuera de línea y jQuery todavía ocupaba el cielo. Para los principiantes, la plantilla del sistema de gestión de backend es relativamente fácil de usar. Después de integrar el generador de código Mybatis-Plus, la dificultad de desarrollo se reduce aún más. Personalmente, creo que la dificultad radica más en. la implementación manual del estilo y la construcción del front-end. Pido disculpas por cualquier deficiencia en el proyecto. Si tiene alguna pregunta o sugerencia, puede enviarme un mensaje en privado. También puede unirse al chat grupal. Nos animamos mutuamente, discutimos juntos, progresamos juntos y nos animamos mutuamente. ¡otro!