โครงการ Java MVC [อธิบายกระบวนการทีละขั้นตอน]

การพัฒนาซอฟต์แวร์และเว็บแอปพลิเคชันต้องใช้ความรู้ด้านเทคนิคและจากประสบการณ์ เฟรมเวิร์ก Spring เป็นตัวเลือกอันดับต้นๆ ในหมู่นักพัฒนา นักศึกษา และนักวิจัยในการเขียนโปรแกรมแอปที่ใช้จาวา ดังนั้น ให้เราดูบางกรณีของโปรเจ็กต์ Java MVC และทำความคุ้นเคยกับกระบวนการพัฒนา

สถาปัตยกรรม Model-View-Controller (MVC) เป็นการออกแบบประเภทหนึ่งที่แยกแอปพลิเคชันของคุณออกเป็นสามองค์ประกอบทางลอจิคัลโดยแต่ละส่วนจะจัดการกับลักษณะเฉพาะ กรอบการทำงานนี้ได้รับการยอมรับอย่างกว้างขวางในอุตสาหกรรมในการพัฒนาโครงการที่ปรับขนาดได้ จากการศึกษาตัวอย่าง Spring MVC คุณจะได้เรียนรู้วิธีปรับใช้รูปแบบ MVC และสร้างแอปพลิเคชันด้วยอินเทอร์เฟซผู้ใช้ที่เป็นตัวเอก เรามาเริ่มทำความคุ้นเคยกับรูปแบบการออกแบบกันก่อน

ความเป็นมาของ MVC

ตามชื่อที่แนะนำ สถาปัตยกรรม MVC ประกอบด้วยโค้ดสามชั้น ได้แก่:

1. แบบจำลอง: การจัดเก็บข้อมูล ความสมบูรณ์ ความสอดคล้อง และการสืบค้น (ซอร์สโค้ดที่เกี่ยวข้องกับข้อมูล)
2. ดู: การตรวจสอบความถูกต้องของข้อมูลเข้า ดูการอัปเดต และการปรับเปลี่ยนโมเดล (ซอร์สโค้ดที่เกี่ยวข้องกับ UI)
3. Controller: การนำเสนอรหัสและทรัพย์สิน (รหัสส่วนหลัง)

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

เรียนรู้: Spring Web Services: คุณสมบัติ สถาปัตยกรรม การติดตั้ง & ขั้นตอนของโครงการ

ตัวอย่างเว็บแอปพลิเคชัน Spring

ผู้เริ่มต้นต้องทราบว่าการตั้งค่าสภาพแวดล้อม IDE จะต้องเขียนโค้ดและจัดการไลบรารีที่จำเป็น เมื่อคุณทำงานนั้นเสร็จแล้ว คุณสามารถดำเนินการกับตัวอย่าง Spring MVC ของคุณต่อไปได้ ในการนำรูปแบบไปใช้ ก่อนอื่นคุณต้องสร้างแพ็คเกจ Model, View และ Controller สามแบบ คุณสามารถเริ่มต้นด้วยการสร้างสามส่วน รวมเป็นแอปพลิเคชันเดียว และสุดท้ายเรียกใช้แอป นี่คือคำอธิบายทีละขั้นตอนของกระบวนการ:

1. การสร้างแบบจำลอง

'รุ่น' คือส่วนหนึ่งของแอปพลิเคชันของคุณที่มีข้อมูลและจัดเตรียมข้อมูลเดียวกันนี้ให้กับแอป นอกจากนี้ยังอัปเดตข้อมูลบนดิสก์เมื่อรับสายจากคอนโทรลเลอร์ ประการแรก คุณต้องสร้างแพ็คเกจและตั้งชื่อมัน คุณสามารถตั้งชื่อมันว่า JavaMVCModels

จากนั้นคุณจะต้องสร้างไฟล์คลาสใหม่ (เรียกว่า HelloWorldModel) ภายใต้แพ็คเกจนี้เพื่อทำหน้าที่เป็นโมเดลสำหรับแอปพลิเคชันของคุณ ดังนั้นชื่อคลาสและชื่อไฟล์จะคล้ายกัน ถัดไป คุณจะต้องดึงข้อมูลจากแหล่งที่มาและบันทึก/อัปเดตข้อมูลผู้ใช้ การใช้ File API ของเอกสาร Java จะทำให้การฝึกทั้งหมดง่ายขึ้น

2. การสร้างมุมมอง

สำหรับส่วนนี้ คุณสามารถใช้ Eclipse IDE หรือ NetBeans ได้ ส่วน View ของแอปพลิเคชันของคุณจะแสดงสิ่งที่ Controller อนุญาต ใน Eclipse คุณจะต้องเขียนโค้ด ในขณะที่ NetBeans มาพร้อมกับฟังก์ชันการลากและวางเพื่อใช้ GUI อย่างง่าย

ขั้นตอนการสร้าง View ค่อนข้างคล้ายกับแนวทางปฏิบัติที่นำมาใช้ภายใต้ Model คุณจะเริ่มต้นด้วยการสร้างแพ็คเกจใหม่ JavaMVCViews ตามด้วยคลาสที่เรียกว่า HelloWorldView

3. การสร้างตัวควบคุม

Controller อาจเป็นส่วนที่สำคัญที่สุดของแอปพลิเคชัน MVC เนื่องจากมีตรรกะสำหรับการโต้ตอบ Model-View ในการสร้าง Controller คุณจะต้องทำซ้ำขั้นตอนเดียวกันในการสร้างแพ็คเกจและคลาส ในกรณีนี้ คุณสามารถตั้งชื่อ JavaMVCControllers และ HelloWorldController ตามลำดับ ตัวควบคุมประกอบด้วยสามหน้าที่หลัก วิธีการเหล่านี้อธิบายไว้ด้านล่าง

• startApplication: มันเริ่มต้นแอปพลิเคชันโดยเรียกมุมมอง (ใน Swing API ของ Java คุณตั้งค่าคุณสมบัติ setVisible เป็นจริงเพื่อให้ JFrame มองเห็นได้)
• ดึงข้อมูลจาก Model
• ส่งคืนข้อมูลไปที่ View

4. เรียกใช้แอปพลิเคชัน

ตามที่อธิบายไว้ข้างต้น คุณสามารถทริกเกอร์ startApplication เพื่อเรียกใช้แอป MVC ของเว็บได้ เมื่อผู้ใช้ต้องการส่งหรือรับข้อมูล ผู้ควบคุมจะตอบกลับโดยถามหรือส่งข้อมูลจากโมเดล หลังจากนั้น Controller จะส่งผล (สำเร็จหรือผิดพลาด) กลับไปที่ View ดูยังดำเนินการผ่านคอนโทรลเลอร์ สอบถามเกี่ยวกับข้อมูลหรือเพิ่มลงในโมเดล สุดท้าย ตัวควบคุมจะตรวจสอบข้อมูลสำหรับการอัปเดตโดยโมเดล

ตอนนี้ มาดูกันว่าขั้นตอนเหล่านี้จะคลี่คลายในตัวอย่าง Spring MVC ได้อย่างไร โปรเจ็กต์ของเราเกี่ยวข้องกับการลงทะเบียนผู้ใช้และระบบล็อกอินที่ใช้ Maven สำหรับการจัดการการขึ้นต่อกันและการตั้งค่า Eclipse คุณสามารถใช้บทช่วยสอนนี้เป็นแนวทางในการฝึกทักษะการพัฒนา Spring MVC ของคุณ

ขั้นตอนที่ 1: สร้างโครงการ Maven

การสร้างโปรเจ็กต์ Maven ใน Eclipse ค่อนข้างตรงไปตรงมา คุณสามารถทำได้โดยเลือก Web Archetype เปิด IDE ของคุณและไปที่ไฟล์>ใหม่>อื่นๆ จากนั้นเลือก Maven Project>ถัดไป คุณจะต้องยกเลิกการเลือก Default Workspace Location และคลิกที่ Browse เพื่อตั้งค่าพื้นที่ทำงานของคุณเอง จากนั้นเลือกแม่แบบ ระบุ Group Id และ Artifact Id แล้วคลิก Finish

ขั้นตอนที่ 2: อัปเดตการพึ่งพา Maven

ตอนนี้ เปิดไฟล์ pom.xml จากโฟลเดอร์โปรเจ็กต์ Maven ที่สร้างขึ้นใหม่ อัปเดต POM เพื่อแก้ไขโครงสร้างเริ่มต้น คุณอาจต้องเพิ่มการพึ่งพาโดยอัปเดตไฟล์ XML ด้วย Junit ล่าสุดและบันทึก

ขั้นตอนที่ 3: สร้างไฟล์ web.xml

ขั้นตอนนี้จะรวมถึงการทำงานของเซิร์ฟเล็ตรูทหลักสองอัน:

• DispatcherServlet: เพื่อเปลี่ยนเส้นทางคำขอของแอปพลิเคชันไปยัง Controller ที่เหมาะสมสำหรับ URL เฉพาะ
• mvc-spring: คอนเทนเนอร์รูทที่คอนเทนเนอร์สปริงจะมองหา

ขั้นตอนที่ 4: สร้างการกำหนดค่าสปริง

คุณจะต้องมีไฟล์ XML เพื่อเปิดใช้งานการกำหนดค่าสปริง เช่น spring-mvc-servlet.xml ในขั้นตอนนี้ จะต้องสร้างถั่วด้วย

ขั้นตอนที่ 5: สร้างตัวควบคุมแยกต่างหากสำหรับการลงทะเบียนผู้ใช้และการเข้าสู่ระบบของผู้ใช้

ในโปรเจ็กต์นี้ คุณจะต้องสร้างแพ็คเกจคอนโทรลเลอร์สองแพ็คเกจ ได้แก่ jbr.springmvc.controller และ jbr.springmvc.model

ขั้นตอนที่ 6: สร้างคลาสสำหรับเข้าถึงฐานข้อมูล MySQL

ขั้นตอนนี้เกี่ยวกับการสร้างคลาส DAO หรืออินเทอร์เฟซที่ให้คุณเข้าถึงฐานข้อมูล MySQL คุณสามารถทำได้โดยการเขียนโค้ดสำหรับแพ็คเกจที่เรียกว่า jbr.springmvc.dao

ขั้นตอนที่ 7: สร้างการกำหนดค่า Spring bean ใหม่

ไปที่ 'ทรัพยากร' และสร้างการกำหนดค่า xml bean ใหม่เพื่อกำหนดถั่ว คุณสามารถตั้งชื่อมันว่า user-beans.xml

ขั้นตอนที่ 8: สร้างตาราง MySQL

ขั้นตอนนี้ประกอบด้วยการสร้างตารางฐานข้อมูลที่มีคอลัมน์และแถวเพื่อจัดโครงสร้างข้อมูล ที่นี่ คุณจะเริ่มโค้ดของคุณด้วยคำสั่ง CREATE TABLE

ขั้นตอนที่ 9: สร้างมุมมอง

ในการสร้าง Views คุณจะต้องทำงานกับโฟลเดอร์ /src/main/webapp โดยเริ่มจากการสร้าง home.jsp จากนั้น ภายใต้ /src/main/webapp/jsp คุณจะต้องเขียนโค้ดสำหรับสร้าง register.jsp, login.jsp และ welcome.jsp

ขั้นตอนที่ 10: เรียกใช้แอปพลิเคชัน

คลิกขวาที่แอปพลิเคชันและทำตามคำแนะนำตามลำดับด้านล่าง:

• Maven>ทำความสะอาด
• Maven>ติดตั้ง
• เรียกใช้เป็น>เรียกใช้บนเซิร์ฟเวอร์>เรียกใช้โดยใช้ Tomcat

คุณจะสามารถเห็นผลลัพธ์ของตัวอย่างเว็บแอปพลิเคชัน Spring ของคุณในรูปแบบของหน้าต่อไปนี้:

• บ้าน
• การลงทะเบียนผู้ใช้
• ลงทะเบียนผู้ใช้สำเร็จ
• เข้าสู่ระบบ
• เข้าสู่ระบบสำเร็จ

อ่านเพิ่มเติม: แนวคิดและหัวข้อโครงการสปริงที่น่าตื่นเต้น 18 อันดับแรกสำหรับผู้เริ่มต้น

สรุปข้อสังเกต

การเชื่อมต่อ MVC ตามมาด้วยข้อมูลที่ลงมาจากแหล่งข้อมูลเพื่อดูผ่านคอนโทรลเลอร์ นอกจากนี้ ข้อมูลที่แสดงผลโดย View จะแสดงบนหน้าจอ แอปพลิเคชัน Spring MVC มีข้อดีหลายประการ ตั้งแต่การกำหนดค่าที่แข็งแกร่งและการพัฒนาอย่างรวดเร็ว ไปจนถึงการดีบัก ทดสอบ และนำกลับมาใช้ใหม่ได้เร็วขึ้น การสร้างแอปพลิเคชัน Hello World แบบคลาสสิกโดยใช้รูปแบบการออกแบบนี้สามารถแสดงให้เห็นถึงความซับซ้อนของการพัฒนาต่อนักพัฒนาซอฟต์แวร์ที่ต้องการ

อาชีพสายเทคโนโลยีต้องการการเรียนรู้อย่างต่อเนื่อง การขยายความรู้ และการเพิ่มพูนทักษะ และกิจกรรมโครงการเสนอวิธีที่ยอดเยี่ยมในการขยายขีดความสามารถของคุณ เราหวังว่าคุณจะได้เรียนรู้สิ่งใหม่จากการสาธิตโครงการ Java MVC ข้างต้น

หากคุณสนใจที่จะเรียนรู้เพิ่มเติมเกี่ยวกับการพัฒนาแบบฟูลสแตก โปรดดูประกาศนียบัตร PG ของ upGrad & IIIT-B ด้านการพัฒนาซอฟต์แวร์แบบครบวงจร ซึ่งออกแบบมาสำหรับมืออาชีพที่ทำงานและมีการฝึกอบรมที่เข้มงวดมากกว่า 500 ชั่วโมง โครงการมากกว่า 9 โครงการ และการมอบหมายงาน , สถานะศิษย์เก่า IIIT-B, โครงการหลักที่นำไปปฏิบัติได้จริง & ความช่วยเหลือด้านงานกับบริษัทชั้นนำ