3YAdmin

Kodenya terlalu jelek, jadi tidak disarankan untuk menyalinnya. Anda bisa melihat ide implementasi RBAC yang bersifat universal.

3YAadmin

3YAdmin adalah templat sistem manajemen latar belakang yang berfokus pada kontrol izin umum dan formulir.

3YAdmin mendukung dua mode tata letak, mode Tab dan mode normal. Kedua mode tersebut ditentukan saat webpack dipaket dan dikompilasi. Saat mengemas mode tertentu, kode redundan di mode lain tidak akan dimasukkan (cukup sulit untuk mengimplementasikan mode Tab di React).

3YAdmin mengimplementasikan halaman fungsional inti dan operasi model kontrol izin RBAC.

3YAdmin dapat menghasilkan formulir kueri, formulir statis, dan formulir dinamis dengan mengurai data JSON yang ditentukan.

Dipasangkan dengan malas-mock, Anda dapat dengan cepat menghasilkan fungsi penambahan, penghapusan, modifikasi, dan kueri front-end dan back-end dengan data tiruan (pembuat kode sederhana).

demo daring:

Modus Tab

Modus Umum

akun masuk:

admin 123

test 123456

website_admin 123456

Fungsi dan fitur

• Dukungan data backend nyata

• Masuk/Keluar

• Kecilkan bilah menu kiri

• Tata letak responsif

• Muat sesuai permintaan

• Navigasi tanda

• tepung roti

• Layar penuh/keluar dari layar penuh

• Menu dinamis vs menu statis

• Menu dibagi berdasarkan modul

• Kontrol izin universal

• Kontrol izin tingkat menu

• Kontrol izin tingkat antarmuka

• Kontrol izin tingkat elemen

• Efek pemuatan yang dapat dikonfigurasi secara global

• Penanganan pengecualian jaringan

• modul

• Pengaturan sistem

• Manajemen izin

• Struktur organisasi

• Manajemen pengguna

• Manajemen menu

• Manajemen fungsi

• manajemen peran

• Manajemen izin peran

• Manajemen pengguna peran

• Manajemen peran pengguna

• Manajemen departemen

• Manajemen posisi

• modul sistem

• Catatan audit

• Inisialisasi data

• contoh

• Formulir Pencarian

• Formulir Umum (bentuk statis, setelah diurai pertama kali, formulir tidak akan berubah setelah data JSON berubah)

• Formulir Dinamis (bentuk dinamis, formulir dibuat ulang setelah data JSON berubah)

• Halaman uji izin

• halaman kesalahan

• Formulir JSON (menghasilkan formulir secara dinamis dengan mengurai data JSON)

Instal dan gunakan

Memasang

git clone https://github.com/wjkang/3YAdmin.git

npm install

Instal layanan tiruan latar belakang

git clone -b 3YAdmin https://github.com/wjkang/quasar-admin-server.git

npm install

npm start

Berlari

Perkembangan

npm start

Produksi (Bangun)

npm run build

Konfigurasi

Salin dan modifikasi langsung konfigurasi yang dihasilkan oleh react-react-app. Semuanya ada di folder react-scripts. Saat ini, antd dikonfigurasi untuk diimpor sesuai permintaan, dikemas dalam potongan, dan AutoDllPlugin digunakan. Anda dapat memodifikasinya sesuai dengan kebutuhan Anda sendiri.

Konfigurasi mode pengemasan memerlukan modifikasi process.env.REACT_APP_LAYOUT_MODE di file builds.js dan start.js.

tutorial

Nanti akan ada tutorial penggunaan detail dan ide desain arsitektur front-end untuk sistem manajemen back-end dengan pemisahan front-end dan back-end (termasuk vue dan react. Jika Anda suka, Anda bisa memberinya bintang.