lesson4 jsp

1

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

Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกนซงประกอบไปดวยแฟมขอมล (File) ระเบยน (Record)

และเขตขอมล (Field) และถกจดการดวยระบบเดยวกนโปรแกรม

คอมพวเตอรจะเขาไปดงขอมลทตองการไดอยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน

electronic filing system

การเขาถงขอมลในฐานขอมลจงจาเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา

Database management system (DBMS) ซงจะชวยใหผใชสามารถจดการกบขอมลตามความ

ตองการไดในหนวยงานใหญๆ อาจมฐานขอมลมากกวา 1 ฐานขอมลเชนฐานขอมลบคลากร

ฐานขอมลลกคาฐานขอมลสนคาเปนตน

2


DAO (Data Access Objects) เปน application program interface (API)กบ Visual Basic ของ Microsoft ทใหผเขยนโปรแกรมขอ

เขาถงฐานขอมล Microsoft Access ได DAO เปนอนเตอรเฟซแรกแบบ object-oriented กบฐานขอมลของ

เพอให programmer สามารถเขาใชงาน database ประเภทตางๆ ไดโดยงาย

JavaBean ในการเขยน JSP สาหรบระบบใหญๆ สวนใหญจะไมนยมใส java code ลงไปในไฟล JSP สงท อย

ในไฟลมกจะเปนเพยง HTML code และคาของ variables(data) ตางๆ ทไดมาจาก JavaBeans เทานน

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

- สามารถทางานไดบนทกๆ ระบบปฏบตการ โดยทไมตองทาการ Compile ใหมทกครง

- มการ load ลงหนวยความจาเพยงครงเดยวจนกวาจะมการเลกใชงานโปรแกรม

- สามารถนา Component ทเขยนมาแลว กลบมาใชใหมไดอก

- สามารถนาความรทใชในภาษา Java มาใชในการเขยนโปรแกรมรวมดวยได

3


JSP & Servlet JavaServer Pages (JSP) เปนเทคโนโลยการเขยนโปรแกรมฝงเซรฟเวอรทชวยใหการสรางหนาเวบ

แบบไดนามกและการประยกตใช ซงทาไดโดยการฝงรหส Java เปน HTML, XML, DHTML, หรอประเภท

เอกสารอน ๆ เมอเวบเบราวเซอรทาใหคาขอไปยงทเกบโปรแกรม Java ซงตามปกตจะเปนเวบเซรฟเวอร,

หนาคงถกแปลงอยเบองหลงและ แสดงเปนเนอหาแบบไดนามกกบตว JSP

Servlets เปน Componetดานเซรฟเวอรทมประสทธภาพ ในการพฒนาโปรแกรมฝงเซรฟเวอร ทา

หนาท จดการกบ request และ response ตางๆ และสงคาไปแสดงผลใน JSP

ภาพทอธบายถงการทางานของ Servlet และ JSP เมอมผใชมาใชงานหนาเวปผาน เวปBrowserซง

การทางานคอ เราจะม Web server application ตวนงเชน Apache Tomcat ไวรองรบ request ตางๆๆ แลวก

จะสงตอให container ไปเรยก servlet ใหทางานตามท request มาเชน request ไปเพอขอขอมลลกคา servlet

กจะไปทาการดงขอมลลกคาออกมา แลวกสงคาตางๆๆไปท JSP

4


เอสควแอล (SQL) SQL ยอมาจาก structured query language คอภาษาทใชในการเขยนโปรแกรม เพอจดการกบ

ฐานขอมลโดยเฉพาะ เปนภาษามาตราฐานบนระบบฐานขอมลเชงสมพนธและเปนระบบเปด (open system)

หมายถงเราสามารถใชคาสง sql กบฐานขอมลชนดใดกได และ คาสงงานเดยวกนเมอสงงานผาน ระบบ

ฐานขอมลทแตกตางกนจะได ผลลพธเหมอนกน ทาใหเราสามารถเลอกใชฐานขอมล ชนดใดกไดโดยไมตด

ยดกบฐานขอมลใดฐานขอมลหนง นอกจากนแลว SQL ยงเปนชอโปรแกรมฐานขอมล ซงโปรแกรม SQL

เปนโปรแกรมฐานขอมลทมโครงสรางของภาษาทเขาใจงาย ไมซบซอน มประสทธภาพการทางานสง

สามารถทางานทซบซอนไดโดยใชคาสงเพยงไมกคาสง โปรแกรม SQL จงเหมาะทจะใชกบระบบ

ฐานขอมลเชงสมพนธ และเปนภาษาหนง

ปจจบนมซอฟตแวรระบบจดการฐานขอมล (DBMS ) ทสนบสนนการใชคาสง SQL เชน Oracle ,

DB2, MS-SQL, MS-Access นอกจากนภาษา SQL ถกนามาใชเขยนรวมกบโปรแกรมภาษาตางๆ เชน ภาษา

c/C++ , VisualBasicและ Java

ประเภทของค าสงภาษา SQL

1. ภาษานยามขอมล(Data Definition Language : DDL)เปนคาสงทใชในการสรางฐานขอมล

กาหนดโครงสรางขอมลวาม Attribute ใด ชนดของขอมล รวมทงการเปลยนแปลงตาราง และการสรางดชน

คาสง : CREATE,DROP,ALTER

ภาษา DDLประกอบดวย 3 คาสงคอ

• ค าสงการสราง (Create) ไดแก การสรางตารางและอนเดกซ

CREATE TABLE <Table name>

( Attribute 1 Type 1,Attribute 2 Type 2 ,)

CREATE Unique Index on X<Table name>

เชน

CREATE TABLE S11

(SNO CHAR(5) Not NULL,SNAME CHAR(10) ,STATUS integer)

CREATE Unique Index XS11 on S11(SNO)

5


• ค าสงเปลยนแปลงโครงสราง

ALTER TABLE <ชอตารางทตงขน >

<คาสงการเปลยนแปลง> (<ชอคอลมนประเภทขอมล>);

ตวอยางเชน

ALTER TABLE SUPPLIER

ADD (LAST_SNAME Char(10));

• ค าสงยกเลก (Drop) ตางๆ

การลบโครงสรางตาราง

DROP TABLE <ชอตารางทตงขน >

2. ภาษาจดการขอมล (Data Manipulation Language :DML)หลงจากทเราสราง

โครงสรางฐานขอมลขนแลว คาสงตอไปในการปอนขอมลลงในฐานขอมลและเปลยนแปลงขอมล ในฐาน

ขอมล โดยการใชภาษาสาหรบการจดการขอมล (Data ManipulationLanguage-DML) ใชจดการขอมล

ภายในตารางภายในฐานขอมล และภาษาแกไขเปลยนแปลงตาราง

แบงออกเปน 4 Statement คอ

• Select Statement :การเรยกหา (Retrieve) ขอมลจาก ฐานขอมล

• Insert Statement :การเพมเตมขอมลลงใน ตาราง (Table) จาก ฐานขอมล

• Delete Statement: การลบขอมลลงออกจาก ตาราง (Table) จาก ฐานขอมล

• Update Statement: การเปลยนแปลงขอมลลงใน ตาราง (Table) จาก ฐานขอมล

6


3. ภาษาควบคมขอมล (Data Control Language : DCL)ใชเปนภาษาทใชควบคมระบบ

รกษาความปลอดภย ของฐานขอมล ประกอบดวยคาสง 2 คาสงคอ

• คาสงGRANT เปนคาสงทใชกาหนดสทธใหกบผใชแตละคนใหมสทธกระทาการใดกบขอมลเชน

การเพมขอมล การแกไข หรอ การลบขอมลในตารางใดบาง

• คาสงREVOKE เปนคาสงใหมการยกเลกสทธนนหลงจากทได GRANT แลว

ประโยชนของภาษา SQL 1. สรางฐานขอมลและ ตาราง

2. สนบสนนการจดการฐานขอมล ซงประกอบดวย การเพม การปรบปรง และการลบขอมล

3. สนบสนนการเรยกใชหรอ คนหาขอมล

ค าสงเพมขอมล (Insert Statement)

Insert Structure :: การเพมขอมลทกคอลมน ทไดสรางไว Subject : การเพมขอมลทกคอลมน ทไดสรางไว syntax : INSERT INTO table_name VALUES ( 'value_1', 'value_2', ..., 'value_n' ); comment : INSERT INTO person VALUES ( 1, 'bamboo', 'labcode' );

Insert Structure :: การเพมขอมลเฉพาะคอลมน ทก าหนด Subject : การเพมขอมลเฉพาะคอลมน ทกาหนด

syntax : INSERT INTO table_name ( column_name_1, column_name_2, ..., column_name_n ) VALUES ( 'value_1', 'value_2', ..., 'value_n' ); comment : INSERT INTO person ( first_name, last_name ) VALUES ( 'bamboo', 'labcode' );

7


Insert Structure :: การเพมขอมลครงละหลาย record

Subject : การเพมขอมลครงละหลาย record Syntax : INSERT INTO table_name ( column_name_1, column_name_2, ..., column_name_n ) VALUES ( 'value_1', 'value_2', ..., 'value_n' ), ( 'value_1', 'value_2', ..., 'value_n' ), ( 'value_1', 'value_2', ..., 'valuhttp://www.bamboolabcode.com/article/savee_n' ); comment : INSERT INTO person ( first_name, last_name ) VALUES ( 'bamboo', 'labcode' ), ( 'david', 'beckhame' ), ( 'micheal', 'owen' );

Insert Structure :: การเพมขอมลครงละหลาย record

Subject : การเพมขอมลครงละหลาย record syntax : INSERT INTO table_name ( column_name_1, column_name_2, ..., column_name_n ) VALUES ( 'value_1', 'value_2', ..., 'value_n' ), ( 'value_1', 'value_2', ..., 'value_n' ), ( 'value_1', 'value_2', ..., 'valuhttp://www.bamboolabcode.com/article/savee_n' ); comment : INSERT INTO person ( first_name, last_name ) VALUES ( 'bamboo', 'labcode' ), ( 'david', 'beckhame' ), ( 'micheal', 'owen' );

8


Insert Structure :: การเพมขอมล โดยขอมลไดจากการคดลอกมาจากตารางอน

subject : การเพมขอมล โดยขอมลไดจากการคดลอกมาจากตารางอน syntax : INSERT INTO table_name ( column_name_1, column_name_2, ..., column_name_n ) SELECT column_name_1, column_name_2, ..., column_name_n FROM table_name WHERE condition; comment : INSERT INTO customer ( id, customer_name, customer_sex ) select person_id, person_name, person_sex FROM person WHERE person_sex = 'man';

คาสงการเพมขอมลในตารางจะใชคาสง INSERT จะมอย 2 รปแบบคอ การเพมขอมล

เขาไปทละแถว และ การเพมขอมลโดยการดงกลมขอมลดวยคาสงคนหาขอมล

คาสงการเพมขอมลทละแถวโดยระบขอมลทจะ INSERTเขาไปโดยตรง รปแบบของคาสงเปน

ดงน

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

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

INSERT INTO เปนคาสงทตองมทกครงทตองการเพมขอมล

tablename หมายถงชอของตารางทจะทาการเพมขอมล

column 1 หมายถงคอลมนทตองการเพมขอมล

Value1 หมายถงคาตางๆทจะเพมใหกบฟลดนนๆ

9


พารามเตอรคาขอมลนน คอ คาของขอมลทเราจะกาหนด ใหแตละคอลมน โดยเรยง

ตามลาดบทปรากฏในตาราง ซงตองเปนไปตามเงอนไขดงน

คาของขอมลแตละคอลมนตองคนดวยเครองหมาย ,คาของขอมลนนตองมชนดทตรงกน

กบชนดของขอมลของคอลมน

ตวอยาง ถาตองการจะใสขอมลทกคอลมนลงในตารางลกคา

INSERT INTO SALESTAB

VALUES( 1001, “Chaiwat”, “Bangkok”,0.12);

ผลของคาสงน จะมขอมลปรากฏในทกคอลมนในตารางพนกงานขายดงน

SALENO SALENAME ADDRESS SALECOM

1001 Chaiwat Bangkok 0.12

ตวอยาง ถาตองการจะใสขอมลบางคอลมน เชน ชอเมอง Bangkok ชอลกคา Arlee และ

หมายเลขลกคา 2001 ลงในตารางลกคา ใชคาสงดงน

INSERT INTO CUSTOMERSTAB(ADDRESS,CUSNAME,CUSNO)

VALUES( 'Bangkok','Arlee', 2001);

ผลของคาสงในตารางลกคา จะทาใหคอลมน ADDRESS มคาเปน Bangkok คอลมน

CUSNAME จะมคาเปน Arlee คอลมน CUSNO จะมคาเปน 2001ดงน

CUSNO CUSNAME ADDRESS RATING SALENO

2001 Arlee Bangkok

จะเหนวาไมไดใสคาในคอลมน RATING และ SALENO ไว ดงนนทงสองคอลมนนจะ

มคาเปน NULL โดยอตโนมต

10


คาสงการเพมขอมลโดยการดงกลมขอมลดวยคาสงคนหาขอมล ในภาษา SQL สามารถ

ใชคาสง INSERT ในการนาคาหรอหาคาจากตารางหนงแลวไปใสไวในอกตาราหนงได โดยได

คานนมาจากการสอบถามขอมล รปแบบเปนดงน

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

SELECT statement;

INSERT INTO <table name>[(column 1, column 2,…)]

SELECT statement;

INSERT INTO เปนคาสงทตองมทกครงทตองการเพมขอมล

tablename หมายถงชอของตารางทจะทาการเพมขอมล

column 1 หมายถงคอลมนทตองการเพมขอมล

SELECT statement ประโยคคาสง SELECTทตองการขอมลอกตารางหนง

ตวอยาง ถาตองการใสขอมลพนกงานลงในตาราง BANGKOKSTAFF โดยขอมลทจะ

ใสลงไปนนไดมาจากตารางพนกงานขายทอาศยอยใน “Bangkok“

INSERT INTO BANGKOKSTAFF

SELECT *

FROM SALESTAB

WHERE ADDRESS = ‘Bangkok’;

11


ผลของคาสงนจะทาใหไดขอมลพนกงานทอยในเมอง Bangkok ( ADDRESS =

‘Bangkok’) ทงหมดไปใสไวในตาราง BANGKOKSTAFF โดยตาราง BANGKOKSTAFF ได

ถกสรางไวแลวดวยคาสง CREATE TABLE ในการสรางตาราง BANGKOKSTAFF จะตอง

สรางใหม 4 คอลมนและมชนดขอมลตรงกบคอลมนของตารางพนกงานขาย (โดยไมจาเปนตอง

มชอคอลมนเหมอนกน)

12


วธการสรางตารางในฐานขอมล โดยใชNavicat

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

2.ตงชอ Databaseชอ cartoonbookกาหนด Character set เปน utf8 – UTF-8 Unicode และ Collation เปน

utf8_genral_ci เพอใหฐานขอมลรองรบภาษาไทยได

13


3.สรางตารางของฐานขอมล โดยดบเบลคลกไปทฐานขอมลทสรางขน แลวคลกขวาท Table เลอก New table

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

14


5.สราง Fields ชอ member_id เพออางองขอมล และกาหนดคาตางๆดงน

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

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

Decimals กาหนดจานวนหลกตวเลข หลงจดทศนยม (กรณทเลอกฟลดเปนชนดตวเลขทศนยมเทานน

Allow Null ตกถกคอ อนญาตใหฟลดนเปนคาวางได แตถาไมตกกเทากบหามมคาวาง

ชองวาง ก าหนดฟลดเปน ไพรมารคย

6.สราง Fields ตางๆ ตามขอมลทตองการจดเกบลงบนฐานขอมล

15


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

8.หนาตางของตารางฐานขอมล ทสรางขน

16


การเพมขอมลในฐานขอมลดวยภาษา JSP และ SQL

- การสราง Class Beanเพอรบสงขอมล

1. สราง Package ใหมขนมา โดยคลกท Java Resources แลวคลกขวาท srcเขาไปทNew >Package

2.ตงชอ Package ชอ com.model

17


3.สราง Class ในPackagecom.model

4.ตงชอ Class ชอ MembersBean

18


5.ประกาศตวแปรทตองการจะเกบ

6.สราง getters และ setters ขนมา โดยคลกขวาทบรรทดขางลางของการประกาศตวแปร เลอกไปท source >

Generate Getters and Setters

19


7.เลอก Select All เพอ Generate ทกตว

8.หลงจาก Generate เสรจจะไดดงรป

20


- การสราง Class DAO เพอตดตอกบ DataBase

1. สราง Package ใหมตามรป

2.ตงชอ package ชอcom.manager

21


3. สราง class ใน package com.manager

4. ตงชอ class ชอMemberDAO

22


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

6.สรางเมธอด addMembersในคลาส MemberDAOเพอทาหนาท Insert ขอมลไปเกบใน database เมอมการ

เพมขอมล

23


7. การเรยกใช method createConnection()จาก class DBConnect และการเพมการกระทาตามๆทตองการไปเกบใน Database

24


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

1.ประกาศ Object memของ Class MembersBeanเพอเอาไวรบคา และเพอเรยกใชเมธอดหรอตวแปรใน

Class MembersBean

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

25


Code Class MembersBean packagecom.model; publicclassMembersBean { privateintmember_id ; private String member_username; private String member_password ; private String member_firstname ; private String member_lastname ; private String member_sex ; private String member_cartoon[] ; private String member_address ; private String member_county ; private String member_phone ; private String member_email ; private String member_image ;

publicintgetMember_id() { returnmember_id; } publicvoidsetMember_id(intmember_id) { this.member_id = member_id; } public String getMember_username() { returnmember_username; } publicvoidsetMember_username(String member_username) { this.member_username = member_username; } public String getMember_password() { returnmember_password; } publicvoidsetMember_password(String member_password) { this.member_password = member_password; } public String getMember_firstname() { returnmember_firstname; } publicvoidsetMember_firstname(String member_firstname) { this.member_firstname = member_firstname; } public String getMember_lastname() { returnmember_lastname; } publicvoidsetMember_lastname(String member_lastname) { this.member_lastname = member_lastname; } public String getMember_sex() {

26


returnmember_sex; } publicvoidsetMember_sex(String member_sex) { this.member_sex = member_sex; } public String[] getMember_cartoon() { returnmember_cartoon; } publicvoidsetMember_cartoon(String[] member_cartoon) { this.member_cartoon = member_cartoon; } public String getMember_address() { returnmember_address; } publicvoidsetMember_address(String member_address) { this.member_address = member_address; } public String getMember_county() { returnmember_county; } publicvoidsetMember_county(String member_county) { this.member_county = member_county; } public String getMember_phone() { returnmember_phone; } publicvoidsetMember_phone(String member_phone) { this.member_phone = member_phone; } public String getMember_email() { returnmember_email; } publicvoidsetMember_email(String member_email) { this.member_email = member_email; } public String getMember_image() { returnmember_image; } publicvoidsetMember_image(String member_image) { this.member_image = member_image; } }

27


Code Class MemberDAO packagecom.manager;

importjava.sql.ResultSet;

importjava.sql.SQLException;

importjava.sql.Statement;

importcom.controller.DBConnect;

importcom.model.MembersBean;

public class MemberDAO {

staticDBConnectdbc = new DBConnect();

static Statement stmt;

public static booleanaddMembers(MembersBeanmem){

String sql = "INSERT INTO

membersbook(member_username,member_password,member_firstname," +

"member_lastname,member_sex,member_address,member_county," +

"member_phone,member_email,member_image) " +

"VALUES('"+mem.getMember_username()+"','"+mem.getMember_passwo

rd()+"'" +",'"+mem.getMember_firstname()+

"','"+mem.getMember_lastname()+"'"

+",'"+mem.getMember_sex()+"','"+mem.getMember_address()+

"','"+mem.getMember_county()+"'"

+",'"+mem.getMember_phone()+"','"+mem.getMember_email()+

"','"+mem.getMember_image()+"')";

try{

dbc.createConnection();

stmt = dbc.getStatement();

stmt.executeUpdate(sql);

}catch (SQLException ex){

ex.printStackTrace();

return false;

}

return true;

}

}

28


Code Class CartoonBookServlet packagecom.controller;

importjava.io.IOException;

importjavax.servlet.RequestDispatcher;

importjavax.servlet.ServletException;

importjavax.servlet.annotation.WebServlet;

importjavax.servlet.http.HttpServlet;

importjavax.servlet.http.HttpServletRequest;

importjavax.servlet.http.HttpServletResponse;

importcom.manager.MemberDAO;

importcom.model.MembersBean;

/**

* Servlet implementation class CartoonBookServlet

*/

@WebServlet("/CartoonBookServlet")

public class CartoonBookServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

/**

* @see HttpServlet#HttpServlet()

*/

publicCartoonBookServlet() {

super();

// TODO Auto-generated constructor stub

}

/**

* @see HttpServlet#doGet(HttpServletRequest request,

HttpServletResponse response)

*/

protected void doGet(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException {

doPost(request, response);

}

29


/**

* @see HttpServlet#doPost(HttpServletRequest request,

HttpServletResponse response)

*/

protected void doPost(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException {

request.setCharacterEncoding("UTF-8");

String username = request.getParameter("username");

String password = request.getParameter("password");

String firstname = request.getParameter("firstname");

String lastname = request.getParameter("lastname");

String sex = request.getParameter("sex");

String cartoon[] = request.getParameterValues("cartoon");

String address = request.getParameter("address");

String county = request.getParameter("county");

String phone = request.getParameter("phone");

String email = request.getParameter("email");

String image = request.getParameter("image");

String page = "ProfileCartoonBook.jsp";

System.out.println("username"+username);

System.out.println("password"+password);

System.out.println("firstname"+firstname);

System.out.println("lastname"+lastname);

System.out.println("sex"+sex);

System.out.println("cartoon"+cartoon);

System.out.println("address"+address);

System.out.println("county"+county);

System.out.println("phone"+phone);

System.out.println("email"+email);

System.out.println("image"+image);

MembersBeanmem = new MembersBean();

mem.setMember_username(username);

mem.setMember_password(password);

mem.setMember_firstname(firstname);

mem.setMember_lastname(lastname);

mem.setMember_sex(sex);

mem.setMember_cartoon(cartoon);

mem.setMember_address(address);

mem.setMember_county(county);

mem.setMember_phone(phone);

30


mem.setMember_email(email);

mem.setMember_image(image);

MemberDAOmemdao = new MemberDAO();

memdao.addMembers(mem);

RequestDispatcher dispatcher =

request.getRequestDispatcher(page);

if(dispatcher != null){

dispatcher.forward(request, response);

System.out.println("send coeplete");

}

}

}

31


ตวอยางการใชงาน 1. Run ในหนา JSP กรอกขอมลสมครชก

2. เมอกดตกลงแลว ขอมลกจะมาแสดงหนาน และขอมลทงหมดกจะเกบลงในตาราง Databaseดงรป

32


3. ขอมลสมาชกไดเกบลงใน Database เรยบรอยแลว และ member_id กเปนตวเรยงลาดบ

ของสมาชกทเขามาสมครกอนหลง

lesson4 jsp

Documents