Java Web MVC ตอนที่ 7 เพิ่มข้อมูล

ในบทความนี้เราจะสร้างหน้าเว็บขึ้นมาเพื่อกรอกข้อมูลแล้วส่งไปให้ Controller หรือ Servlet นำไปบันทึกลงตารางในฐานข้อมูล ดังภาพที่ 1

java-mvc-7-01

ภาพที่ 1 view/manage_product.jsp

เพิ่มโค้ดลงไปในไฟล์ manage_product.jsp ทั้งหมดดังนี้

ไปที่ไฟล์ ProductDao.java แล้วเพิ่มเมธอด add() ลงไปภายในประกอบด้วยโค้ดต่าง ๆ ดังนี้

หลังจากนั้นก็สร้าง Servlet ขึ้นมา ภายใต้ Package : web.mve.controller ตั้งชื่อว่า AddProduct.java ในเมธอด processRequest() เขียนโค้ดต่อไปนี้ลงไป

เมื่อลอง Run Project ใหม่แล้วกรอกข้อมูลลงไปในกรณีต่าง ๆ ดังภาพต่อไปนี้

java-mvc-7-02

ภาพที่ 2 คลิก “บันทึกโดยที่ยังไม่กรอกชื่อสินค้า”

java-mvc-7-03

ภาพที่ 3 คลิก “บันทึกโดยที่ยังไม่กรอกราคาสินค้า”

java-mvc-7-04

ภาพที่ 4 บันทึกสินค้าสำเร็จ

java-mvc-7-05

ภาพที่ 5 หลังจากคลิกปุ่ม “OK”

การเพิ่มข้อมูลก็มีเพียงเท่านี้นะคะ จะเห็นว่าในส่วนของ Controller เราไม่ได้ทำการเช็คข้อมูลเลยว่ามีการกรอกข้อมูลเข้ามาครบหรือไม่ เพราะเราได้ใช้ JavaScript เข้ามาช่วยในการตรวจสอบข้อมูลก่อนที่จะส่งมาให้ Controller แล้ว ในบทความต่อไป เราจะมาสร้างปุ่มเพื่อแก้ไขสินค้ากันค่ะ


>>> เรียนรู้ 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 ตอนที่ 7 เพิ่มข้อมูล”

  1. ผมต้องสร้างหน้า AddProduct.jsp เหมือนหน้าของ Edit หรือเปล่าครับ

    1. แล้วแต่การออกแบบค่ะ จะรวมไว้หน้าเดียว หรือแยกออกมาก็ได้ ตามสะดวกเลยค่ะ 🙂

Comments are closed.