Backend-Managementsystem-Vorlage, entwickelt auf Basis von SpringBoot + Vue
Wie im Zoey-Framework beschrieben, wollte ich schon immer eine eigene Back-End-Management-Systemvorlage entwickeln, war aber bei der Entwicklung des Front-Ends noch nie mit einem System konfrontiert, das Front-End und Back-End trennte. Am Ende war ich von der dynamischen Darstellung verschiedener Stile und Menüs überwältigt. Bei der Entwicklung des Backends wurde ich von Spring Security völlig gefoltert. In dieser Zeit habe ich unzählige Male darüber nachgedacht, eine Reihe hervorragender Open-Source-Frameworks zu verwenden Mentalität zu lernen, das Endergebnis war, dass ich wieder einmal von verschiedenen hervorragenden Open-Source-Frameworks am Boden gerieben wurde.
Nachdem ich aus dieser Erfahrung gelernt hatte, wurde mir zutiefst klar, dass ich mich beruhigen und Technologie auf bodenständige Weise erlernen sollte. Schließlich löste ich die vorherigen Probleme nach und nach und verstand erfolgreich einige hervorragende Open-Source-Frameworks. Mein innerer Wunsch, eine Reihe von Hintergrundverwaltungssystemvorlagen zu entwickeln, wurde immer stärker Schließlich habe ich meinen eigenen Satz von Backend-Managementsystem-Vorlagen entwickelt.
Nachdem die Entwicklung abgeschlossen war, wurde mir zutiefst klar, dass es nicht ausreichte, die Entwicklung abzuschließen und die entsprechenden Grundfunktionen zu implementieren. Der Umgang des Systems mit verschiedenen Situationen bei hoher Parallelität und Mehrbenutzerzugriff ließ mich verstehen, dass ich gerade ausgestiegen bin der lange Marsch. Ich werde auch in Zukunft weiter optimieren und iterieren, Ihr Stern ist meine Motivation❤️
Github-Adresse: https://github.com/Architect-Java/system-template
Gitee-Adresse: https://gitee.com/dream-flight/system--template
Administratorkonto: admin Passwort: 123456
Testkonto: Testpasswort: 1234567
Das Front-End-Projekt befindet sich im system-vue
-Verzeichnis
Das Backend-Projekt befindet sich im system-springboot
Verzeichnis
Die SQL-Datei ist die Datei system-mysql8.sql
im Stammverzeichnis, die MySQL8 und höher erfordert.
Frontend-Projekt:
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 -- 路由导航守卫
Backend-Projekt
system-springboot
├── annotation -- 自定义注解
├── aspect -- aop切面
├── config -- 配置模块
├── constant -- 静态常量模块
├── controller -- 控制器模块
├── dto -- dto模块
├── entity -- 实体类模块
├── enums -- 枚举模块
├── filters -- 过滤器模块
├── generator -- 逆向工程模块
├── handler -- 处理器模块(自定义JWT权限过滤器)
├── mapper -- 数据持久化模块
├── service -- 业务处理模块
├── util -- 工具类模块
└── vo -- vo模块
Nachdem Sie das Projekt in den lokalen Bereich gezogen haben, führen Sie einfach die Datei system-mysql8.sql
direkt in der Datenbank aus. Die Datenbank wird automatisch erstellt und die Daten werden importiert. Anschließend müssen Sie die entsprechenden Parameterinformationen in der Projektkonfigurationsklasse ändern. Führen Sie dann npm install
im Front-End-Projekt aus, um die dem Front-End-Projekt entsprechenden Abhängigkeiten herunterzuladen, und das Projekt kann erfolgreich gestartet werden.
Nachdem das Projekt erfolgreich gestartet wurde, geben Sie das Administratorkonto ein: admin und das Passwort: 123456, um sich anzumelden und das System aufzurufen.
Adresse des lokalen Schnittstellendokuments: http://localhost:8090/doc.html
Betrieb des Codegenerators: Wenn Sie den Mybatis-Plus
-Codegenerator verwenden, müssen Sie zunächst die Datenbankverbindungsparameter sowie den Datenbankbenutzernamen und das Kennwort in der CodeGentrator
Datei im Verzeichnis /src/main/java/com/zrkizzy/template/generator
entsprechend ändern. Es kann danach erfolgreich ausgeführt werden
Hinweis: Starten Sie zuerst das Back-End-Projekt und dann das Front-End-Projekt. Viele Daten und Konfigurationen des Front-End-Projekts werden dynamisch vom Back-End geladen.
Frontend: vue + vuex + vue-router + axios + element-ui + sass + vue-cropper + dayjs + nprogress
Backend: SpringBoot + SpringSecurity + JWT + Swagger2 + MyBatisPlus + MySQL + Redis + Freemarker + FastJson + Kaptcha
Entwicklungstools | Funktionale Rolle |
---|---|
Idee | Java-Entwicklungstools |
Navicat | MySQL-Verbindungstool |
VSCode | Vue-Entwicklungstools |
Medis | Redis-Verbindungstool |
Entwicklungsumgebung | Version |
---|---|
JDK | 1.8 |
MySQL | 8.0.13 |
Vue | 2.6.11 |
Redis | 6.0.5 |
Ich erinnere mich immer daran, dass das erste vollständig entwickelte Webprojekt, das ich entwickelte, ein Auszeichnungs- und Exzellenzmanagementsystem war, das für die Schule in meinem zweiten Jahr entwickelt wurde. Ich erinnere mich noch daran, dass die offizielle Layui-Website noch nicht offline war und jQuery immer noch den Himmel besetzte. Für Anfänger ist die Backend-Management-Systemvorlage relativ einfach zu verwenden. Durch die Integration des Mybatis-Plus-Codegenerators wird die Schwierigkeit für Anfänger weiter reduziert die manuelle Implementierung des Frontend-Stils und -Builds. Ich entschuldige mich für etwaige Mängel im Projekt. Wenn Sie Fragen oder Anregungen haben, können Sie mir auch gerne privat am Gruppenchat teilnehmen. Wir ermutigen uns gegenseitig, machen gemeinsam Fortschritte und ermutigen uns andere!