21

lesson3 JSP

Embed Size (px)

Citation preview

Page 1: lesson3 JSP
Page 2: lesson3 JSP

มายเอสควแอล (MySQL) คออะไร ชอ "MySQL" อานออกเสยงวา "มายเอสควเอล" หรอ "มายเอสควแอล" (ในการอานอกษร L ในภาษาไทย) ซงทางซอฟตแวรไมไดอาน มายซเควล หรอ มายซควล เหมอนกบซอฟตแวรจดการฐานขอมลตวอน มายเอสควแอล (MySQL) คอ โปรแกรมระบบจดการฐานขอมล ทพฒนาโดยบรษทมายเอสควแอลเอบ (MySQL AB) มหนาทเกบขอมลอยางเปนระบบ รองรบค าสงเอสควแอล (SQL = Structured Query Language) เปนเครองมอส าหรบเกบขอมล ทตองใชรวมกบเครองมอหรอโปรแกรมอนอยางบรณาการ เพอใหไดระบบงานทรองรบความตองการของผใช เชนท างานรวมกบเครองบรการเวบ (Web Server) เพอใหบรการแกภาษาสครปตทท างานฝงเครองบรการ (Server-Side Script) เชน ภาษาพเอชพ (PHP) , ภาษาเอเอสพดอทเนต (ASP.NET) , หรอภาษาเจเอสพ (JSP) เปนตน หรอท างานรวมกบโปรแกรมประยกต (Application Program) เชน ภาษาวชวลเบสกดอทเนต (VB) ภาษาจาวา (JAVA) เปนตน โปรแกรมถกออกแบบใหสามารถท างานไดบนระบบปฏบตการทหลากหลาย และเปนระบบฐานขอมลโอเพนทซอรททถกน าไปใชงานมากทสด

Page 3: lesson3 JSP

ขนตอนในการสราง package

คลกขวาท src=>New=>Package

Page 4: lesson3 JSP

Name ตงชอตามทตองการแตใหคลองกบขอมลขางใน ในทนตงชอวา comment

Page 5: lesson3 JSP

เมอสรางแพกเกจเสรจแลวจะได package ทชอ Comment

วธสราง Class ใน Package

Page 6: lesson3 JSP

Name: ชอ Class ทเราจะสราง ในทนตงชอวา connect

Page 7: lesson3 JSP

แลวกจะได Class แบบน

การสราง Servlet ในPackage

Packageทสรางในทนตงชอ Package วา controller >New > Servlet

Page 8: lesson3 JSP

Class name: ชอของ servlet ในทนตงชอ Class ของ servlet วา loginservlet

Page 9: lesson3 JSP

เมอสรางเสรจแลวจะไดแบบน

วธการ Build Path เพอให servlet สามารถ runได

Page 10: lesson3 JSP

Add Libraries ตางๆ

Server Runtime >กดปม Next

Page 11: lesson3 JSP

Codeในสวนของ JSP File

Page 12: lesson3 JSP

Code ในสวนของ Java Class ชอ Class connect

Page 13: lesson3 JSP

Codeในสวนของหนา loginservlet

Page 14: lesson3 JSP

Codeในสวนของหนา loginservlet ตอ

Page 15: lesson3 JSP

การสรางฐานขอมล MySQL ดวย Navicat

ขนตอนการด าเนนการ 1. สรางการเชอมตอฐานขอมล

หลงจากเปดโปรแกรม Navicat ขนมาแลว คลกท Connection โปรแกรมจะเปดหนาตาง Connection ขนมา ซงตองปอนรายละเอยดทจ าเปน ดงน Connection Name: ตงชอ Connection จะเปนอะไรกได ใหจ างายเขาไว Host name/IP address: ปลอยใหเปน localhost Port: ปลอยใหเปน 3306 User name: ปอน User name ทใชลอกอนเขาส MySQL คาดฟอลต จะเปน root Password: ปอนรหสผาน ทใชลอกอนเขาส MySQL ถาไมมรหสผาน ใหปลอยวางไว กดปม Test Connection เพอทดสอบการเชอมตอ ดกอนกได ถาโปรแกรมแจงวา Conection Successfully แสดงวาสามารถเชอมตอฐานขอมลไดแลว กใหคลกปม OK

Page 16: lesson3 JSP

2. สรางฐานขอมล ดบเบลคลกท ตว connection ทสรางขนมา เพอเชอมตอเขาใชงาน

MySQL คลกขวา ทตว connection คลก New Database เพอสรางฐานขอมล โปรแกรมจะเปดไดอะลอกบอก Create New Database ขนมา

ซงมรายละเอยดทตองก าหนด ดงน Enter database name: ตงชอฐานขอมล Character set: ก าหนดชดตวอกษร แนะน าเปน utf8–

UTF-8 Unicode Collation: ก าหนด Collation แนะน าเปน utf8_general_ci หลงจากก าหนดทกอยางเรยบรอย คลกปม OK คณสรางฐานขอมลใหม เรยบรอย

Page 17: lesson3 JSP

การสรางตารางใน Navicat

1.เปด Navicat ขนมา

คลกขวาท Tables => New Table

จะโชวหนาตางน

Page 18: lesson3 JSP

ชอของตวแปร ชนดของตวแปร

ขนาดของตวแปร

เมอคลกซายตรงนจะกลายเปน PK

ใหมนรนคาเองไดโดยทเราไมไดใสเอง

Page 19: lesson3 JSP

เมอกด TAP ตรง PK แลวโปรแกรมจะขนบรรทดใหมใหเรา

เมอใสขอมลตารางเสรจแลวกกด แลวจะม Pop up ขนมาใหเราตงชอของตาราง

เมอพมพชอเสรจแลวกด ok

Page 20: lesson3 JSP

จะไดตารางมา1ตาราง

เมอ ดบเบลคลกทตารางทเราสรางขนกจะไดหนาตางของตารางทพรอมจะใหเรากรอกขอมล

Page 21: lesson3 JSP

1.นาย ชาครต บางแค 5404101322 2.นาย ณรงคชย ใจค า 5404101327 3.นาย ณฐพงศ กจพทกษ 5404101330 4.นาย ณฐพร เชอไทย 5404101331 5.นาย ธนสาร สทธพานช 5404101337