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

lesson4 JSP

Embed Size (px)

Citation preview

Page 1: lesson4 JSP

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

JSP & SQL

Page 2: lesson4 JSP

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

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

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

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

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

Page 3: lesson4 JSP

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

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

JSP

Page 4: lesson4 JSP

JavaBean

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

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

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

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

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

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

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

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

Page 5: lesson4 JSP

DAO (Data Access Objects)

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

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

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

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

Page 6: lesson4 JSP

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

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

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

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

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

Page 7: lesson4 JSP

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

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

เป็น electronic filing system

Page 8: lesson4 JSP

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

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

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

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

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

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

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

Page 9: lesson4 JSP

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

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

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

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

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

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

Page 10: lesson4 JSP

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

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

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

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

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

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

Page 11: lesson4 JSP

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

โดยใช ้Navicat

Page 12: lesson4 JSP

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

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

Page 13: lesson4 JSP

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

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

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

ภาษาไทยได้

Page 14: lesson4 JSP

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

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

Page 15: lesson4 JSP

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

Page 16: lesson4 JSP

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

Page 17: lesson4 JSP

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

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

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

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

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

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

Page 18: lesson4 JSP

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

Page 19: lesson4 JSP
Page 20: lesson4 JSP

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

Page 21: lesson4 JSP

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

Page 22: lesson4 JSP

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

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

Page 23: lesson4 JSP

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

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

Page 24: lesson4 JSP

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

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

Getters and Setters

Page 25: lesson4 JSP

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

Page 26: lesson4 JSP

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

Page 27: lesson4 JSP

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

Page 28: lesson4 JSP

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

Page 29: lesson4 JSP

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

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

Page 30: lesson4 JSP
Page 31: lesson4 JSP

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

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

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

MembersBean

Page 32: lesson4 JSP

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

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

MembersDAO

Page 33: lesson4 JSP
Page 34: lesson4 JSP

Servlet DB DAO

JSP

Browser

HTML

Object

Object Request Result Set

Bean

Page 35: lesson4 JSP

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

Page 36: lesson4 JSP

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

Page 37: lesson4 JSP
Page 38: lesson4 JSP