system template

Pengenalan proyek

Templat sistem manajemen backend dikembangkan berdasarkan SpringBoot + Vue

Kata pengantar

Seperti yang dijelaskan dalam kerangka Zoey, saya selalu ingin mengembangkan templat sistem manajemen back-end saya sendiri, tetapi saya belum pernah mengenal sistem yang memisahkan front-end dan back-end pada awalnya. Pada akhirnya, saya kewalahan dengan rendering dinamis dari berbagai gaya dan menu. Saya tersiksa sepenuhnya oleh Spring Security saat mengembangkan backend. Selama periode ini, saya berpikir untuk menggunakan serangkaian kerangka kerja sumber terbuka yang sangat baik berkali-kali, tetapi dengan terburu-buru mentalitas untuk belajar, hasil akhirnya adalah saya sekali lagi ditekan oleh berbagai kerangka kerja sumber terbuka yang sangat baik...

Setelah belajar dari pengalaman tersebut, saya sangat menyadari bahwa saya harus menenangkan diri dan mempelajari teknologi dengan cara yang membumi. Akhirnya, setelah beberapa waktu, saya memecahkan masalah sebelumnya satu per satu dan berhasil memahami beberapa kerangka kerja sumber terbuka yang sangat baik. Keinginan batin saya untuk mengembangkan serangkaian templat sistem manajemen latar belakang menjadi semakin kuat. Jika saya punya ide, saya akan melakukannya akhirnya, saya akhirnya mengembangkan kumpulan templat sistem manajemen backend saya sendiri.

Setelah pengembangan selesai, saya sangat menyadari bahwa menyelesaikan pengembangan dan mengimplementasikan fungsi dasar yang sesuai saja tidak cukup. Penanganan sistem terhadap berbagai situasi ketika menghadapi konkurensi tinggi dan akses multi-pengguna membuat saya memahami bahwa saya baru saja keluar dari sini. langkah pertama. Saya akan terus mengoptimalkan dan mengulanginya di masa depan, bintang Anda adalah motivasi saya❤️

Alamat proyek

Alamat Github: https://github.com/Architect-Java/system-template

Alamat Gitee: https://gitee.com/dream-flight/system--template

Akun administrator: admin Kata sandi: 123456

Akun uji: uji Kata sandi: 1234567

Struktur direktori

Proyek front-end terletak di direktori system-vue

Proyek backend terletak di direktori system-springboot

File SQL adalah file system-mysql8.sql di direktori root, yang memerlukan MySQL8 dan yang lebih baru.

Proyek ujung depan:

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      -- 路由导航守卫  

Proyek ujung belakang

system-springboot
├── annotation         --  自定义注解
├── aspect             --  aop切面
├── config             --  配置模块
├── constant           --  静态常量模块
├── controller         --  控制器模块
├── dto                --  dto模块
├── entity             --  实体类模块
├── enums              --  枚举模块
├── filters    	       --  过滤器模块
├── generator	       --  逆向工程模块
├── handler            --  处理器模块（自定义JWT权限过滤器）
├── mapper             --  数据持久化模块
├── service            --  业务处理模块
├── util               --  工具类模块
└── vo        	       --  vo模块

Proyek berjalan:

Setelah menarik proyek ke area lokal, jalankan saja file system-mysql8.sql langsung di database. Database akan otomatis dibuat dan data akan diimpor. Kemudian Anda perlu mengubah informasi parameter terkait di kelas konfigurasi proyek. Kemudian jalankan metode npm install di proyek front-end untuk mengunduh dependensi yang sesuai dengan proyek front-end dan proyek dapat dimulai dengan sukses.

Setelah proyek berhasil dimulai, masukkan akun administrator: admin dan kata sandi: 123456 untuk login dan masuk ke sistem.

Alamat dokumen antarmuka lokal: http://localhost:8090/doc.html

Pengoperasian pembuat kode: Saat menggunakan pembuat kode Mybatis-Plus , Anda harus terlebih dahulu mengubah parameter koneksi database serta nama pengguna dan kata sandi database di file CodeGentrator di direktori /src/main/java/com/zrkizzy/template/generator . Itu dapat berjalan dengan sukses setelahnya

Catatan: Mulai proyek back-end terlebih dahulu, lalu proyek front-end. Banyak data dan konfigurasi proyek front-end dimuat secara dinamis oleh back-end.

Fitur proyek

• Gaya front-end dirancang dengan mengacu pada "Ruoyi Framework", "element-admin", "Blog Pribadi Fengyu", dan "Manajemen Backend Nanjuxing"
• Gunakan "element-ui" untuk rendering gaya, tulis ulang bagian kode sumber gaya "elemen-ui", dan secara otomatis menghasilkan navigasi sidebar dan runut tautan.
• Mengadopsi model RBAC, mendukung alokasi izin dinamis, dan pembaruan real-time pada menu front-end dan izin back-end
• Bagian depan dan belakang proyek dikembangkan secara terpisah untuk beradaptasi dengan tren saat ini.
• Peralihan halaman menggunakan NProgress untuk transisi guna meningkatkan keindahan proyek.
• Terapkan manajemen log menggunakan anotasi khusus Spring AOP
• Integrasikan generator kode Mybatis-Plus untuk menyederhanakan pengembangan selanjutnya
• Tingkat kode front-end sederhana dan tidak terlalu terenkapsulasi, sehingga memudahkan pengembang back-end untuk membaca dan memperluas pengembangan.
• Kode back-end ditulis sesuai dengan spesifikasi pengembangan Alibaba, yang kondusif untuk pembelajaran pengembang.
• Proyek ini hanya menyelesaikan fungsi paling dasar dari sistem manajemen backend tanpa gangguan bisnis apa pun, sehingga kondusif untuk pengembangan sekunder.

Pengenalan teknis:

Front-end: vue + vuex + vue-router + axios + elemen-ui + sass + vue-cropper + dayjs + nprogress
Bagian belakang: SpringBoot + SpringSecurity + JWT + Swagger2 + MyBatisPlus + MySQL + Redis + Freemarker + FastJson + Kaptcha

lingkungan pengembangan

alat pengembangan	Peran fungsional
Ide	Alat pengembangan Java
Navicat	Alat koneksi MySQL
Kode VSC	Alat pengembangan Vue
Medis	Alat koneksi Redis

lingkungan pengembangan	Versi
JDK	1.8
MySQL	8.0.13
Lihat	2.6.11
ulang	6.0.5

Tangkapan layar proyek

Ringkasan proyek

Saya selalu ingat bahwa proyek Web pertama yang saya kembangkan sepenuhnya adalah sistem penghargaan dan manajemen keunggulan yang dikembangkan untuk sekolah di tahun kedua saya. Saya masih ingat bahwa situs web resmi Layui belum offline, dan jQuery masih menempati langit. Untuk pemula, templat sistem manajemen backend relatif mudah digunakan. Setelah mengintegrasikan generator kode Mybatis-Plus, kesulitan pengembangan semakin berkurang implementasi manual gaya front-end. Saya mohon maaf atas segala kekurangan dalam proyek ini. Jika Anda memiliki pertanyaan atau saran, Anda dapat mengirim pesan kepada saya secara pribadi. Anda juga dapat bergabung dalam obrolan grup. Kami saling menyemangati, berdiskusi bersama, membuat kemajuan bersama, dan menyemangati satu sama lain lainnya!

Kelompok komunikasi