Download - lesson3 JSP
![Page 1: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/1.jpg)
![Page 2: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/2.jpg)
มายเอสควแอล (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](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/3.jpg)
ขนตอนในการสราง package
คลกขวาท src=>New=>Package
![Page 4: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/4.jpg)
Name ตงชอตามทตองการแตใหคลองกบขอมลขางใน ในทนตงชอวา comment
![Page 5: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/5.jpg)
เมอสรางแพกเกจเสรจแลวจะได package ทชอ Comment
วธสราง Class ใน Package
![Page 6: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/6.jpg)
Name: ชอ Class ทเราจะสราง ในทนตงชอวา connect
![Page 7: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/7.jpg)
แลวกจะได Class แบบน
การสราง Servlet ในPackage
Packageทสรางในทนตงชอ Package วา controller >New > Servlet
![Page 8: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/8.jpg)
Class name: ชอของ servlet ในทนตงชอ Class ของ servlet วา loginservlet
![Page 9: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/9.jpg)
เมอสรางเสรจแลวจะไดแบบน
วธการ Build Path เพอให servlet สามารถ runได
![Page 10: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/10.jpg)
Add Libraries ตางๆ
Server Runtime >กดปม Next
![Page 11: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/11.jpg)
Codeในสวนของ JSP File
![Page 12: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/12.jpg)
Code ในสวนของ Java Class ชอ Class connect
![Page 13: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/13.jpg)
Codeในสวนของหนา loginservlet
![Page 14: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/14.jpg)
Codeในสวนของหนา loginservlet ตอ
![Page 15: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/15.jpg)
การสรางฐานขอมล 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](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/17.jpg)
การสรางตารางใน Navicat
1.เปด Navicat ขนมา
คลกขวาท Tables => New Table
จะโชวหนาตางน
![Page 18: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/18.jpg)
ชอของตวแปร ชนดของตวแปร
ขนาดของตวแปร
เมอคลกซายตรงนจะกลายเปน PK
ใหมนรนคาเองไดโดยทเราไมไดใสเอง
![Page 19: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/19.jpg)
เมอกด TAP ตรง PK แลวโปรแกรมจะขนบรรทดใหมใหเรา
เมอใสขอมลตารางเสรจแลวกกด แลวจะม Pop up ขนมาใหเราตงชอของตาราง
เมอพมพชอเสรจแลวกด ok
![Page 20: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/20.jpg)
จะไดตารางมา1ตาราง
เมอ ดบเบลคลกทตารางทเราสรางขนกจะไดหนาตางของตารางทพรอมจะใหเรากรอกขอมล
![Page 21: lesson3 JSP](https://reader034.vdocuments.net/reader034/viewer/2022052217/5588fcfed8b42a321a8b470f/html5/thumbnails/21.jpg)
1.นาย ชาครต บางแค 5404101322 2.นาย ณรงคชย ใจค า 5404101327 3.นาย ณฐพงศ กจพทกษ 5404101330 4.นาย ณฐพร เชอไทย 5404101331 5.นาย ธนสาร สทธพานช 5404101337