lesson4 JSP

Preview:

Citation preview

การเพิ่มข้อมูลลงฐานข้อมูลด้วยภาษา

JSP & SQL

สมาชิกกลุ่มที่ 4 1. นางสาวธารทิพย์ หนูทิมทอง 5404101342

2. นางสาวธิดาพร โตเอี่ยม 5404101343

3. นางสาวปวันรัตน์ สิทธิโชติวงศ์ 5404101402

4. นางสาวสุกัลยา สุณาโท 5404101403

5. สุรัสวดี ภาพเมืองมูล 5404101404

Servlets Servlets เป็น Component ท าหน้าที่ จัดการกบั

request และ response ต่างๆ และสง่คา่ไปแสดงผลใน

JSP

JavaBean

JavaBean ส่วนใหญ่ไมน่ยิมใส ่java code ลงไปใน

ไฟล์ JSP สิ่งที่อยู่ในไฟลม์ักจะเป็นเพียง HTML code

ข้อดี ของ การใช้ JavaBean

- สามารถท างานได้บนทุกๆ ระบบปฏิบัติการ

โดยที่ไม่ ต้องท าการ Compile ใหม่ทุกครั้ง

- มีการ load ลงหน่วยความจ าเพียงครั้งเดียว

- สามารถน า Component ที่เขียนมาแล้ว

กลับมาใช้ใหม่ได้อีก

DAO (Data Access Objects)

DAO (Data Access Objects) เป็นอินเตอร์เฟ

ซแรกแบบ object-oriented กับฐานข้อมูลเพือ่ให้

programmer สามารถเข้าใช้งาน database ประเภท

ต่างๆ ได้ง่าย

Database (ฐานข้อมูล)

Database (ฐานข้อมูล) คือระบบที่รวบรวมข้อมูลไว้

ในที่เดียวกนัซึง่ประกอบไปด้วยแฟ้มข้อมูล (File)

ระเบียน (Record) และเขตข้อมูล (Field)

และถกูจัดการดว้ยระบบเดียวกนั

โปรแกรมคอมพวิเตอรจ์ะเขา้ไปดึงขอ้มูลที่

ต้องการได้อยา่งรวดเร็ว ซึ่งอาจเปรียบฐานข้อมูลเสมือน

เป็น electronic filing system

SQL SQL เป็นภาษาทีใ่ชใ้นการเขยีนโปรแกรม

เพื่อจดัการกบัฐานขอ้มลูโดยเฉพาะ เราสามารถแบ่งการ

ท างานได้เปน็ 4 ประเภท ดังนี้

1. Select query ใช้ส าหรบัดึงข้อมลูทีต่อ้งการ

2. Update query ใช้ส าหรบัแกไ้ขข้อมลู

3. Insert query ใช้ส าหรบัการเพิม่ขอ้มลู

4. Delete query ใช้ส าหรบัลบขอ้มลูออกไป

ค าสั่งการเพิ่มข้อมูล

โดยการเพิ่มข้อมูลเข้าไปทลีะแถว

ค าสั่งการเพิม่ข้อมูลทลีะแถวโดยระบุข้อมูลที่จะ

INSERTเขา้ไปโดยตรง รูปแบบของค าสั่งเปน็ดังนี ้

INSERT INTO Tablename (column 1, column 2,…)

VALUES ( 'Value1', 'Value2', 'Value..n' )"

INSERT INTO เป็น ค าสั่งทีต่้องมีทุกครัง้ทีต่อ้งการเพิม่ขอ้มูล

tablename หมายถึง ชื่อของตารางทีจ่ะท าการเพิ่มข้อมลู

column 1 หมายถึง คอลัมน์ทีต่อ้งการเพิม่ขอ้มูล

Value1 หมายถึง ค่าต่างๆทีจ่ะเพิม่ให้กับฟลิด์นั้นๆ

INSERT INTO Tablename (column 1, column 2,…)

VALUES ( 'Value1', 'Value2', 'Value..n' )"

วิธีการสร้างตารางในฐานข้อมูล

โดยใช ้Navicat

1.คลิกขวาที่ Connection ชื่อ MyHost แล้วสร้าง

ฐานข้อมูล โดยเข้าไปเลือกที่ New Database…

2.ตั้งชื่อ Database ชื่อ cartoonbook ก าหนด

Character set เป็น utf8 – UTF-8 Unicode และ

Collation เป็น utf8_genral_ci เพื่อให้ฐานข้อมูลรองรับ

ภาษาไทยได้

3.สร้างตารางของฐานข้อมูล โดยดับเบิ้ลคลิกไปที่

ฐานข้อมูลที่สร้างขึ้น แล้วคลิกขวาที่ Table เลือก New table

4.จากนั้นจะได้ตารางดังรูป

5.สร้าง Fields ชื่อ member_id เพื่ออ้างอิงข้อมูล

Type ก าหนดชนิดฟิลด์ เป็น int

Length ก าหนดขนาดฟิลด์ตามความต้องการ

Decimals ก าหนดจ านวนหลักตัวเลข หลังจุดทศนิยม

Allow Null ติ๊กถูก คือ อนุญาตให้ฟิลด์นี้เป็นค่าว่างได้

แต่ถ้าไม่ติ๊กก็เท่ากับห้ามมีค่าว่าง

ช่องว่าง ก าหนดฟิลด์เป็น ไพรมารีคีย์

6. สร้าง Fields ต่างๆ ตามข้อมูลที่ต้องการจัดเก็บลงบนฐานข้อมูล

7.เมื่อสร้าง Fields เสร็จแล้ว ให้กด Save และก าหนดชื่อตาราง

8.หน้าต่างของตารางฐานข้อมูล ที่สร้างขึ้น

การเพิ่มข้อมูลในฐานข้อมูล

ด้วยภาษา JSP และ SQL

การสร้าง Class Bean เพื่อรับส่งข้อมูล

1.ประกาศตัวแปรที่ต้องการจะเก็บ

2.สร้าง getters และ setters ขึ้นมา โดยคลิกขวาที่บรรทัด

ข้างล่างของการประกาศตัวแปร เลือกไปที่ source > Generate

Getters and Setters

3.เลือก Select All เพื่อ Generate ทุกตัว

4.หลังจาก Generate เสร็จจะได้ดังรูป

การสร้าง Class DAO เพื่อติดต่อกับ DataBase

1.ประกาศตัวแปรใน class MemberDAO

2.สร้างเมธอด addMembers ในคลาส MemberDAO เพื่อ

ท าหน้าที่ Insert ข้อมูลไปเก็บใน database เมื่อมีการเพิ่มข้อมลู

การเขียนCode ใน Servlet

1.ประกาศ Object mem ของ Class MembersBean เพื่อ

เอาไว้รับค่า และเพื่อเรียกใช้เมธอดหรือตัวแปรใน Class

MembersBean

2.ประกาศ Object memdao ของ Class

MembersDAO เพื่อเรียกใช้เมธอดหรือตัวแปรใน Class

MembersDAO

Servlet DB DAO

JSP

Browser

HTML

Object

Object Request Result Set

Bean

ตัวอย่างการใช้งาน

ตัวอย่างการใช้งาน