Java Web MVC ตอนที่ 8 แก้ไขข้อมูล

การแก้ไขข้อมูลเราจะใช้ปุ่มที่เป็นรูปภาพแทนการคลิกลิงค์ธรรมดา แล้วส่งค่า id ไปให้กับ Servlet เพื่อนำไปใช้ในการประมวลผลด้วย…

java-mvc-8-01

ภาพที่ 1 ปุ่มแก้ไข

เราได้สร้างโฟล์เดอร์ images ขึ้นมาแล้วนำภาพ edit.png และ delete.png ไปเก็บไว้และดึงภาพมาใช้งานตามภาพที่ 2 ในเข้าไปที่ไฟล์ manage_product.jsp แล้วเพิ่มโค้ดลงไป

java-mvc-8-02

ภาพที่ 2 เพิ่มโค้ดในส่วนของปุ่ม แก้ไข

หลังจากนั้นไปที่ไฟล์ ProductDao.java เพิ่มเมธอด findById() ลงไปโดยมีโค้ดดังต่อไปนี้

แล้วสร้างเมธอด main() ขึ้นมาเพื่อทดสอบเมธอด findById() โดยมีโค้ดดังนี้

หากไม่มีข้อผิดพลาดอะไรจะได้ผลลัพธ์ดังนี้

java-mvc-8-03

ภาพที่ 3 ผลการทดสอบเมธอด findById()

หลังจากนั้นคลิกขวาที่ web.mvc.controller แล้วก็สร้าง Servlet ขึ้นมาตั้งชื่อว่า Edit.java ในเมธอด processRequest() เขียนโค้ดต่อไปนี้ลงไป

ไปที่หน้า Manage Product แล้วคลิกที่แก้ไขหลังรายการที่ต้องการแก้ไขจะปรากฏดังภาพที่ 4

java-mvc-8-04

ภาพที่ 4 คลิกรูปดินสอเพื่อจะทำการแก้ไข

โค้ดในไฟล์  edit_product.jsp มีดังนี้

ตอนนี้เราก็สามารถดึงข้อมูลที่จะแก้ไขขึ้นมา ได้แล้ว ต่อไปเราจะสร้างเมธอดเพื่อบันทึกข้อมูลที่แก้ไขลงในตารางในฐานข้อมูล ไปที่ไฟล์ ProductDao.java แล้วเขียนเมธอดที่จะใช้ในการแก้ไขข้อมูลสินค้าลงไปดังโค้ดด้านล่าง

 ทุก ๆ ครั้งที่เขียนเมธอดเสร็จก่อนที่จะนำมันไปใช้หากเราอยากมั่นใจ 100% ว่าใช้งานได้จริง อย่าลืมเขียนเมธอด main() ขึ้นมาเพื่อทดสอบมันนะคะ ถ้าเกิดข้อผิดพลาดขึ้นเราจะได้รู้ว่าเป็นเพราะจุดอื่น ไม่ใช่จุดนี้เพราะตรงนี้เราทดสอบผ่านไปแล้ว ลองดูตัวอย่างเมธอด main ค่ะ (ทดสอบผ่านแล้วเราจะ Comment ไว้ก็ได้)

เมื่อลอง Run File หากไม่มีข้อผิดพลาดอะไรจะแสดงผลดังนี้

java-mvc-8-05

ภาพที่ 5 ผลการทดสอบเมธอด edit()

ที่หน้า View เมื่อภาพแก้ไขถูกคลิกก็จะเรียกใช้ Servlet ชื่อ EditProduct พร้อมกับส่งค่า สินค้าที่ต้องการแก้ไขไปให้ด้วย  สร้าง Servlet ชื่อ EditProduct.java ขึ้นมาเก็บไว้ภายใต้ Package : web.mvc.controller และเขียนโค้ดต่อไปนี้ลงในเมธอด processRequest()

เมื่อเขียนโค้ดเสร็จแล้วลองทดสอบโปรแกรมดูนะคะ

java-mvc-8-06

ภาพที่ 6 ทดสอบแก้ไขข้อมูล

บทความนี้เขียนโค้ดกันยาวเลยนะคะ ติดปัญหาตรงไหนหรือเปล่า ? ค่อย ๆ อ่าน ค่อย ๆ ทำความเข้าใจนะคะ ในบทความต่อไปเป็นเมธอดสุดท้ายแล้ว แล้วพบกันค่ะ ^^


>>> เรียนรู้ MVC ด้วยโปรเจกต์ Java WebMVC

Java Web MVC ตอนที่ 1 เริ่มต้น
Java Web MVC ตอนที่ 2 โครงสร้าง
Java Web MVC ตอนที่ 3 Model
Java Web MVC ตอนที่ 4 DAO
Java Web MVC ตอนที่ 5 Controller และ View
Java Web MVC ตอนที่ 6 ประโยชน์ของ MVC
Java Web MVC ตอนที่ 7 เพิ่มข้อมูล
Java Web MVC ตอนที่ 8 แก้ไขข้อมูล
Java Web MVC ตอนที่ 9 ลบข้อมูล
Java Web MVC ตอนที่ 10 สรุป


ธมนวรรณ มณีจันทร์

ธมนวรรณ มณีจันทร์

|:- เราเชื่อมั่นว่าการเสียสละและการแบ่งปันจะทำให้โลกใบนี้สวยงามมากขึ้น ทุกๆ จุดเริ่มต้นของการเรียนรู้ นำไปสู่การเรียนรู้ถัดไป เว็บไซต์แห่งนี้ขอเป็นส่วนหนึ่งของการแบ่งปันความรู้ที่ไม่มีที่สิ้นสุด มาร่วมกันผลักดันโลกของเราให้หมุนไปพร้อมกับพลังแห่งความรักด้วยกันนะคะ :) >>> |:- About Me! -:|    

2 thoughts to “Java Web MVC ตอนที่ 8 แก้ไขข้อมูล”

Comments are closed.