38
กกกกกกกกกกกกกกกก กกกกกกกกกกกกกกกกก JSP & SQL

4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

Embed Size (px)

Citation preview

Page 1: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

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

JSP & SQL

Page 2: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

สมาชิ�กกล��มที่�� 41. นางสาวธารที่�พิ่ย� หน�ที่�มที่อง 5404101342 2. นางสาวธ�ด้าพิ่ร โตเอ��ยม5404101343 3. นางสาวปว#นร#ตน� ส�ที่ธ�โชิต�วงศ์�5404101402 4. นางสาวส�ก#ลยา ส�ณาโที่ 54041014035. ส�ร#สวด้� ภาพิ่เม&องม�ล5404101404

Page 3: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

Servlets Servlets เป็�น Component ทำ��หน�ทำ�� จั�ดก�รก�บ

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

Page 4: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

JavaBean JavaBean ส่�วนใหญ่�ไม่�น"ยม่ใส่� java code ลงไป็ในไฟล% JSP ส่"�งทำ��อย'�ในไฟล%ม่�กจัะเป็�นเพี�ยง HTML code

ข้อด้� ข้อง การใชิ JavaBean - สามารถที่)างานได้บนที่�กๆ ระบบปฏิ�บ#ต�การ โด้ยที่��ไม� ตองที่)าการ Compile ใหม�ที่�กคร#0ง- ม�การ load ลงหน�วยความจำ)าเพิ่�ยงคร#0งเด้�ยว- สามารถน)า Component ที่��เข้�ยนมาแลว

กล#บมาใชิใหม�ได้อ�ก

Page 5: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

DAO (Data Access Objects) DAO (Data Access Objects) เป็�น

อ"นเต่อร%เฟซแรกแบบ object-oriented ก�บฐ�นข้อม่'ลเพี,�อให programmer ส่�ม่�รถเข้�ใช้ง�น database ป็ระเภทำต่��งๆ ไดง��ย

Page 6: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

Database (ฐานข้อม�ล) Database (ฐ�นข้อม่'ล) ค่,อระบบทำ��

รวบรวม่ข้อม่'ลไวในทำ��เด�ยวก�นซ0�งป็ระกอบไป็ดวยแฟ1ม่ข้อม่'ล (File) ระเบ�ยน (Record) และเข้ต่ข้อม่'ล (Field) และถ'กจั�ดก�รดวยระบบเด�ยวก�น

Page 7: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

โป็รแกรม่ค่อม่พี"วเต่อร%จัะเข้�ไป็ด0งข้อม่'ลทำ��ต่องก�รไดอย��งรวดเร3ว ซ0�งอ�จัเป็ร�ยบฐ�นข้อม่'ลเส่ม่,อนเป็�น electronic filing system

Page 8: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

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

เพี,�อจั�ดก�รก�บฐ�นข้อม่'ลโดยเฉพี�ะ เร�ส่�ม่�รถแบ�งก�รทำ��ง�นไดเป็�น 4 ป็ระเภทำ ด�งน�61. Select query ใช้ส่��หร�บด0งข้อม่'ลทำ��ต่องก�ร2. Update query ใช้ส่��หร�บแกไข้ข้อม่'ล3. Insert query ใช้ส่��หร�บก�รเพี"�ม่ข้อม่'ล4. Delete query ใช้ส่��หร�บลบข้อม่'ลออกไป็

Page 9: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

ค)าส#�งการเพิ่��มข้อม�ล โดยก�รเพี"�ม่ข้อม่'ลเข้�ไป็ทำ�ละแถว ค่��ส่��งก�รเพี"�ม่ข้อม่'ลทำ�ละแถวโดย

ระบ7ข้อม่'ลทำ��จัะ INSERTเข้�ไป็โดยต่รง ร'ป็แบบข้องค่��ส่��งเป็�นด�งน�6INSERT INTO Tablename (column 1, column 2,…)VALUES ( 'Value1', 'Value2', 'Value..n' )"

Page 10: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

INSERT INTO เป็�น ค่��ส่��งทำ��ต่องม่�ทำ7กค่ร�6งทำ��ต่องก�รเพี"�ม่ข้อม่'ล

tablename  หม่�ยถ0ง ช้,�อข้องต่�ร�งทำ��จัะทำ��ก�รเพี"�ม่ข้อม่'ล

column 1    หม่�ยถ0ง ค่อล�ม่น%ทำ��ต่องก�รเพี"�ม่ข้อม่'ลValue1  หม่�ยถ0ง ค่��ต่��งๆทำ��จัะเพี"�ม่ใหก�บฟ8ลด%น�6นๆ

INSERT INTO Tablename (column 1, column 2,…)VALUES ( 'Value1', 'Value2', 'Value..n' )"

Page 11: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

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

โด้ยใชิ Navicat

Page 12: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

1.คล�กข้วาที่�� Connection ชิ&�อ MyHost แลวสรางฐานข้อม�ล โด้ยเข้าไปเล&อกที่�� New Database…

Page 13: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

2.ต#0งชิ&�อ Database ชิ&�อ cartoonbook ก)าหนด้ Character set เป3น utf8 – UTF-8 Unicode และ Collation เป3น utf8_genral_ci เพิ่&�อใหฐานข้อม�ลรองร#บภาษาไที่ยได้

Page 14: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

3.สรางตารางข้องฐานข้อม�ล โด้ยด้#บเบ�0ลคล�กไปที่��ฐานข้อม�ลที่��สรางข้40น แลวคล�กข้วาที่�� Table เล&อก New table

Page 15: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

4.จำากน#0นจำะได้ตารางด้#งร�ป

Page 16: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

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

Page 17: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

Type ก)าหนด้ชิน�ด้ฟิ6ลด้� เป3น int Length ก)าหนด้ข้นาด้ฟิ6ลด้�ตามความ

ตองการ Decimals ก)าหนด้จำ)านวนหล#กต#วเลข้ หล#ง

จำ�ด้ที่ศ์น�ยม Allow Null ต�7กถ�ก ค&อ อน�ญาตใหฟิ6ลด้�น�0

เป3นค�าว�างได้ แต�ถาไม�ต�7กก9เที่�าก#บหามม�ค�าว�าง

ชิ�องว�าง ก)าหนด้ฟิ6ลด้�เป3น ไพิ่รมาร�ค�ย�

Page 18: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

6. สราง Fields ต�างๆ ตามข้อม�ลที่��ตองการจำ#ด้เก9บลงบนฐานข้อม�ล

Page 19: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL
Page 20: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

7.เม&�อสราง Fields เสร9จำแลว ใหกด้ Save และก)าหนด้ชิ&�อตาราง

Page 21: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

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

Page 22: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

การเพิ่��มข้อม�ลในฐานข้อม�ลด้วยภาษา JSP

และ SQL

Page 23: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

การสราง Class Bean เพิ่&�อร#บส�งข้อม�ล1.ประกาศ์ต#วแปรที่��ตองการจำะเก9บ

Page 24: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

2.สราง getters และ setters ข้40นมา โด้ยคล�กข้วาที่��บรรที่#ด้ข้างล�างข้องการประกาศ์ต#วแปร เล&อกไปที่�� source > Generate Getters and Setters

Page 25: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

3.เล&อก Select All เพิ่&�อ Generate ที่�กต#ว

Page 26: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

4.หล#งจำาก Generate เสร9จำจำะได้ด้#งร�ป

Page 27: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

การสราง Class DAO เพิ่&�อต�ด้ต�อก#บ DataBase

Page 28: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

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

Page 29: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

2.สรางเมธอด้ addMembers ในคลาส MemberDAO เพิ่&�อที่)าหนาที่�� Insert ข้อม�ลไปเก9บใน database เม&�อม�การเพิ่��มข้อม�ล

Page 30: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL
Page 31: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

การเข้�ยนCode ใน Servlet 1.ประกาศ์ Object mem ข้อง Class

MembersBean เพิ่&�อเอาไวร#บค�า และเพิ่&�อเร�ยกใชิเมธอด้หร&อต#วแปรใน Class MembersBean

Page 32: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

2.ประกาศ์ Object memdao ข้อง Class MembersDAO เพิ่&�อเร�ยกใชิเมธอด้หร&อต#วแปรใน Class MembersDAO

Page 33: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL
Page 34: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

Servlet DBDAO

JSP

Browser

HTML

Object

ObjectRequest Result Set

Bean

Page 35: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

ต#วอย�างการใชิงาน

Page 36: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

ต#วอย�างการใชิงาน

Page 37: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL
Page 38: 4.เพิ่มข้อมูลลง DB ด้วย JSP&SQL

จับก�รน��เส่นอ

ข้อข้อบค่7ณอ�จั�รย%และเพี,�อนๆทำ��ต่�6งใจัฟ:งนะค่�ะ