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



เทมเพลตแดชบอร์ดผู้ดูแลระบบ CoreUI ฟรีสำหรับ Angular 19

CoreUI มีไว้เพื่อเป็นตัวเปลี่ยนเกม UX โค้ดที่บริสุทธิ์และโปร่งใสไม่มีส่วนประกอบที่ซ้ำซ้อน ดังนั้นแอปจึงเบาพอที่จะมอบประสบการณ์ผู้ใช้ขั้นสูงสุด นี่หมายถึงอุปกรณ์เคลื่อนที่เช่นกัน ซึ่งการนำทางนั้นง่ายและใช้งานง่ายเหมือนกับบนเดสก์ท็อปหรือแล็ปท็อป CoreUI Layout API ช่วยให้คุณปรับแต่งโปรเจ็กต์ของคุณสำหรับอุปกรณ์เกือบทุกชนิด ไม่ว่าจะเป็นอุปกรณ์เคลื่อนที่ เว็บ หรือ WebApp CoreUI ครอบคลุมทุกอย่าง!

  • เทมเพลตแดชบอร์ดผู้ดูแลระบบ CoreUI Angular และไลบรารีส่วนประกอบ UI
  • การสาธิตเชิงมุมของ CoreUI
  • เอกสารเชิงมุม CoreUI

สารบัญ

  • รุ่นต่างๆ
  • CoreUI Pro
  • เริ่มต้นอย่างรวดเร็ว
  • การติดตั้ง
  • การใช้งานขั้นพื้นฐาน
  • มีอะไรบ้าง
  • เอกสารประกอบ
  • การกำหนดเวอร์ชัน
  • ผู้สร้าง
  • ชุมชน
  • ลิขสิทธิ์และใบอนุญาต

รุ่นต่างๆ

  • เทมเพลตผู้ดูแลระบบ Bootstrap CoreUI ฟรี
  • เทมเพลตผู้ดูแลระบบเชิงมุมฟรี CoreUI
  • เทมเพลตผู้ดูแลระบบ React.js ของ CoreUI ฟรี
  • เทมเพลตผู้ดูแลระบบ CoreUI ฟรี Vue.js

CoreUI Pro

  • - เทมเพลตผู้ดูแลระบบ CoreUI Pro Angular
  • - เทมเพลตผู้ดูแลระบบ Bootstrap CoreUI Pro
  • - เทมเพลตผู้ดูแลระบบ CoreUI Pro React
  • - เทมเพลตผู้ดูแลระบบ CoreUI Pro Next.js
  • - เทมเพลตผู้ดูแลระบบ CoreUI Pro Vue

เทมเพลตผู้ดูแลระบบเชิงมุม CoreUI PRO

ธีมเริ่มต้น ธีมแสง
ธีมสมัยใหม่ ธีมที่สดใส

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

  • ดาวน์โหลดรุ่นล่าสุด
  • โคลน repo: git clone https://github.com/coreui/coreui-free-angular-admin-template.git

ข้อกำหนดเบื้องต้น

ก่อนที่คุณจะเริ่มต้น ตรวจสอบให้แน่ใจว่าสภาพแวดล้อมการพัฒนาของคุณมี Node.js® และตัวจัดการแพ็คเกจ npm

โหนด js

Angular 19 ต้องใช้ Node.js LTS เวอร์ชัน ^18.19.1 หรือ ^20.11.1

  • หากต้องการตรวจสอบเวอร์ชันของคุณ ให้รัน node -v ในหน้าต่างเทอร์มินัล/คอนโซล
  • หากต้องการรับ Node.js ให้ไปที่ nodejs.org
CLI เชิงมุม

ติดตั้ง Angular CLI ทั่วโลกโดยใช้หน้าต่างเทอร์มินัล/คอนโซล 

npm install -g @angular/cli

การติดตั้ง 

$ npm install
$ npm update

การใช้งานขั้นพื้นฐาน 

 # dev server with hot reload at http://localhost:4200
$ npm start

ไปที่ http://localhost:4200 แอปจะโหลดซ้ำโดยอัตโนมัติหากคุณเปลี่ยนแปลงไฟล์ต้นฉบับใดๆ

สร้าง

รัน build เพื่อสร้างโปรเจ็กต์ สิ่งประดิษฐ์ของบิลด์จะถูกจัดเก็บไว้ในไดเร็กทอรี dist/ 

 # build for production with minification
$ npm run build

มีอะไรบ้าง

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

 coreui-free-angular-admin-template
├── src/                         # project root
│   ├── app/                     # main app directory
|   │   ├── icons/               # icons set for the app
|   │   ├── layout/              # layout 
|   |   │   └── default-layout/  # layout components
|   |   |       └── _nav.js      # sidebar navigation config
|   │   └── views/               # application views
│   ├── assets/                  # images, icons, etc.
│   ├── components/              # components for demo only
│   ├── scss/                    # scss styles
│   └── index.html               # html template
│
├── angular.json
├── README.md
└── package.json

เอกสารประกอบ

เอกสารประกอบสำหรับเทมเพลตผู้ดูแลระบบ CoreUI นั้นโฮสต์อยู่ที่เว็บไซต์ CoreUI สำหรับ Angular ของเรา

โปรเจ็กต์นี้สร้างด้วย Angular CLI เวอร์ชัน 18.0.0

การกำหนดเวอร์ชัน

เพื่อความโปร่งใสในวงจรการเปิดตัวของเราและในการมุ่งมั่นที่จะรักษาความเข้ากันได้แบบย้อนหลัง เทมเพลตผู้ดูแลระบบ CoreUI Free จะได้รับการดูแลภายใต้แนวทางการกำหนดเวอร์ชันแบบความหมาย

ดูส่วนการเผยแพร่ของโปรเจ็กต์ของเราสำหรับบันทึกการเปลี่ยนแปลงสำหรับเวอร์ชันรีลีสแต่ละเวอร์ชัน

เซิร์ฟเวอร์การพัฒนา

เรียกใช้ ng serve สำหรับเซิร์ฟเวอร์ dev ไปที่ http://localhost:4200/ แอปจะโหลดซ้ำโดยอัตโนมัติหากคุณเปลี่ยนแปลงไฟล์ต้นฉบับใดๆ

รหัสนั่งร้าน

เรียกใช้ ng generate component component-name เพื่อสร้างส่วนประกอบใหม่ คุณยังสามารถใช้ ng generate directive|pipe|service|class|guard|interface|enum|module

สร้าง

รัน ng build เพื่อสร้างโปรเจ็กต์ สิ่งประดิษฐ์ของบิลด์จะถูกจัดเก็บไว้ในไดเร็กทอรี dist/

กำลังรันการทดสอบหน่วย

รัน ng test เพื่อดำเนินการทดสอบหน่วยผ่าน Karma

ทำการทดสอบแบบ end-to-end

เรียกใช้ ng e2e เพื่อทำการทดสอบแบบ end-to-end ผ่านแพลตฟอร์มที่คุณเลือก หากต้องการใช้คำสั่งนี้ คุณต้องเพิ่มแพ็คเกจที่ใช้ความสามารถในการทดสอบแบบ end-to-end ก่อน

ช่วยเหลือเพิ่มเติม

หากต้องการความช่วยเหลือเพิ่มเติมเกี่ยวกับ Angular CLI ให้ใช้ ng help หรือลองดูที่หน้าภาพรวม Angular CLI และการอ้างอิงคำสั่ง

ผู้สร้าง

ลูคัสซ์ โฮลเชค

  • https://twitter.com/lukaszholeczek
  • https://github.com/mrholek
  • https://github.com/coreui

ทีมงาน CoreUI

  • https://github.com/orgs/coreui/people

ชุมชน

รับข้อมูลอัปเดตเกี่ยวกับการพัฒนาของ CoreUI และพูดคุยกับผู้ดูแลโครงการและสมาชิกชุมชน

  • ติดตาม @core_ui บนทวิตเตอร์
  • อ่านและสมัครสมาชิกบล็อก CoreUI

รองรับการพัฒนา CoreUI

CoreUI เป็นโครงการโอเพ่นซอร์สที่ได้รับลิขสิทธิ์จาก MIT และใช้งานได้ฟรีโดยสมบูรณ์ อย่างไรก็ตาม จำนวนความพยายามที่จำเป็นในการรักษาและพัฒนาคุณสมบัติใหม่ๆ สำหรับโปรเจ็กต์นั้นจะไม่ยั่งยืนหากไม่ได้รับการสนับสนุนทางการเงินที่เหมาะสม คุณสามารถสนับสนุนการพัฒนาได้โดยการซื้อ CoreUI PRO หรือโดยการเป็นผู้สนับสนุนผ่าน Open Collective

ผู้สนับสนุนระดับแพลตตินัม

สนับสนุนโครงการนี้ด้วยการเป็นผู้สนับสนุนระดับ Platinum โลโก้บริษัทขนาดใหญ่จะถูกเพิ่มที่นี่พร้อมลิงก์ไปยังเว็บไซต์ของคุณ

ผู้สนับสนุนระดับโกลด์

สนับสนุนโครงการนี้ด้วยการเป็นผู้สนับสนุนระดับโกลด์ โลโก้บริษัทขนาดใหญ่จะถูกเพิ่มที่นี่พร้อมลิงก์ไปยังเว็บไซต์ของคุณ

ผู้สนับสนุนระดับซิลเวอร์

สนับสนุนโครงการนี้ด้วยการเป็นผู้สนับสนุนระดับ Silver โลโก้บริษัทขนาดกลางจะถูกเพิ่มที่นี่พร้อมลิงก์ไปยังเว็บไซต์ของคุณ

ผู้สนับสนุนระดับบรอนซ์

สนับสนุนโครงการนี้ด้วยการเป็นผู้สนับสนุนระดับ Bronze รูปประจำตัวของบริษัทจะปรากฏที่นี่พร้อมลิงก์ไปยังโปรไฟล์ OpenCollective ของคุณ

ผู้สนับสนุน

ขอขอบคุณผู้สนับสนุนและผู้สนับสนุนทุกท่าน! สนับสนุนโครงการนี้ด้วยการเป็นผู้สนับสนุน

ลิขสิทธิ์และใบอนุญาต

ลิขสิทธิ์ 2024 CreativeLabs Łukasz Holeczek

รหัสเผยแพร่ภายใต้ใบอนุญาต MIT มีเพียงข้อจำกัดเดียวที่คุณไม่สามารถแจกจ่าย CoreUI อีกครั้งเป็นสต็อกได้ คุณไม่สามารถทำเช่นนี้ได้หากคุณแก้ไข CoreUI ในอดีต เราประสบปัญหากับบุคคลที่พยายามขายเทมเพลตที่ใช้ CoreUI

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด