elementar admin

ผู้ดูแลระบบระดับประถมศึกษา

ภาพรวม | สาธิตสด | เอกสารประกอบ

ส่วนประกอบ Angular UI สมัยใหม่และแผงผู้ดูแลระบบ โดยอิงตามส่วนประกอบ Angular Material 3 และเฟรมเวิร์ก Tailwind css

คุณสมบัติที่สำคัญ

• ขึ้นอยู่กับส่วนประกอบวัสดุเชิงมุมที่ได้รับความนิยมมากที่สุด
• ส่วนประกอบทั้งหมดได้รับการออกแบบตั้งแต่เริ่มต้นโดยเฉพาะสำหรับผู้ดูแลระบบระดับประถมศึกษา
• มีส่วนประกอบจำนวนมากที่มุ่งสร้างโครงการจริง
• ฟรีและโอเพ่นซอร์สเพื่อวัตถุประสงค์ส่วนตัวและเชิงพาณิชย์

มีอะไรบ้าง:

• เชิงมุม 18+ และตัวพิมพ์ดีด
• เทลวินด์ 3+ และ SCSS
• ความละเอียดสูง
• ธีมที่กำหนดค่าได้อย่างยืดหยุ่น (รวม 3 ธีม)
• โทนสีอ่อนและสีเข้มในแต่ละธีม
• 50+ ส่วนประกอบเชิงมุม

ติดตั้ง

ติดตั้งโปรเจ็กต์เต็ม (พร้อมหน้าสาธิตและตัวอย่าง):

npx @elementarui/elementar-cli@latest new your-project-name

ติดตั้งโปรเจ็กต์ขั้นต่ำ (ไม่มีหน้าสาธิตและตัวอย่าง):

npx @elementarui/elementar-cli@latest new your-project-name --minimal

เริ่มแอปพลิเคชันสาธิต

 cd your-project-name
npm run start:demo

ดูตัวอย่างสด (สาธิต)

เริ่มแอปพลิเคชันโมโน

 cd your-project-name
npm run start:mono

การแสดงตัวอย่างสด (โมโน)

เริ่มแอปพลิเคชันแบบสองชั้น

 cd your-project-name
npm run start:dual-tier

ดูตัวอย่างสด (ระดับคู่)

เริ่มแอปพลิเคชันขั้นต่ำ

 cd your-project-name
npm run start

ดูตัวอย่างสด (ขั้นต่ำ)

อัปเดต

หากต้องการอัปเดตโครงการของคุณ ให้รันคำสั่งถัดไป:

 cd your-project-name
npx @elementarui/elementar-cli@latest update

ตามค่าเริ่มต้น คำสั่ง update จะอัพเดตเฉพาะ projects/components และ root package.json แต่ถ้าคุณต้องการอัพเดตโปรเจ็กต์ทั้งหมด เช่น demo, dual-tier, monolayout คุณสามารถทำได้โดยใช้คำสั่ง:

 cd your-project-name
npx @elementarui/elementar-cli@latest update all