react admin tp

Template Proyek Sistem Manajemen Latar Belakang React-Admin-TP

Templat Proyek Sistem Manajemen Latar Belakang React-Typescript, routing tertanam dinamis bawaan, mock data, tailwindCSS, mode malam, chip roti dinamis, komponen format khusus. En

Tinjauan Proyek

Membangun Alat untuk Memilih Webpack Vite

Disarankan untuk menggunakan template perancah reaksi-tp-cli

Ketergantungan utama

• Axios
• Ahooks
• tailwindcss
• Ant-Design
• Mobx

Terkait pengepakan/pengembangan

• File masuk pengemasan
  • webpack.config.js
  • vite.config.ts
• xxxx.config.js Konfigurasi Kemasan Lingkungan yang Berbeda
• Minta proxy devserver.proxy
• SRC API Request.ts Dapat Menambahkan Logika Pemrosesan Terkait Interception Permintaan

Variabel Lingkungan

• .env variabel lingkungan global
• .env.xxxx variabel lingkungan dinamis

新增环境需要在 scripts 里配置相应指令 cross-env NODE_ENV=(你的环境名)
环境变量文件 你的环境名.config.js .env.你的环境名 即可自动加载

Konfigurasi perutean dinamis

 // 动态路由配置参考
GLOBAL_ROUTERS . APP_PAGE ;

// 调用这方法设置你的动态路由配置
store . setDynamicRoutes ( routerConfig ) ;

---

Struktur proyek

• Terkait antarmuka API
• file sumber daya aset
• komponen komponen publik
• Konfigurasi Parameter Publik
• tata letak tata letak publik
• Data simulasi tiruan
• Halaman perutean halaman
• Komponen Tabel Routing Router
• toko
• tipe
• utils

Anda perlu menginstal ESLINT, lebih cantik, clock CSS Intellisnse tailwind -in (instalasi rekomendasi retak dinding)
Variabel Lingkungan dan Konfigurasi Kemasan Konfigurasi Pemuatan Dinamis dan Ketergantungan Proyek Instalasi Sebelum mengirimkan kode untuk menjaga proyek tetap rapi
File terkait beranda dan instruksi konstruktif dapat dihapus

Ketergantungan instalasi

 // 没有pnpm的话先安装pnpm
npm i pnpm -g

// 安装依赖
pnpm i

Aktivasi proyek

 // dev
pnpm start

// pro
pnpm build

Jika Anda memiliki pertanyaan, harap sebutkan alamat gudang masalah ISUE☹ Star ★