1. ฉันจะไม่พูดอะไรมากมายเกี่ยวกับสิ่งที่ AngularJS และ Bootstrap คืออะไร พูดง่ายๆคือ AngularJS เป็นกรอบ MVC Front-end ที่ทรงพลัง Bootstrap เป็นชุดเครื่องมือโอเพ่นซอร์สสำหรับการพัฒนาส่วนหน้าที่เปิดตัวโดย Twitter มันสามารถสร้างส่วนหน้าเว็บได้อย่างรวดเร็ว คุณสามารถไปที่เว็บไซต์อย่างเป็นทางการเพื่อตรวจสอบ (AngularJs: http://angularjs.org/, bootstrap: http://twitter.github.io/bootstrap/)
2. มีเมล็ดพันธุ์ที่ค่อนข้างดีของแอพ Pure AngularJs บน GitHub คุณสามารถดาวน์โหลดได้ที่ GitHub ที่อยู่: https://github.com/glitchtank/angular-seed-master
3. เราเปิดเครื่องซิปที่ดาวน์โหลดจาก Angular-Seed-master.zip ไปยังโฟลเดอร์แล้วเราจะเห็นองค์กรโครงการของแอพนี้ดังนี้:
แอพ: โฟลเดอร์นี้มีการพึ่งพาที่เกี่ยวข้องกับแอป CSS และ JS ของเรารวมถึงหน้าเว็บของเรา ฯลฯ
CSS: ไฟล์ CSS ของโครงการถูกวางไว้
IMG: ภาพอะไรใส่
JS: สิ่งที่วางไว้ใน JS ที่เกี่ยวข้องกับโครงการของเรารวมถึงคอนโทรลเลอร์ตัวกรองบริการ ฯลฯ
Lib: สิ่งที่เราวางคือ JS ที่เราพึ่งพารวมถึงห้องสมุดเชิงมุมและห้องสมุดที่เกี่ยวข้องกับ bootstrap
ไฟล์ HTML อื่น ๆ
ไม่จำเป็นต้องรู้โฟลเดอร์อื่น ๆ ในขณะนี้อาจมีสคริปต์บางส่วน (เกี่ยวกับโหนด) และบางส่วนสำหรับการทดสอบเชิงมุม
4. โครงการของเราจะต้องเริ่มต้นด้วยโหนด หากคุณไม่ทราบมันก็ไม่สำคัญ ดูบล็อกอื่น ๆ ของฉัน: http://blog.csdn.net/jthink_/article/details/9707895 (Linuix คล้ายกับ Windows ดังนั้นหากคุณไม่ทราบวิธีการที่จะ Google)
5. เนื่องจากเราอยู่ภายใต้ Windows เราเปิด CMD ให้ป้อนโฟลเดอร์ Angular-Seed-Master-Master จากนั้นพิมพ์สคริปต์โหนดคำสั่ง/web-server.js (หรือใช้สคริปต์หัวหน้างาน/web-server.js หากมีการติดตั้งหัวหน้างาน)
6. เปิดเบราว์เซอร์ Chrome (ขอแนะนำให้ใช้ Chrome หรือ Firefox ที่นี่ระบบปฏิบัติการ 64 บิตสามารถใช้ waterfox) ป้อนที่อยู่: http: // localhost: 8000/app/index.html และคุณสามารถดูหน้าง่าย ๆ ออกมา อย่ามองง่ายๆ แม้ว่าจะมีขนาดเล็ก แต่รายการที่เกี่ยวข้องกับ MVC ทั้งหมดจะรวมอยู่ด้วย
ข้างต้นเป็นการรวบรวมข้อมูลเกี่ยวกับ bootstrap ที่ติดตั้งเฟรมเวิร์กส่วนหน้า เราจะยังคงเพิ่มข้อมูลที่เกี่ยวข้องในอนาคต ขอบคุณสำหรับการสนับสนุนเว็บไซต์นี้!
บทความที่เกี่ยวข้อง:
AngularJS Bootstrap ติดตั้งเฟรมเวิร์กส่วนหน้า - ส่วนควบคุม JS
AngularJS Bootstrap ติดตั้งเฟรมเวิร์กส่วนหน้า - หน้าพื้นฐาน
AngularJS Bootstrap มาพร้อมกับกรอบส่วนหน้า - งานเตรียมการ
AngularJS Bootstrap คำอธิบายโดยละเอียดและรหัสตัวอย่าง