เรียนรู้เกี่ยวกับ MVC คืออะไร? และเนื่องจากซอฟต์แวร์ประเภทใหม่นี้ได้ปฏิวัติโลกแห่งโค้ดและคุณลักษณะที่สำคัญที่สุด ทั้งหมดนี้ต้องขอบคุณสิ่งที่เราจะบอกคุณด้านล่าง
MVC หรือ Model View Controller วิธีใหม่ในการเขียนโค้ด
MVC คืออะไร?
MVC ย่อมาจาก Model View Controller โดยมีเป้าหมายเพื่อใช้เป็นพื้นฐานการออกแบบซอฟต์แวร์ สถาปัตยกรรมซอฟต์แวร์เป็นแนวทางที่อำนวยความสะดวกในการสร้างองค์ประกอบเหล่านี้ ให้แบบจำลองว่าควรเป็นอย่างไร
MVC ไม่เหมือนกับสถาปัตยกรรมซอฟต์แวร์อื่น ๆ ที่แยกแต่ละรหัสออกเพื่อดูแลงานเฉพาะ ด้วยวิธีนี้ รหัสได้รับการพัฒนาในงานเดียวและทำได้โดยไม่หยุดชะงัก
เพื่ออำนวยความสะดวกในการใช้งาน ให้ใช้อินเทอร์เฟซผู้ใช้ เนื่องจากสิ่งเหล่านี้เข้าใจง่ายและเชื่อมต่อคอมพิวเตอร์กับผู้ใช้อินเทอร์เน็ตโดยตรง ในทำนองเดียวกัน รหัส MVC สามารถใช้ได้กับโปรแกรมหรือสคีมาต่างๆ
เวลาใช้งานนั้นยาวนาน ใช้งานได้จริง และปฏิสัมพันธ์นั้นง่าย เพราะพยายามสร้างซอฟต์แวร์ที่ไม่ซับซ้อนมากมายเหมือนในอดีต ระบบใช้รหัสที่แตกต่างกัน แม้ว่าจะใช้แล้วก็ตาม และแยกรหัสออกเพื่อให้ทำงานเพียงงานเดียวหรือแต่ละแนวคิดเท่านั้น
ตามที่อธิบายไว้ข้างต้น มันคือสถาปัตยกรรม แต่ทำไม? เช่นเดียวกับแผนการก่อสร้าง มันกำหนดแผนงานที่แตกต่างกันสามแผน รุ่น มุมมอง และตัวควบคุม
แนวคิดในการแยกจากแนวคิดของรหัสนี้เก่าและได้รับโมเมนตัมเนื่องจากกรอบการทำงานที่ดีที่เกิดขึ้น กรอบงานเป็นซอฟต์แวร์ประเภทหนึ่งที่พยายามแก้ปัญหาและโครงสร้างของมันขึ้นอยู่กับตัวปัญหาเอง
MVC คืออะไร: ประวัติโมเดล มุมมอง และตัวควบคุม
แนวคิดของ Model, Views & Controllers มีมาก่อนการสร้างหน้าเว็บ เป็นแนวคิดที่มาจาก GUI หรืออินเทอร์เฟซวิดีโอแบบกราฟิก GUI เป็นเครื่องมือที่ทำงานร่วมกับอินเทอร์เฟซผู้ใช้ ซึ่งใช้ซอฟต์แวร์ที่แสดงเนื้อหาที่เป็นภาพ ซึ่งเป็นข้อมูลที่มีอยู่ในระบบ
เป็นหนึ่งในนวัตกรรมที่บุกเบิกการใช้ซอฟต์แวร์ที่แบ่งแนวคิดออกเป็นฟังก์ชันต่างๆ มันเริ่มต้นจากแนวคิดในยุค 70 ต่อมาในยุค 80 ได้มีการนำรุ่น Smalltalk-80 มาใช้
Smalltalk-80 เป็นภาษาโปรแกรมที่ใช้งานซึ่งไม่เหมือนกับ MCV ที่ไม่ได้แยกแนวคิดและหน้าที่ออกจากกัน สหภาพของ MCV จะได้รับสำหรับห้องสมุดที่ทำงานเพื่อทดสอบฐาน
ในที่สุด ในช่วงปลายทศวรรษที่ MVC ถูกปล่อยออกมาเป็นแนวคิดของตัวเอง โดยแยกออกจาก Smalltalk-80 ในช่วงแรกๆ MCV เป็นโปรแกรมพื้นฐานที่ยังไม่ได้นำคุณลักษณะการแยกโค้ดมาใช้ โดยอิงจากโหมดอินพุตเท่านั้น
ด้วยการพัฒนาในช่วงสองสามเดือน สิ่งนี้เปลี่ยนไป ใช้มุมมอง ซึ่งเป็นแบบจำลองผลลัพธ์ และรวมเข้ากับโมเดลอินพุต หลายปีที่ผ่านมา โมเดลประเภทนี้ไม่เพียงพอกับการใช้งานในปัจจุบันอีกต่อไป ดังนั้น MVC จึงพัฒนาเป็นแนวคิดที่เป็นที่รู้จักในปัจจุบัน อย่างไรก็ตาม ได้ผ่านเวอร์ชันต่างๆ มาจนถึงทุกวันนี้
ตัวควบคุมมุมมองโมเดลแบบลำดับชั้น (HMVC)
มันเป็นหนึ่งในรูปแบบแรก ๆ ที่เกิดขึ้นเมื่อต้นปี 2000 ซึ่งแตกต่างจาก MVC HMCV กำหนดค่าแบบจำลองก่อนและในตอนท้ายมุมมองซึ่งเป็นกระบวนการที่ยาวกว่าเล็กน้อย เวอร์ชันนี้ไม่อนุญาตให้มุมมองตรวจสอบหรือเข้าถึงข้อมูลโดยตรง
รุ่น View Adapter (MVA)
เป็นเวอร์ชันที่ใกล้เคียงกับ MVC โดยมีสถาปัตยกรรมที่คล้ายคลึงกันเพื่อแยกแต่ละงานหรือโค้ดตามระดับ ไม่เหมือนกับรุ่นก่อน MVA จะปรับระดับงานแต่ละงาน แต่ไม่อนุญาตให้มีการเชื่อมต่อใดๆ ระหว่างแบบจำลองและมุมมอง เช่น MVC
พรีเซ็นเตอร์ดูโมเดล (MVP)
Model View Presenter ยังคงใช้ในการออกแบบจุดเชื่อมต่อระหว่างผู้ใช้และพีซี ใช้สำหรับการทดสอบที่เซิร์ฟเวอร์ให้การตอบสนองอัตโนมัติและแปลงข้อมูลที่โมเดลมอบให้และบีบอัดข้อมูลสำหรับมุมมอง
โมเดล มุมมอง โมเดล (MVVM)
สถาปัตยกรรมซอฟต์แวร์ประเภทนี้จะปลดล็อกโครงสร้างทั้งหมดของโมเดลและมุมมอง ซึ่งเชื่อมต่อถึงกัน ทำให้ถ่ายโอนข้อมูลได้อย่างสมบูรณ์ สิ่งนี้พัฒนารูปแบบภาพที่ดีและนำเสนอการพัฒนากราฟิกที่ดีในแอปพลิเคชัน
MVC ดีอย่างไร?
เครื่องมือนี้เป็นระบบการสร้างซอฟต์แวร์ซึ่งใช้เพื่อสร้างแอปพลิเคชันที่มีคุณภาพดีเยี่ยม ดังนั้นในปัจจุบันจึงต้องการคุณภาพที่ดีที่สุดและง่ายต่อการเขียนโปรแกรม
นับตั้งแต่การสร้างเว็บและคอมพิวเตอร์ การเขียนโปรแกรมก็ได้รับความนิยมอย่างมาก และวิศวกรระบบก็เข้ามามีบทบาทสำคัญ เพราะพวกเขาออกแบบแอปพลิเคชันหรือซอฟต์แวร์ที่ยอดเยี่ยมซึ่งปฏิวัติโลกทั้งใบ ในการสร้างแต่ละโปรแกรมจำเป็นต้องใช้ระบบรหัสที่เหมาะสม
การเขียนโปรแกรมก่อนหน้านี้เป็นสิ่งที่หนักและซับซ้อน ซึ่งอาจใช้เวลานานในการนำสิ่งใหม่มาใช้ในระบบหรือแอปพลิเคชัน อย่างไรก็ตาม บริการหรือโปรแกรมต่างๆ ได้รับการพัฒนาทีละเล็กทีละน้อยเพื่ออำนวยความสะดวกในกระบวนการ จากโปรแกรมที่แยกโค้ดหรือจัดการมารวมกันทีละตัว
Model View Controller เป็นโซลูชันที่สมบูรณ์แบบสำหรับวิศวกรระบบหรือโปรแกรมเมอร์ เพราะมันจัดตามระดับการทำงานแต่ละอย่างที่โค้ดต้องดำเนินการ และไม่มีงานใดขัดจังหวะการทำงานอื่น
กระบวนการเขียนโปรแกรมทำได้ง่ายขึ้นมากเนื่องจากวิธีที่ MVC อนุญาตให้ใช้รหัสซ้ำ ทำให้ได้รับความคล่องแคล่วอย่างสมบูรณ์ในองค์ประกอบใดๆ ที่ตั้งโปรแกรมไว้
MVC ไม่เพียงแต่ให้ความสะดวกในการเขียนโปรแกรมเท่านั้น แต่ยังช่วยให้ทำได้เร็วขึ้นและส่งผลให้แอปคุณภาพสูง
หากคุณชอบบทความนี้ฉันขอเชิญคุณอ่าน "คลาสและวัตถุใน Java"ซึ่งเป็นงานที่สมบูรณ์บนแนวคิด Java คุณจะชอบมันอย่างแน่นอน
HTML ที่ไม่มี MVC
คำอธิบายทั้งหมดเกี่ยวกับสถาปัตยกรรมซอฟต์แวร์นี้อาจคลุมเครือในตอนแรก อย่างไรก็ตาม พวกเขาคำนึงถึงองค์ประกอบบางอย่างเช่น HTML, CSS และ PHP
แต่ละรายการใช้เพื่อตั้งโปรแกรมหรือออกแบบหน้า ที่พบมากที่สุดคือ HTML ซึ่งในตอนแรกไม่มีโครงสร้างที่มีรูปแบบที่ดีและในขณะที่เขียนโปรแกรมมันไม่ได้แยกหน้าที่ใด ๆ ของมันออก โค้ดจึงปะปนกัน และหากคุณต้องการเปลี่ยนแปลงบางอย่าง คุณต้องเปลี่ยนรหัสทั้งหมด
ปัญหา HTML ทำให้งานเขียนโปรแกรมน่าเบื่อมาก แต่ผู้เขียนโค้ดบางคนมีความคิดที่ดีในการสร้างบางสิ่งเพื่อแยกความรับผิดชอบเมื่อเขียนโปรแกรม: พวกเขาสร้างภาษา CSS ภาษา CSS ช่วยให้สามารถกำหนดและสร้างความแตกต่างให้กับงานของแต่ละโค้ดได้ ขจัดกิจกรรมที่น่าเบื่อของการทำซ้ำหรือเปลี่ยนโค้ดทั้งหมด
รหัสสปาเก็ตตี้
กรณีของ HTML ไม่เพียงเกิดขึ้นกับเขาเท่านั้น โดยปกติ ในการสร้างหน้าต่างๆ คุณมักจะรวมโค้ดเข้าด้วยกัน ซึ่งทำหน้าที่ต่างๆ ได้ครบถ้วน รหัสมักจะมารวมกันเพื่อให้สิ่งที่ต้องการปรากฏ บางสิ่งที่เป็นประโยชน์ อย่างไรก็ตาม ด้วยการทำผิดพลาดเพียงเล็กน้อยในรหัสบางรหัส มันบังคับให้ทำซ้ำกระบวนการทั้งหมด
ภาษาที่ใช้ถูกรวมเข้าด้วยกันและส่งผลให้โปรแกรมเมอร์ต้องดำเนินการแก้ไขสิ่งต่าง ๆ ที่อาจไม่เกี่ยวข้องทีละขั้นตอน
ข้อผิดพลาดหรือสถานการณ์ทุกประเภทเหล่านี้แก้ไขได้ด้วยการแยกภาษาง่ายๆ โดยเพิ่มเติมว่าแต่ละข้อมุ่งเน้นที่งานที่ทำอยู่ ไม่เพียงแต่จะมีข้อผิดพลาดในการแยก แต่ยังมีความไม่เที่ยงตรงในช่วงเวลาที่ต้องการนำรหัสกลับมาใช้ใหม่ ซึ่งเคยพัวพันกันมาก่อน
หากจะใช้รหัสเดียวกันสำหรับโปรแกรมหรืองานอื่น จะต้องดำเนินการช้ามาก ต้องขอบคุณ MVC ที่ไม่จำเป็นอีกต่อไป เนื่องจากโค้ดนี้ถูกใช้ซ้ำและสิ่งที่ได้เกิดขึ้นแล้วในชั่วขณะหนึ่ง
นี่คือวิธีการทำงานของระบบ MVC การแสดงง่ายๆ ว่ากระบวนการเกิดขึ้นได้อย่างไร
บทนำสู่ผู้นำเสนอมุมมองโมเดล
ตั้งแต่เริ่มต้นบทความ ได้มีการอธิบายวิธีการทำงานและสาเหตุที่แบบจำลองทำงาน อย่างไรก็ตาม แต่ละส่วนไม่ได้อธิบายไว้โดยเฉพาะ: The Model, The View และ The Controller
นางแบบ
เป็นระดับแรกและระบุตำแหน่งข้อมูลทั้งหมดที่เกี่ยวข้องกับระบบและการทำงานของระบบ กล่าวคือ จะจัดการเนื้อหาของระบบ การอัปเดตที่เป็นไปได้
นอกจากนี้ยังมี «ตรรกะทางธุรกิจ» ซึ่งประกอบด้วยวิธีที่ระบบจัดเก็บ แปลง และเปลี่ยนแปลงข้อมูลสำหรับการแสดงภาพ
โมเดลนี้อนุญาตให้ผู้ใช้ใช้ข้อมูลที่ต้องการ โดยไม่ต้องค้นหาไฟล์ที่ไม่รู้จบ พวกเขาเพียงแค่ป้อนและจะแสดงสิ่งที่พวกเขาต้องการผ่าน «มุมมอง» หากต้องการแก้ไขบางอย่างในระบบหรือข้อมูล คุณต้องไปที่ "ตัวควบคุม" ซึ่งจะส่งข้อมูลไปยังโมเดล
โดยปกติ ข้อมูลจะทำงานร่วมกับตัวควบคุมอื่นๆ และแทนที่จะใช้ SQL (ภาษาของระบบเพื่อให้สามารถควบคุมข้อมูลได้อย่างสมบูรณ์) ข้อมูลจะได้รับการแก้ไขโดยตรงในส่วนอื่นๆ ของข้อมูล ซึ่งประกอบด้วยคลาสและอ็อบเจ็กต์
ลาวิสต้า
มุมมองคือขั้นที่ข้อมูลที่ส่งโดยโมเดลแสดงแทนผู้ใช้ โดยแสดงเนื้อหาในอินเทอร์เฟซแบบออปติคัล รหัสโปรแกรมจะสะท้อนให้เห็น ซึ่งจะทำงานและแสดงในอินเทอร์เฟซผู้ใช้
องค์ประกอบนี้ใช้งานได้กับโค้ด HTML และ PHP เนื่องจากเป็นโค้ดที่เหมาะสมที่สุดสำหรับการสร้างเพจ เซิร์ฟเวอร์ ฯลฯ รหัสเหล่านี้จะถูกส่งไปยังเอาต์พุต ซึ่งเป็นการแปลงรวมของข้อมูลที่ส่งโดยโมเดล
ตัวควบคุม
ตัวควบคุมคือตัวควบคุมที่ให้คำตอบกับคำขอของผู้ใช้ โดยสร้างผ่านโมเดล คำขอเกี่ยวข้องกับข้อมูล ตั้งแต่การแก้ไข การสร้าง หรือการค้นหาข้อมูลทุกประเภท
เป็นเครื่องมือที่ช่วยให้คุณแก้ไขวิธีการแสดงข้อมูล กล่าวคือ ข้อมูลจะถูกประมวลผลและสะท้อนออกมาอย่างไรใน "มุมมอง" ซึ่งจะเป็นการเปลี่ยนแปลงวิธีที่โมเดลให้ข้อมูล พูดง่ายๆ ตัวควบคุมคือสะพานเชื่อมระหว่างแบบจำลองและมุมมอง ซึ่งยอมรับคำขอและสามารถเข้าถึงมุมมองเพื่อสะท้อนให้เห็นในอีกทางหนึ่ง
ผู้ควบคุมคือผู้ให้คำตอบสำหรับสิ่งที่โปรแกรมสร้างขึ้นหรือแอปพลิเคชันที่กำลังสร้างขึ้น วัตถุประสงค์สุดท้ายคือข้อมูลทั้งหมดมาจากจุดเริ่มต้นจนถึงทางออก
ส่วนประกอบโต้ตอบกันอย่างไร?
งานของแต่ละองค์ประกอบดังที่เห็นได้ถูกสร้างขึ้นโดยคำสั่งและแต่ละรายการมีอิทธิพลต่องานของอีกฝ่ายหนึ่ง ตัวควบคุมจะรวมตัวกับส่วนอื่นๆ ทำให้เวิร์กโฟลว์เพิ่มมากขึ้น และให้ไว้เพื่อสร้างโปรแกรมหรือแอปพลิเคชัน อย่างไรก็ตาม นี่เป็นคำอธิบายที่ดีกว่าเกี่ยวกับวิธีการดำเนินการทั้งหมด:
- ผู้ใช้อินเทอร์เน็ตเริ่มใช้ตัวเลือกต่าง ๆ เพื่อเข้าสู่ส่วนต่อประสานผู้ใช้นั่นคือเขาเข้าสู่หน้าหรือเซิร์ฟเวอร์ผ่านส่วนประกอบบางอย่าง
- ตัวควบคุมได้รับคำขอซึ่งส่งข้อความเพื่อดูและไปยังโมเดล ทุกคำขอถูกทริกเกอร์ผ่านตัวจัดการเหตุการณ์ (โค้ด Java หรือ HTML ซึ่งให้การตอบสนองโค้ดภายนอก)
- ผู้ควบคุมเพื่อตอบสนองคำขอ เข้าสู่โมเดล ซึ่งจะใช้ข้อมูลและแก้ไขการดำเนินการสำหรับสิ่งที่ต้องการ เพื่อดำเนินการบางอย่าง คอนโทรลเลอร์ต้องใช้รหัสที่ห่อหุ้มที่แตกต่างกัน กล่าวโดยย่อคือ รูปแบบคำสั่ง
- ในบางกรณี ผู้ควบคุมเพื่อให้งานเสร็จสมบูรณ์จะใช้ข้อมูลเพิ่มเติมจากแบบจำลอง ซึ่งจะต้องส่งไปดูซึ่งทำหน้าที่เป็นสะพานเชื่อม
- ผู้ควบคุมจะส่งข้อมูลทั้งหมดและคำสั่งที่ได้รับจากผู้ใช้อินเทอร์เน็ตซึ่งต้องแสดงภาพสิ่งที่ต้องการ
- มุมมอง เพื่อให้เห็นภาพได้ชัดเจน ใช้ข้อมูลให้มากที่สุดเท่าที่จะทำได้จากแบบจำลองและสะท้อนถึงทุกสิ่งที่อยู่ในนั้น
- เนื่องจากโมเดลไม่สามารถมีข้อมูลเกี่ยวกับสิ่งที่เกิดขึ้นในมุมมองได้ จึงใช้ซอฟต์แวร์ประเภทหนึ่งที่เตือนการเปลี่ยนแปลงใดๆ และด้วยวิธีนี้ จะทำการเปลี่ยนแปลงที่จำเป็นในข้อมูลหรืออินเทอร์เฟซ
- อินเทอร์เฟซทำซ้ำขั้นตอนขึ้นอยู่กับการโต้ตอบแต่ละครั้งที่ผู้ใช้อินเทอร์เน็ตมีในจำนวนการกระทำที่เขาทำ
ใช้ในเว็บแอปพลิเคชันอย่างไร?
เมื่อซอฟต์แวร์ MVC ถูกสร้างขึ้น คิดว่าจะนำไปใช้ในเครื่องมือเดสก์ท็อป เนื่องจากการทำงานและการตอบสนองของซอฟต์แวร์จะเกิดขึ้นทันที ความก้าวหน้าทางเทคโนโลยีทำให้สามารถปรับซอฟต์แวร์ให้เข้ากับแอปพลิเคชันเสมือน จัดการเพื่อตอบสนองโดยไม่ต้องกำหนดไว้ล่วงหน้าเหมือนโปรแกรมเดสก์ท็อป
MVC ถูกปรับให้เข้ากับภาษาเสมือน โดยทำให้ระดับต่างๆ สอดคล้องกับภาษาต่างๆ เช่น HTML หรือ JavaScript เป็นต้น กรอบงานถูกนำมาใช้เพื่อให้สามารถกระทบยอดสถาปัตยกรรม MVC เพื่อสร้างสถาปัตยกรรมของตนเองสำหรับเว็บ
สถาปัตยกรรม MVC สำหรับการตอบสนองเสมือนเป็นของ "ไคลเอนต์และเซิร์ฟเวอร์" ในรูปแบบนี้ไคลเอนต์ส่งคำขอและเซิร์ฟเวอร์จะเป็นผู้รับซึ่งจะให้ผลลัพธ์หรือตอบสนองต่อคำขอ
ในการเริ่มต้นใช้งานสถาปัตยกรรมประเภทนี้ การพัฒนาเว็บยังไม่สมบูรณ์ ดังนั้น จึงเน้นไปที่โครงสร้าง "ธินไคลเอ็นต์" ไคลเอ็นต์แบบบางเป็นโครงสร้างหลัก เนื่องจากมีการตอบสนองในเซิร์ฟเวอร์กลาง ดังนั้นจึงอาจช้ากว่าเล็กน้อย ลิงก์ตอบกลับโดยตรงระหว่างอินพุตและเอาต์พุต โดยไม่มีการเชื่อมโยงหรือการประมวลผลใดๆ
วิธีนี้ใช้ได้ผลดีทุกอย่างตั้งแต่ผู้ใช้อินเทอร์เน็ตเข้าสู่ลิงก์ จากนั้นดำเนินการที่เปิดใช้ลิงก์ ผ่านตัวควบคุมและสั่งให้ดูเพื่อให้สะท้อนภาพที่ผู้ใช้ต้อง ดู. ส่วนประกอบทั้งสามของ MVC อยู่ในเซิร์ฟเวอร์เสมือน ซึ่งเป็นตัวที่จะให้คำตอบ
MVC และฐานข้อมูล
ความก้าวหน้าทางเทคโนโลยีทำให้สามารถพัฒนาเซิร์ฟเวอร์และภาษาใหม่ที่สร้างการพัฒนา MVC ได้ดีขึ้น ซึ่งทำให้การตอบสนองมีความซับซ้อนน้อยลงและตรงไปตรงมามากขึ้นสำหรับผู้ใช้
เพื่อให้แอปพลิเคชันมีการพัฒนาที่ดี MVC ต้องมีฐานข้อมูลที่ทำหน้าที่เป็นตัวสนับสนุน ฐานข้อมูลคือระบบการจัดการข้อมูลทั้งหมดของแอปพลิเคชัน การสนับสนุนสำหรับแบบจำลอง ทำให้จัดเก็บหรือแก้ไขทุกอย่างที่ต้องการ
มุมมองและตัวควบคุมถูกแยกออกจากฐานข้อมูล เนื่องจากมีการแบ่งชั้น ทำให้ส่วนกราฟิกได้รับการปรับให้เหมาะสมที่สุด ให้แนวทางการมองเห็นที่สมบูรณ์สำหรับข้อมูลทั้งหมดและส่วนประกอบแต่ละส่วน ทำงานเคียงข้างคุณ
หากคุณชอบบทความนี้ ฉันขอเชิญคุณอ่าน "ประเภทของการจัดเตรียมในการเขียนโปรแกรม"อธิบายความสำคัญอย่างเต็มที่ในการจัดโปรแกรมฉันรู้ว่าคุณจะชอบมัน