react antd console

Solusi front-end untuk sistem manajemen back-end

?Pratinjau Online |. ?Dokumentasi

memperkenalkan

react-antd-console adalah solusi front-end untuk sistem manajemen back-end, yang merangkum fungsi-fungsi yang diperlukan dari sistem manajemen back-end (seperti login, otentikasi, menu, remah roti, tab, dll.) untuk membantu pengembang fokus pada perkembangan bisnis yang pesat. Proyek ini didasarkan pada versi baru seperti React 18 , Ant design 5 , Vite dan TypeScript . Semua teknologi yang digunakan akan terus diperbarui ke versi terbaru

Siapa yang harus menggunakannya?

Jika Anda mencari template front-end minimalis untuk manajemen backend, tumpukan teknologinya canggih dan stabil, Anda ingin menguasai prinsip-prinsipnya dengan mudah, atau Anda ingin fokus hanya pada pengembangan bisnis, maka Anda dapat mencoba proyek penulis ini proyek ini adalah Ringkasan pengalaman bertahun-tahun

sesederhana mungkin

Apakah Anda menggunakan proyek ini untuk tujuan pengembangan atau pembelajaran, menjaganya tetap sederhana sangatlah penting. Oleh karena itu, proyek ini berfokus pada: desain hierarki kode yang baik, struktur direktori yang jelas, klasifikasi modul yang mudah dimodifikasi dan diganti, dll. Proyek ini meminimalkan enkapsulasi beberapa fungsi yang diperlukan, seperti login, otentikasi, menu, remah roti, tab, dll. Jika Anda tidak memiliki desain UI sendiri, Anda dapat langsung menggunakan fungsi yang dikemas dalam proyek ini; jika Anda memiliki desain UI sendiri, Anda juga dapat membuat modifikasi yang mudah berdasarkan proyek ini.

Proyek ini menganjurkan minimalis, dan kode sumber inti hanya sekitar 3.400 baris. Sangat mudah untuk memulainya. Selain dokumentasi, ada juga serangkaian artikel untuk membantu Anda menguasai dan menggunakan dengan lebih baik:

• Secara langsung, saya akan membawa Anda ke belakang panggung dengan React, Seri 1 (Vite)
• Leg-to-leg, memungkinkan Anda menggunakan React untuk memainkan backend, Seri 2 (Project Skeleton)
• Secara langsung, memungkinkan Anda menggunakan React untuk menguasai backend, Seri 3 (Tata Letak dan Otentikasi)

Fungsi

• Tumpukan teknologi terbaru : Vite (mendukung热更新), React18 , Ant Design5 , TypeScript (cakupan tipe hampir 100% )
• Fokus pada bisnis : Tata letak yang dienkapsulasi (menu samping, remah roti, tab, header dan footer, dll.), Anda hanya perlu专注于业务开发
• Manajemen izin : mendukung izin菜单级dan按钮级
• Konfigurasi perutean : Konfigurasi minimalis yang secara otomatis menghasilkan perutean, menu, remah roti, dll., mendukung perutean bersarang, tata letak tunggal/tanpa tata letak, dan konfigurasi lainnya, mendukung perubahan perutean dinamis, dll.
• ? Manajemen data : Desain arsitektur分层(data dan tampilan), solusi manajemen data secara teoritis mendukung akses ke perpustakaan/kerangka rendering UI apa pun (termasuk namun tidak terbatas pada React/Vue/Angular)
• ? Perubahan warna kulit : mendukung peralihan warna apa pun dalam mode warna kulit gelap/terang
• ?️Multi-tab : multi-tab yang dapat diseret, mendukung persistensi, menu klik kanan, dll.
• ? Animasi elegan : mendukung animasi peralihan rute, halaman tab, menu, animasi tombol fungsi, dll.
• ? Fungsi lainnya : seperti响应式设计,国际化, Mock ,环境配置,工程化规范, dll.

mulai cepat

 # 安装依赖
npm i

# 启动服务
npm start

Akses peramban http://localhost:9527

Membangun

 # 构建生产环境包
npm run build:prod

Kompatibel dengan peramban

Kompatibel dengan browser yang mendukung es2015, tidak kompatibel dengan IE. Disarankan tidak kurang dari:

• Krom >=87
• Firefox >=78
• Safari >=14
• Tepi >=88

tema

Sakelar warna utama apa pun

Kuning telur

Gelap

Laut

Monokai

Kosmik

beberapa tag

?Pratinjau Online |. ?Dokumentasi

Bagaimana cara mendukung proyek ini?

• Jika Anda menyukai proyek ini atau merasa bermanfaat bagi Anda, silakan beri bintang pada proyek kami ️
• Membuat permintaan penarikan, mengirimkan masalah, menyarankan fitur baru, atau memperbarui dokumentasi?