AngularJS คืออะไร? การแนะนำ, Archiเทคเจอร์และคุณสมบัติ
เจมส์ ฮาร์ทแมน
AngularJS คืออะไร?
AngularJS เป็นเฟรมเวิร์ก Model-View-Controller แบบโอเพ่นซอร์สที่คล้ายกับ Javaต้นฉบับ กรอบ. AngularJS น่าจะเป็นหนึ่งใน Web Framework สมัยใหม่ที่ได้รับความนิยมมากที่สุดในปัจจุบัน เฟรมเวิร์กนี้ใช้สำหรับการพัฒนาแอปพลิเคชันหน้าเดียวเป็นส่วนใหญ่ เฟรมเวิร์กนี้ได้รับการพัฒนาโดยกลุ่มนักพัฒนาจาก Google เอง
เนื่องจากได้รับการสนับสนุนจาก Google และแนวคิดจากฟอรัมชุมชนที่กว้างขวาง กรอบงานจึงได้รับการอัปเดตอยู่เสมอ นอกจากนี้ ยังรวมเอาแนวโน้มการพัฒนาล่าสุดในตลาดไว้ด้วย
AngularJS Archiเทคเจอร์
Angular.js ปฏิบัติตามสถาปัตยกรรม MVC ไดอะแกรมของกรอบงาน MVC ดังแสดงด้านล่าง:
- ตัวควบคุมแสดงถึงเลเยอร์ที่มีตรรกะทางธุรกิจ เหตุการณ์ของผู้ใช้จะเรียกใช้ฟังก์ชันที่จัดเก็บไว้ในคอนโทรลเลอร์ของคุณ เหตุการณ์ผู้ใช้เป็นส่วนหนึ่งของตัวควบคุม
- มุมมองถูกใช้เพื่อแสดงเลเยอร์การนำเสนอที่มอบให้แก่ผู้ใช้ปลายทาง
- แบบจำลองใช้เพื่อแสดงข้อมูลของคุณ ข้อมูลในแบบจำลองของคุณอาจเรียบง่ายได้ เช่น การประกาศข้อมูลเบื้องต้น ตัวอย่างเช่น หากคุณกำลังดูแลแอปพลิเคชันสำหรับนักเรียน แบบจำลองข้อมูลของคุณอาจมีเพียงรหัสประจำตัวนักเรียนและชื่อ หรืออาจซับซ้อนได้หากมีแบบจำลองข้อมูลที่มีโครงสร้าง หากคุณกำลังดูแลแอปพลิเคชันสำหรับเจ้าของรถยนต์ คุณสามารถมีโครงสร้างเพื่อกำหนดตัวรถเองในแง่ของความจุเครื่องยนต์ ความจุที่นั่ง ฯลฯ
คุณสมบัติของ AngularJS
Angular มีคุณสมบัติหลักดังต่อไปนี้ซึ่งทำให้เป็นหนึ่งในเฟรมเวิร์กอันทรงพลังในตลาด:
- VMC – กรอบการทำงานถูกสร้างขึ้นจากแนวคิดอันโด่งดังของ MVC (โมเดล-มุมมอง-คอนโทรลเลอร์)- นี่คือรูปแบบการออกแบบที่ใช้ในเว็บแอปพลิเคชันยุคใหม่ทั้งหมด รูปแบบนี้ขึ้นอยู่กับการแบ่งชั้นตรรกะทางธุรกิจ ชั้นข้อมูล และชั้นการนำเสนอออกเป็นส่วนๆ มีการแบ่งส่วนออกเป็นส่วนต่างๆ เพื่อให้แต่ละส่วนสามารถจัดการได้ง่ายขึ้น
- การเชื่อมโยงโมเดลข้อมูล – คุณไม่จำเป็นต้องเขียนโค้ดพิเศษเพื่อผูกข้อมูลเข้ากับส่วนควบคุม HTML Angular สามารถทำได้โดยเพิ่มโค้ดบางส่วน
- เขียนโค้ดให้น้อยลง – เมื่อดำเนินการจัดการ DOM เป็นจำนวนมาก Javaต้นฉบับ จำเป็นต้องเขียนเพื่อออกแบบแอปพลิเคชันใดๆ แต่ด้วย Angular คุณจะประหลาดใจกับจำนวนโค้ดที่น้อยกว่าที่คุณต้องเขียนเพื่อการจัดการ DOM
- Unit การทดสอบ พร้อม – นักออกแบบที่ Google ไม่เพียงแต่พัฒนา Angular เท่านั้น แต่ยังพัฒนากรอบการทดสอบที่เรียกว่า “Karma” ซึ่งช่วยในการออกแบบการทดสอบหน่วยสำหรับแอปพลิเคชัน AngularJS
ข้อดีของ AngularJS
ข้อดีของ AngularJS มีดังนี้
- เนื่องจากเป็นเฟรมเวิร์กโอเพ่นซอร์ส คุณจึงสามารถคาดหวังได้ว่าข้อผิดพลาดหรือปัญหาจะมีน้อยมาก
- การผูกสองทาง – Angular.js เก็บข้อมูลและเลเยอร์การนำเสนอให้ซิงค์กัน ตอนนี้คุณไม่จำเป็นต้องเขียนเพิ่มเติม Javaโค้ดสคริปต์สำหรับเก็บข้อมูลในโค้ด HTML และซิงค์ข้อมูลในภายหลัง Angular.js จะดำเนินการนี้ให้คุณโดยอัตโนมัติ คุณเพียงแค่ต้องระบุว่าตัวควบคุมใดผูกกับส่วนใดของโมเดลของคุณ
- การกำหนดเส้นทาง – เชิงมุมสามารถดูแลการกำหนดเส้นทางซึ่งหมายถึงการย้ายจากมุมมองหนึ่งไปยังอีกมุมมองหนึ่ง นี่คือพื้นฐานสำคัญของแอปพลิเคชันหน้าเดียว โดยคุณสามารถย้ายไปยังฟังก์ชันต่างๆ ในเว็บแอปพลิเคชันของคุณโดยอิงตามการโต้ตอบของผู้ใช้ แต่ยังคงอยู่ในหน้าเดียวกัน
- Angular รองรับการทดสอบทั้งสองอย่าง การทดสอบหน่วยและ การทดสอบการผสานรวม.
- มันขยาย HTML โดยจัดเตรียมองค์ประกอบของตัวเองที่เรียกว่าคำสั่ง ในระดับสูง คำสั่งคือเครื่องหมายบนองค์ประกอบ DOM (เช่น คุณลักษณะ ชื่อองค์ประกอบ และความคิดเห็นหรือคลาส CSS) ที่บอกให้คอมไพเลอร์ HTML ของ AngularJS แนบลักษณะการทำงานที่ระบุกับองค์ประกอบ DOM นั้น คำสั่งเหล่านี้ช่วยในการขยายฟังก์ชันการทำงานขององค์ประกอบ HTML ที่มีอยู่เพื่อเพิ่มพลังให้กับเว็บแอปพลิเคชันของคุณ
