Muteki
- Pendahuluan singkat
- VUE3.0 Template manajemen -end berdasarkan Springboot dan Vue, yang dapat dengan cepat dikembangkan ke ujung depan untuk menyediakan antarmuka (Restfull API)
- Kode melalui pemindaian kode kode alibaba 90% dan findbugs
- Web mendukung login multi -terminal, yang dapat melakukan pemeliharaan terpisah dari terminal
- Manajemen Pengguna, Manajemen Peran, Manajemen Departemen, Manajemen Otoritas, Manajemen Menu, Manajemen Log, dll.
- Ada versi Vue3 Ant-Design-Vue dan Versi Elemen Vue2
- Proyek ini benar -benar open source MIT
- Bersinar!
Dokumentasi Pengembangan
- Dokumen ini terus diperbarui. Esensi Esensi
Alamat proyek asli
Membengkokkan
Pedoman berikut akan membantu Anda menginstal dan menjalankan proyek pada mesin lokal untuk pengembangan dan pengujian. Untuk cara menggunakan proyek ke lingkungan online, silakan merujuk ke bagian penempatan.
Persyaratan instalasi, langkah -langkah
- Instal Java Environment, JDK1.8
- Instal MySQL 8 dan Buat Database ( UTF8MB4 , UTF8MB4_General_ci ) untuk mengimpor SQL (DOC Directory)
- Instal Redis , Unduh dan Instal
- Alat pengembangan membutuhkan pemasangan lombok plug -in (ide rekomendasi alat pengembangan)
- --- Operasi back-end (jika ada masalah, konfigurasi sumber data dalam file konfigurasi YML salah)
- Lingkungan Instalasi dan Konfigurasi Node
- Instal Vue-Cli , masukkan direktori VUE untuk menjalankan
npm install - --- Jalankan
npm run serve ( Webstorm atau Ide dapat langsung mengklik paket .
Alamat demonstrasi
menyebarkan
- Jalankan perintah
mvn clean package untuk mengemasnya di direktori Springboot.- Direktori konfigurasi adalah file konfigurasi yang disimpan
- Direktori Lib adalah paket jar maven
- Direktori statis menyimpan file statis
- File JAR dihasilkan oleh Paket Jar (jika ketergantungan POM di masa mendatang, Anda hanya dapat mengganti paket JAR)
- Jalankan perintah
npm run build untuk mengemasnya di direktori VUE.- Konfigurasi yang dikemas di file .env dan file vue.config.js
- Server penyebaran perlu dikonfigurasi dengan JDK1.8 , MySQL 8 , Redis Environment
- Paket Jar menjalankan
nohup java -jar springboot.jar & dapat berjalan di latar belakang dan mengeluarkan log di direktori saat ini - Server penyebaran disarankan untuk mengkonfigurasi nginx .
Kesalahan umum
-
java.lang.RuntimeException: Cannot resolve classpath entry: E:maven-repositorymysqlmysql-connector-java8.0.15mysql-connector-java-8.0.15.jar- Kesalahan: Menurut database, kelas fisik dihasilkan
- Solusi: Sumber Daya/Konfigurasi/Generator-Config.xml No. 6 Ring Jar Packing Trail ke Jar Bag Sendiri
Ujung Belakang:
Springboot, Mybatis, Redis
- Pendahuluan singkat
- Proyek berdasarkan template springboot
- Konfigurasi Dasar
- file .yml dapat mengonfigurasi informasi terkait
- Di direktori konfigurasi , ini adalah konfigurasi modul umum
- Filter dilengkapi dengan silang -domain , penyaringan parameter , dll.
- Permintaan filter parameter secara otomatis menghapus spasi depan dan belakang , dan tag HTML pemfilteran JSoup (dapat menyesuaikan level filter konfigurasi)
- Manajemen Otoritas
- Dengan antarmuka dengan anotasi
@AuthToken , header permintaan harus memiliki token untuk diakses - Dengan routing rendering dinamis halaman depan vue, dan tombol tampilan tersembunyi: tombol disimpan dalam
this.$globalFun.getSessionStorage('buttonMap') - Untuk akurat izin level antarmuka, API yang sesuai sesuai dengan menu atau tombol yang sesuai dalam manajemen fungsi harus ditingkatkan, jika tidak, akan ada
- Gunakan dadih untuk mengemas pabrik pengemasan, warisan basa
-
baseInsert() dan baseUpdate() akan secara otomatis menyaring bidang dengan nol
- Secara otomatis menghasilkan kelas fisik sesuai dengan database
- Jalankan org.mybatis.gienerator.plugin.mybat itestst.main () metode
- Sumber Daya Konfigurasi Khusus/Config/Generator-Config.xml
- Log disimpan oleh langit, dan konfigurasi spesifik ada di sumber daya/konfigurasi/logback-spring.xml
- Secara otomatis menghasilkan dokumen database sesuai dengan database
- Run organcrew.screwtest.testscrew () metode
Ujung Depan:
Vue:
Pendahuluan singkat
- Proyek yang dibuat berdasarkan Vue Cli
- Antarmuka UI: Elemen-UI
- Permintaan Jaringan: Axios
- Metode panggilan global
this.$axios({ url: '', data: {}, success(data) {} });- URL: Alamat setelah nama domain diperlukan
- Sukses: Anda hanya perlu menangani kode hingga 200
- Variabel dan metode global ada di direktori/src/utils
- Elemen-ui gaya di /src/assets/sass/element-dariables.scss file
- Sebagian besar proyek memiliki penjelasan
Konfigurasi Dasar
- Dengan ujung belakang untuk mencapai perutean dinamis: Mengisi jalur jalur dari formulir manajemen fungsi, jalur root default adalah /src/views/main/**/*/index.vue/
- file .env.prduction/pengembangan dan vue.config.js adalah file yang dikonfigurasi
Komponen pengemasan umum
- Dialog: kotak pop -up
- Detail: Judul+Data Tampilan Konten
- Formulir: Pengajuan Formulir,
@submit hanya perlu memproses situasi setelah verifikasi formulir - Indeks: kotak pop -up biasa
- Tabel: Tabel
- Contoh pengembalian yang diterima oleh tabel:
{"list":[],"pageNum":1,"pageSize":10} - 表格数据请求
tableDataRequest: { url: '', data: {} }- URL: Alamat permintaan
- Data: Parameter tambahan, dengan pencarian dan penggunaan atas
- Table Display
tableColumns: [ {prop: 'username', label: '用户名',formatter(){ return ''; }} ]- Formatter: Tampilan Kompleks, Anda dapat mengembalikan DOM
Rasa syukur
Pertama-tama, berkat proyek sumber terbuka yang sangat baik seperti Springboot , Vue , Element-UI, dll. Kedua , proyek ini mengacu pada banyak contoh online.
