react admin tp

เทมเพลตระบบการจัดการพื้นหลังของ React-Admin-TP

เทมเพลตระบบการจัดการพื้นหลังของ React-Typescript, การกำหนดเส้นทางแบบฝังตัวแบบไดนามิก, การจำลองข้อมูล, tailwindcss, โหมดกลางคืน, ชิปขนมปังแบบไดนามิก, ส่วนประกอบรูปแบบที่กำหนดเอง en

ภาพรวมโครงการ

การสร้างเครื่องมือในการเลือก Webpack Vite

ขอแนะนำให้ใช้เทมเพลตนั่งร้าน react-tp-cli

การพึ่งพาหลัก

• ซอกซอก
• อุกกาบาต
• tailwindcss
• การออกแบบมด
• mobx

การบรรจุ/การพัฒนาที่เกี่ยวข้อง

• บรรจุไฟล์ทางเข้า
  • webpack.config.js
  • vite.config.ts
• xxxx.config.js สภาพแวดล้อมที่แตกต่างกันการกำหนดค่าการกำหนดค่าบรรจุภัณฑ์
• ขอพร็อกซี devserver.proxy
• src api request.ts สามารถเพิ่มการสกัดกั้นคำขอที่เกี่ยวข้องกับตรรกะการประมวลผล

ตัวแปรสภาพแวดล้อม

• .ENV ตัวแปรสภาพแวดล้อมทั่วโลก
• .ENV.XXXX ตัวแปรสภาพแวดล้อมแบบไดนามิก

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

การกำหนดค่าการกำหนดเส้นทางแบบไดนามิก

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

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

---

โครงสร้างโครงการ

• ส่วนต่อประสาน API ที่เกี่ยวข้อง
• ไฟล์ทรัพยากรสินทรัพย์
• ส่วนประกอบส่วนประกอบสาธารณะ
• กำหนดค่าพารามิเตอร์สาธารณะ
• เค้าโครงสาธารณะ
• ข้อมูลจำลองจำลอง
• หน้าการกำหนดเส้นทางหน้า
• ตารางการกำหนดเส้นทางเราเตอร์ส่วนประกอบ
• เก็บ
• ประเภท
• เครื่องใช้

คุณต้องติดตั้ง ESLINT, prettier, tailwind css intellisnse plug -in (การติดตั้งคำแนะนำรอยแตกของผนัง)
ตัวแปรสภาพแวดล้อมและการกำหนดค่าบรรจุภัณฑ์การโหลดแบบไดนามิกและการติดตั้งโครงการพึ่งพาก่อนส่งรหัสเพื่อให้โครงการเป็นระเบียบ
สามารถลบไฟล์ที่เกี่ยวข้องกับหน้าแรกและคำแนะนำที่สร้างสรรค์ได้

การพึ่งพาการติดตั้ง

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

// 安装依赖
pnpm i

การเปิดใช้งานโครงการ

 // dev
pnpm start

// pro
pnpm build

หากคุณมีคำถามใด ๆ โปรดพูดถึงที่อยู่คลังสินค้าปัญหาของISue☹ star ★