หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

โซลูชันส่วนหน้าสำหรับระบบการจัดการส่วนหลัง

?ดูตัวอย่างออนไลน์ |. ?เอกสารประกอบ

แนะนำ

react-antd-console เป็นโซลูชันส่วนหน้าสำหรับระบบการจัดการส่วนหลัง ซึ่งสรุปฟังก์ชันที่จำเป็นของระบบการจัดการส่วนหลัง (เช่น การเข้าสู่ระบบ การรับรองความถูกต้อง เมนู breadcrumbs แท็บ ฯลฯ) เพื่อช่วยนักพัฒนา มุ่งเน้นการพัฒนาธุรกิจอย่างรวดเร็ว โปรเจ็กต์นี้ใช้เวอร์ชันใหม่ เช่น React 18 , Ant design 5 , Vite และ TypeScript เทคโนโลยีทั้งหมดที่ใช้จะได้รับการอัปเดตเป็นเวอร์ชันล่าสุดอย่างต่อเนื่อง

ใครควรใช้มัน?

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

ง่ายที่สุด

ไม่ว่าคุณจะใช้โปรเจ็กต์นี้เพื่อการพัฒนาหรือการเรียนรู้ การทำให้มันเรียบง่ายเป็นสิ่งจำเป็น ดังนั้น โปรเจ็กต์นี้จึงมุ่งเน้นไปที่: การออกแบบลำดับชั้นของโค้ดที่ดี โครงสร้างไดเร็กทอรีที่กำหนดไว้อย่างชัดเจน การจำแนกโมดูลที่ง่ายต่อการแก้ไขและแทนที่ เป็นต้น โปรเจ็กต์นี้จะลดการห่อหุ้มฟังก์ชันที่จำเป็นบางอย่างให้เหลือน้อยที่สุด เช่น การเข้าสู่ระบบ การตรวจสอบสิทธิ์ เมนู breadcrumbs แท็บ ฯลฯ หากคุณไม่มีการออกแบบ UI ของคุณเอง คุณสามารถใช้ฟังก์ชันที่รวมอยู่ในโปรเจ็กต์นี้ได้โดยตรง หากคุณมีการออกแบบ UI ของคุณเอง คุณสามารถทำการปรับเปลี่ยนตามโปรเจ็กต์นี้ได้สะดวก

โปรเจ็กต์นี้สนับสนุนความเรียบง่าย และซอร์สโค้ดหลักมีเพียงประมาณ 3,400 บรรทัดเท่านั้น ง่ายต่อการเริ่มต้น นอกจากเอกสารประกอบแล้ว ยังมีบทความหลายชุดที่จะช่วยให้คุณเชี่ยวชาญและใช้งานได้ดีขึ้น:

  • ขาต่อขา ฉันจะพาไปหลังเวทีกับ React Series 1 (Vite)
  • Leg-to-leg ให้คุณใช้ React เพื่อเล่นแบ็คเอนด์ Series 2 (Project Skeleton)
  • Leg-to-leg ให้คุณใช้ React เพื่อเชี่ยวชาญแบ็กเอนด์ ซีรีส์ 3 (เลย์เอาต์และการตรวจสอบสิทธิ์)

การทำงาน

  • เทคโนโลยีล่าสุด : Vite (รองรับ热更新), React18 , Ant Design5 , TypeScript (ครอบคลุมประเภทเกือบ 100% )
  • มุ่งเน้นที่ธุรกิจ : รูปแบบที่ห่อหุ้ม (เมนูด้านข้าง, Breadcrumbs, แท็บ, ส่วนหัวและส่วนท้าย ฯลฯ ) คุณเพียงแค่ต้อง专注于业务开发เท่านั้น
  • การจัดการสิทธิ์ : รองรับสิทธิ์菜单级และ按钮级
  • การกำหนดค่าการกำหนดเส้นทาง : การกำหนดค่าแบบเรียบง่ายที่สร้างการกำหนดเส้นทาง เมนู Breadcrumbs ฯลฯ โดยอัตโนมัติ รองรับการกำหนดเส้นทางแบบซ้อน เค้าโครงเดี่ยว/ไม่มี และการกำหนดค่าอื่นๆ รองรับการเปลี่ยนแปลงแบบไดนามิกในการกำหนดเส้นทาง ฯลฯ
  • การจัดการข้อมูล : การออกแบบสถาปัตยกรรม分层(ข้อมูลและมุมมอง) โซลูชันการจัดการข้อมูลในทางทฤษฎีรองรับการเข้าถึงไลบรารี/เฟรมเวิร์กการเรนเดอร์ UI ใด ๆ (รวมถึงแต่ไม่จำกัดเฉพาะ React/Vue/Angular)
  • ? การเปลี่ยนสีผิว : รองรับการเปลี่ยนสีในโหมดโทนสีผิวสีเข้ม/สีอ่อน
  • ️หลายแท็บ : หลายแท็บที่ลากได้ รองรับการคงอยู่ เมนูคลิกขวา ฯลฯ
  • ? แอนิเมชั่นที่หรูหรา : รองรับแอนิเมชั่นการสลับเส้นทาง, หน้าแท็บ, เมนู, แอนิเมชั่นปุ่มฟังก์ชั่น ฯลฯ
  • ฟังก์ชั่นอื่น ๆ : เช่น响应式设计,国际化, Mock ,环境配置,工程化规范ฯลฯ

เริ่มต้นอย่างรวดเร็ว 

 # 安装依赖
npm i

# 启动服务
npm start

การเข้าถึงเบราว์เซอร์ http://localhost:9527

สร้าง 

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

รองรับเบราว์เซอร์

เข้ากันได้กับเบราว์เซอร์ที่รองรับ es2015 ไม่รองรับ IE แนะนำให้ใช้ไม่ต่ำกว่า:

  • โครม >=87
  • ไฟร์ฟอกซ์ >=78
  • ซาฟารี >=14
  • ขอบ >=88

ธีม

สลับสีหลักใด ๆ

ไข่แดง

มืด

มหาสมุทร

โมโนไค

จักรวาล

หลายแท็ก

?ดูตัวอย่างออนไลน์ |. ?เอกสารประกอบ

จะสนับสนุนโครงการนี้ได้อย่างไร?

  • หากคุณชอบโครงการนี้หรือคิดว่ามันมีประโยชน์สำหรับคุณ โปรดให้ดาวโครงการของเรา ️
  • สร้างคำขอดึง ส่งปัญหา แนะนำคุณสมบัติใหม่ หรืออัปเดตเอกสารหรือไม่
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด