Basic JavaWeb ตอนที่ 5 Create Model

จากตอนที่แล้วเราได้ทำการสร้างคลาสในการเชื่อมต่อฐานข้อมูลเอาไว้แล้ว คราวนี้เราจะมาสร้างคลาสที่เรียกว่า Model กัน มันทำหน้าที่เป็นตัวแทนของข้อมูลเพราะฉะนั้นจึงไม่ใช่เรื่องแปลกที่ตัวแปรต่าง ๆ จะมีรูปแบบเหมือนกับฟิลด์ในตารางข้อมูลลองดูภาพเปรียบเทียบด้านล่าง…

basic_javaweb_5_01

ภาพที่ 1 เปรียบเทียบตารางและ Model

เรามาสร้าง Model กันเลยค่ะ อันดับแรกสร้าง Package ขึ้นมาก่อน ตั้งชื่อว่า basic.javaweb.model และสร้าง Java Class…ภายใต้ Package นี้ชื่อว่า Book.java โดยมีโค้ดต่าง ๆ และวิธีการสร้างโค้ดดังรายละเอียดด้านล่าง คลิกขวาที่พื้นที่ว่าง…

basic_javaweb_5_02

ภาพที่ 2 สร้าง Constructor (1)

basic_javaweb_5_03

ภาพที่ 3 สร้าง Constructor (ต่อ 2)

basic_javaweb_5_04

ภาพที่ 4 สร้าง Constructor (ต่อ 3)

basic_javaweb_5_05

ภาพที่ 5 สร้าง Method Getters/ Setters

basic_javaweb_5_06

ภาพที่ 6 สร้าง Method toString

เป็นไงบ้างคะ สร้าง Model ง่ายละสิ Generate อย่างเดียวเลย คราวนี้เราจะมาทดสอบคลาส Book.java ของเราแล้วล่ะ สร้างเมธอดมากมายมาดูกันต่อว่าเราจะมีวิธีใช้งานคลาสนี้อย่างไรบ้าง สร้าง Java Class… ขึ้นมาเก็บไว้ภายไต้ Package : basic.javaweb.test ตั้งชื่อว่า TestBook.java และทำการทดสอบตามภาพต่าง ๆ ด้านล่าง

basic_javaweb_5_07

ภาพที่ 7 ทดสอบการใช้ Method Constructor (2) และ toString()

basic_javaweb_5_08

ภาพที่ 8 ทดสอบการใช้ Method Constructor (3) และ toString()

เราได้ทำการทดสอบ Constructor ไปแล้ว 2 เมธอด (Method) เหลืออีก 1 เมธอดจะกำหนดค่าให้มันได้อย่างไร เพราะมันไม่ได้รับค่าอะไรเข้าไปเลย มาดูวิธีการเรียกใช้พร้อมกันค่ะ

basic_javaweb_5_09

ภาพที่ 9 ทดสอบการใช้ Constructor (1) และ Method Setters

เมธอด Setter ถูกใช้ไปแล้ว แล้ว Getter ละมีไว้ใช้ทำอะไร ไปหาคำตอบพร้อมกันค่ะ

basic_javaweb_5_10

ภาพที่ 10 ทดสอบการใช้ Constructor (1) และ Method Getters & Setters

เรื่องของ Model ก็เดินทางมาใกล้จะจบแล้วค่ะ ขอเพิ่มเติมอีกนิดหนึ่งก่อนจะผ่านไปถึงเรื่อง DAO (Data Access Object) สมมติว่าเรามีหนังสือหลาย ๆ เล่มเราจะทำการส่งค่าหนังสือแต่ละเล่มไปให้คลาสอื่น ๆ ใช้งานในรูปแบบใด ? เราคงไม่ส่งไปทีละเล่มแล้วค่ะ แต่เราจะทำการแพ็กหนังสือลงกล่องแล้วส่งไปทีเดียวทั้งกล่องเลย กล่องที่ว่านี้เราจะเลือกใช้สิ่งที่เรียกว่า ArrayList ค่ะ โดยลักษณะการส่งไปจะมีหน้าตาดังภาพที่ 11

basic_javaweb_5_11

ภาพที่ 11 จำลองการเก็บ Object Book ใน ArrayList

จบไปแล้วนะคะในเรื่องของ Model เราทำการทดสอบแบบที่ไม่มีการเชื่อมต่อฐานข้อมูลเลย ในเรื่องต่อไปเราจะมาพูดถึง DAO ค่ะ ภายใน Object นี้ เราจะสร้างเมธอดที่มีการเข้าถึงข้อมูลจากฐานข้อมูลในรูปแบบต่าง ๆ ติดตามอ่านได้ในบทความต่อไปค่ะ


>>> เรียนรู้ MVC ด้วย โปรเจ็กต์ Basic JavaWeb

ภาคที่ 1 ภาพรวมของระบบ (Overview)

Basic JavaWeb ตอนที่ 1 Introduction
Basic JavaWeb ตอนที่ 2 Overview
Basic JavaWeb ตอนที่ 3 Structure

ภาคที่ 2 Model (ส่วนติดต่อกับข้อมูล)
Basic JavaWeb ตอนที่ 4 Connection Datebase
Basic JavaWeb ตอนที่ 5 Create Model
Basic JavaWeb ตอนที่ 6 Create DAO
Basic JavaWeb ตอนที่ 7 Method getAll()
Basic JavaWeb ตอนที่ 8 Method isInsert()
Basic JavaWeb ตอนที่ 9 Method isUpdate()
Basic JavaWeb ตอนที่ 10 Method isDelete()
Basic JavaWeb ตอนที่ 11 Method getById()
Basic JavaWeb ตอนที่ 12 Method getByKeyword()

ภาคที่ 3 Controller และView (ส่วนของการควบคุมการทำงานและการแสดงผล)

ออกแบบ Template
– HTML
– CSS
– JavaScript
– JSP (EL, JSTL)

เชื่อมต่อ Controller และ View

เชื่อมต่อ Model -> Controller -> View

สรุป


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

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

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