基于ＪＳＰ的網(wǎng)上書店銷售系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

胡康秀　王兵賢

[摘 要]本文以MYSQL為數(shù)據(jù)庫開發(fā)平臺(tái)，以Tomcat網(wǎng)絡(luò)信息服務(wù)作為應(yīng)用服務(wù)器，采用JSP(Java Server Pages)技術(shù)開發(fā)了一個(gè)網(wǎng)上書店銷售系統(tǒng)，該系統(tǒng)是一個(gè)動(dòng)態(tài)的、交互式的、具有商品提供功能和系統(tǒng)管理功能的電子商務(wù)系統(tǒng)。

[關(guān)鍵詞]JSP；Tomcat；網(wǎng)上書店銷售系統(tǒng)

[中圖分類號(hào)]F724.6；TP393

[文獻(xiàn)標(biāo)識(shí)碼]A

[文章編號(hào)]1673-0194(2009)05-0106-04

伴隨著電子商務(wù)技術(shù)的不斷成熟，電子商務(wù)的功能也越來越強(qiáng)大，注冊(cè)用戶可以在網(wǎng)上搜索購買到自己想要的各種商品，初步讓人們體會(huì)到了足不出戶，便可隨意購物的快感。網(wǎng)上購物系統(tǒng)是一種具有交互功能的商業(yè)信息系統(tǒng)，它向用戶提供靜態(tài)和動(dòng)態(tài)兩類信息資源，當(dāng)今比較流行的網(wǎng)上購物系統(tǒng)，國(guó)外有“淘寶網(wǎng)”，國(guó)內(nèi)有“當(dāng)當(dāng)網(wǎng)”。本文以MYSQL為數(shù)據(jù)庫開發(fā)平臺(tái)，以Tomcat網(wǎng)絡(luò)信息服務(wù)作為應(yīng)用服務(wù)器，采用基于服務(wù)器端的JSP、Java的組件JavaBean，以及網(wǎng)頁編程語言HTML，構(gòu)建了一個(gè)小型動(dòng)態(tài)商務(wù)網(wǎng)站——網(wǎng)上書店系統(tǒng)。該系統(tǒng)能實(shí)現(xiàn)用戶的注冊(cè)、登錄功能；能夠?qū)崿F(xiàn)圖書的查詢，訂購等功能，基本上具備一個(gè)網(wǎng)上商品銷售系統(tǒng)應(yīng)具備的功能，可以說，目前的大型商務(wù)網(wǎng)站也就是這個(gè)小型網(wǎng)站在內(nèi)容上的擴(kuò)充和重復(fù)。

1 JSP語言及其特點(diǎn)

在傳統(tǒng)的網(wǎng)頁HTML文件(*.htm，*.html)中加入Java程序片段(Scriptlet)和JSP標(biāo)記(tag)，就構(gòu)成了JSP網(wǎng)頁(*.jsp)。Web服務(wù)器在遇到訪問JSP網(wǎng)頁的請(qǐng)求時(shí)，首先執(zhí)行其中的程序片段，然后將執(zhí)行結(jié)果以HTML格式返回給用戶。程序片段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁以及發(fā)送E-mail等^[1]。JSP基于強(qiáng)大的Java語言^[2-4]，具有良好的伸縮性，在網(wǎng)絡(luò)數(shù)據(jù)庫應(yīng)用開發(fā)領(lǐng)域具有得天獨(dú)厚的優(yōu)勢(shì)，而且它在多方面加速了動(dòng)態(tài)Web頁面的開發(fā)，譬如，將內(nèi)容的生成和顯示進(jìn)行分離；強(qiáng)調(diào)可重用的、跨平臺(tái)的組件來執(zhí)行應(yīng)用程序所要求的更為復(fù)雜的處理；采用標(biāo)識(shí)簡(jiǎn)化頁面開發(fā)；擁有Java語言“一次編寫，各處運(yùn)行”的特點(diǎn)等。

2 系統(tǒng)需求分析及總體設(shè)計(jì)

2.1 需求分析

本系統(tǒng)是一個(gè)中小型的電子商務(wù)系統(tǒng)——網(wǎng)上書店，可以為各類用戶提供方便的在線買書環(huán)境。用戶可以在系統(tǒng)中實(shí)現(xiàn)注冊(cè)、瀏覽書籍、搜索查詢書籍、處理訂單等功能；管理員可以通過用戶管理、訂單管理、圖書管理等管理功能來對(duì)系統(tǒng)進(jìn)行維護(hù)更新。

2.2 系統(tǒng)功能模塊設(shè)計(jì)

網(wǎng)上購物系統(tǒng)可以分為前臺(tái)和后臺(tái)兩個(gè)部分(如圖1所示)，前臺(tái)部分由用戶使用(如圖2所示)，主要包括用戶注冊(cè)、生成訂單、購物車管理、查看購物車訂購產(chǎn)品、訂單查詢、搜索引擎等模塊；后臺(tái)部分由管理員使用，主要包括管理員身份驗(yàn)證、圖書管理、處理訂單、用戶信息管理等模塊。

圖上書店系統(tǒng)前臺(tái)功能用戶管理購物車管理訂單管理個(gè)人資料管理搜索引擎后臺(tái)功能管理員身份驗(yàn)證商品管理處理訂單用戶信息管理……

3 系統(tǒng)設(shè)計(jì)

3.1 數(shù)據(jù)庫實(shí)現(xiàn)

創(chuàng)建數(shù)據(jù)表的腳本，代碼如下：

create database if not exists ′bookstore′；

use ′bookstore′；

/*

Table structure for allorder

*/

drop table if exists ′allorder′；

CREATE TABLE ′allorder′ (

′Id′ int(11) NOT NULL auto_increment，

′orderId′ varchar(20) NOT NULL default ″，

′BookNo′ int(11) NOT NULL default ′0′，

′Amount′ int(11) default NULL，

PRIMARY KEY (′Id′)

) ENGINE=MyISAM DEFAULT CHARSET=latin1；

/*

Table structure for book

*/

drop table if exists ′book′；

CREATE TABLE ′book′ (

′Id′ int(11) NOT NULL auto_increment，

用戶登錄在線購書在線

購書查看

購物車修改購買數(shù)量刪除已經(jīng)購的圖書提交購物車清空購物車?yán)^續(xù)購書查看訂

單信息查看訂單詳細(xì)信息圖書

查詢購買購買查看圖書詳細(xì)信息查看圖書

詳細(xì)信息購買

′BookName′ varchar(40) NOT NULL default ″，

′BookClass′ int(11) NOT NULL default ′0′，

′Author′ varchar(25) default NULL，

′Publish′ varchar(150) default NULL，

′BookNo′ varchar(30) default NULL，

′Content′ text，

′Prince′ float default NULL，

′Amount′ int(11) default NULL，

′Leav_number′ int(11) default NULL，

′RegTime′ datetime NOT NULL default ′0000-00-00 00：00：00′，

′picture′ varchar(200) default NULL，

PRIMARY KEY (′Id′)

) ENGINE=MyISAM DEFAULT CHARSET=latin1；

/*

Table structure for bookadmin

*/

drop table if exists ′bookadmin′；

CREATE TABLE ′bookadmin′ (

′AdminUser′ varchar(20) default NULL，

′AdminPass′ varchar(50) default NULL

) ENGINE=MyISAM DEFAULT CHARSET=latin1；

/*

Table structure for bookclass

*/

drop table if exists ′bookclass′；

CREATE TABLE ′bookclass′ (

′Id′ int(11) NOT NULL auto_increment，

′ClassName′ varchar(30) NOT NULL default ″，

PRIMARY KEY (′Id′)

) ENGINE=MyISAM DEFAULT CHARSET=latin1；

/*

Table structure for orders

*/

drop table if exists ′orders′；

CREATE TABLE ′orders′ (

′Id′ int(11) NOT NULL auto_increment，

′orderId′ varchar(20) NOT NULL default ″，

′UserId′ int(11) NOT NULL default '0'，

′SubmitTime′ datetime NOT NULL default ′0000-00-00 00：00：00′，

′ConsignmentTime′ datetime default NULL，

′TotalPrice′ float default NULL，

′content′ text，

′IPAddress′ varchar(20) default NULL，

′IsPayoff′ int(11) default NULL，

′IsSales′ int(11) default NULL，

PRIMARY KEY (′Id′)

) ENGINE=MyISAM DEFAULT CHARSET=latin1；

/*

Table structure for sequence

*/

drop table if exists ′sequence′；

CREATE TABLE ′sequence′ (

′id′ int(11) NOT NULL default ′0′

) ENGINE=MyISAM DEFAULT CHARSET=latin1；

/*

Table structure for shop_user

*/

drop table if exists ′shop_user′；

CREATE TABLE ′shop_user′ (

′Id′ int(11) NOT NULL auto_increment，

′UserName′ varchar(20) NOT NULL default ″，

′PassWord′ varchar(50) NOT NULL default ″，

′Names′ varchar(20) default NULL，

′Sex′ char(2) default NULL，

′Address′ varchar(150) default NULL，

′Phone′ varchar(25) default NULL，

′Post′ varchar(8) default NULL，

′Email′ varchar(50) default NULL，

′RegTime′ datetime default NULL，

′RegIpAddress′ varchar(20) default NULL，

PRIMARY KEY (′Id′)

) ENGINE=MyISAM DEFAULT CHARSET=latin1；

3.2 用JSP連接數(shù)據(jù)庫

在本系統(tǒng)中，需要多次連接數(shù)據(jù)庫，而且這種連接是一項(xiàng)很消耗資源的操作，因此，在本系統(tǒng)中將數(shù)據(jù)庫連接的部分寫成了一個(gè)JavaBean。文件名為DataBase.java，關(guān)鍵代碼如下：

public class DataBase {

public Connection conn；

public Statement stmt；

public ResultSet rs=null；

public String sqlStr=""；

public DataBase() {

this.connect()；

}

public boolean connect(){

try{

Class.forName("com.mysql.jdbc.Driver").newInstance()；

String url ="jdbc：mysql：//localhost/bookstore?useUnicode=true&characterEncoding=gb2312"；

conn=DriverManager.getConnection(url，"root"，"123456")；

stmt = conn.createStatement ()；

}catch(Exception ee){

System.out.println("connect db error："+ee.getMessage())；

return false；

}

return true；

}

public static void main(String args) {

try{

DataBase db = new DataBase()；

db.connect()；

}catch(Exception e){

e.printStackTrace()；

}

}

}

4 系統(tǒng)詳細(xì)設(shè)計(jì)

4.1 前臺(tái)部分

4.1.1 前臺(tái)總體框架

前臺(tái)部分由用戶使用，包括用戶注冊(cè)、購物車管理、訂單管理、圖書查詢等幾個(gè)部分。網(wǎng)站前臺(tái)首頁的運(yùn)行結(jié)果如圖3所示。用戶管理模塊主要包括用戶注冊(cè)、登錄兩個(gè)部分。

(1)用戶注冊(cè)：當(dāng)用戶第一次登錄時(shí)首先要注冊(cè)，成為會(huì)員后，才可以購買物品.用戶可以通過單擊首頁的注冊(cè)按鍵來打開注冊(cè)頁面進(jìn)行會(huì)員注冊(cè)操作，用戶注冊(cè)頁面的運(yùn)行結(jié)果如圖4所示。

為了便于管理網(wǎng)站對(duì)用戶的管理，在index.jsp用戶注冊(cè)頁接收到的注冊(cè)信息要經(jīng)過嚴(yán)格的過濾，保證注冊(cè)用戶的唯一性，在提交表單后需要對(duì)數(shù)據(jù)表中的數(shù)據(jù)進(jìn)行查詢，如果沒有找到，則在插入數(shù)據(jù)表時(shí)提示注冊(cè)成功，否則提示用戶已被占用，請(qǐng)重新注冊(cè)，關(guān)鍵代碼如下：

＜%@ page contentType="text/html；charset=gb2312"%＞

＜%@ page session="true" %＞

＜jsp：useBean id="user" scope="page" class="bookshop.run.op_user" /＞

＜%

String mesg = ""；

String submit = request.getParameter("Submit")；

if (submit!=null && !submit.equals("")) {

boolean isAdd=false；

try{

isAdd=user.add(request) ；

}catch(Exception ex){ex.printStackTrace()；}

if(isAdd){

String username=user.getUserName()；

session.setAttribute("username"，new String(username.getBytes("ISO8859-1")))；

session.setAttribute( "userid"， Long.toString( user.getUserid() ) )；

response.sendRedirect("info.jsp?action=regok")；

} else if (!user.getMessage().equals("")) {

mesg = user.getMessage()；

} else

mesg = "注冊(cè)時(shí)出現(xiàn)錯(cuò)誤，請(qǐng)稍后再試"；

}

%＞

function openScript(url，name， width， height){

var Win = window.open(url，name，'width=' + width + '，height=' + height + '，

resizable=1，scrollbars=yes，menubar=no，status=yes' )；

}

function checkform() {

if (document.form1.username.value==""){

alert("用戶名不能為空")；

document.form1.username.focus()；

return false；

}

if (document.form1.passwd.value==""){

alert("用戶密碼不能為空")；

document.form1.passwd.focus()；

return false；

}

if (document.form1.passwd.value!=document.form1.passconfirm.value){

alert("確認(rèn)密碼不相符!")；

document.form1.passconfirm.focus()；

return false；

}

return true；

}

＜/script＞

用戶登錄窗口設(shè)置在首頁上，主要用來接收用戶輸入的用戶名和密碼，并更新用戶在網(wǎng)站中的狀態(tài)信息，運(yùn)行結(jié)果如圖5所示。首頁主要是根據(jù)保存用戶名信息的Session參數(shù)來判斷用戶是否已經(jīng)登錄，在會(huì)員登錄窗口中單擊登錄按鈕后，系統(tǒng)將對(duì)用戶名和密碼進(jìn)行驗(yàn)證。

4.1.3 購物車模塊

在超市購物，可以根據(jù)自己的需要將很多的物品挑選到購物車(籃)中。而在網(wǎng)上虛擬的購物商城中，通常都會(huì)采用一種被稱作“購物車”的技術(shù)來模擬現(xiàn)實(shí)生活。這種技術(shù)用起來十分方便，不但可以隨時(shí)添加，查看，修改，清空購物車中的內(nèi)容，還可以隨時(shí)去收銀臺(tái)結(jié)賬。

(1)添加購物車。添加購物車就是把用戶選中的圖書放在購物車中。當(dāng)用戶在前臺(tái)首頁中單擊圖書展示區(qū)的“購買”按鈕時(shí)，系統(tǒng)會(huì)將該圖書的詳細(xì)信息展示在查看物品清單頁中(如圖6所示)，用戶在單擊物品清單頁面下方的“放入購物車”鏈接，便可將圖書放入購物車。

(2)查看購物車。為了方便用戶隨時(shí)查看購物情況，在網(wǎng)站的首頁加入了查看購物車鏈接，通過它可以將所選物品信息放入購物車中顯示出來。在程序中使用一組文本框記錄用戶購買的圖書數(shù)量，用戶可以在文本框中輸入想要購買的數(shù)量然后單擊修改按鈕。如果要?jiǎng)h除物品，可以在數(shù)量文本框里輸入“0”，并單擊修改按鈕來更新購物車中圖書的數(shù)量。

(3)生成訂單。生成訂單是網(wǎng)上購物商城的最終目的，前面的所有的功能的實(shí)現(xiàn)都是為最后生成一個(gè)用戶滿意的訂單作基礎(chǔ)，在此要生成一個(gè)可以供用戶隨時(shí)查詢的訂單號(hào)，還要保存用戶訂單中所購買的圖書信息。當(dāng)用戶確認(rèn)對(duì)購物車不再改變后，就可以到收銀臺(tái)結(jié)賬并生成訂單。結(jié)賬的流程是：從購物車中讀取圖書名稱、圖書數(shù)量、圖書價(jià)格信息，生成唯一的一個(gè)訂單號(hào)，同時(shí)也把用戶注冊(cè)的基本信息讀取出來，形成一個(gè)完整的訂單寫入數(shù)據(jù)庫中。

4.1.4 訂單查詢模塊

用戶提交訂單后，通常產(chǎn)生的訂單號(hào)查詢信息及執(zhí)行狀態(tài)。用戶在網(wǎng)站首頁中單擊“訂單信息”，系統(tǒng)將轉(zhuǎn)到訂單查詢顯示頁面，如圖7所示。

4.2 后臺(tái)總體框架

后臺(tái)功能只允許具有管理員權(quán)限的用戶使用，它是實(shí)現(xiàn)前臺(tái)功能的基礎(chǔ)。主要由管理員身份驗(yàn)證、訂單信息管理模塊、添加圖書模塊、查詢用戶信息管理模塊等組成。網(wǎng)站后臺(tái)首頁運(yùn)行結(jié)果，如圖8所示。

在前臺(tái)首頁單擊管理員入口，將轉(zhuǎn)到管理員登錄頁面。該頁面的功能是對(duì)管理員身份驗(yàn)證，用戶輸入用戶名和密碼后單擊“登錄”按鍵，系統(tǒng)將判斷用戶名和密碼的有效性，如果通過驗(yàn)證則轉(zhuǎn)到后臺(tái)首頁，反之則提示錯(cuò)誤。

另外，管理員可以在后臺(tái)單擊導(dǎo)航區(qū)的“添加新圖書”超鏈接來添加新的圖書信息，為了減少錯(cuò)誤，在提交圖書信息時(shí)，需要對(duì)數(shù)據(jù)的合法性進(jìn)行驗(yàn)證，輸入的圖書價(jià)格不能是空字符型，而輸入的圖片只支持Gif格式等，這些任務(wù)可以用Bean來實(shí)現(xiàn)，也可以用腳本語言Javascript編寫。為了確保信息在數(shù)據(jù)表中的唯一性，在用戶提交表單時(shí)，需要先根據(jù)用戶輸入的圖書名稱對(duì)數(shù)據(jù)表進(jìn)行查詢，確保此圖書在數(shù)據(jù)表中不存在后，方可進(jìn)行添加操作。

值得一提的是，用戶在前臺(tái)購物所產(chǎn)生的訂單不能立即執(zhí)行，需要系統(tǒng)管理員在后臺(tái)訂單信息管理中審核確認(rèn)其可執(zhí)行性。用戶單擊導(dǎo)航欄中的“訂單管理”超鏈接進(jìn)入用戶訂單處理頁面，該頁面顯示近期未被處理的訂單，用戶訂單處理頁面顯示的是用戶的基本信息。要知道訂單中所涉及的圖書，需要單擊對(duì)應(yīng)的訂單號(hào)的超鏈接打開圖書訂購詳單頁才行。圖書訂購詳單主要通過提交的訂單號(hào)從tb-shop表中查詢出對(duì)應(yīng)的圖書顯示在頁面中，管理員審核后可通過復(fù)選框來設(shè)置訂單是否執(zhí)行。管理員可以在用戶信息模塊完成對(duì)注冊(cè)用戶的瀏覽及刪除功能。如果用戶蓄意性注冊(cè)或在很長(zhǎng)的時(shí)間內(nèi)沒有訂單生成，管理員就可以將該用戶刪除。單擊導(dǎo)航欄中的“查詢用戶信息”超鏈接進(jìn)入用戶信息頁面，對(duì)于一些失信的用戶只需要單擊右側(cè)的“刪除”超鏈接，即可轉(zhuǎn)到刪除頁面中做刪除處理。

5 結(jié)束語

本文所設(shè)計(jì)的網(wǎng)上書店系統(tǒng)基本完成了要求的各項(xiàng)基本功能，但也有一些不完善和亟待改進(jìn)之處，如安全性能還不完善，缺少必要的數(shù)據(jù)加密系統(tǒng)等，這些功能與技術(shù)將另文討論。網(wǎng)上購物系統(tǒng)無論是在開發(fā)過程中，還是建成后的日常維護(hù)過程中，都需要進(jìn)行嚴(yán)格的檢測(cè)，以保證購物系統(tǒng)的服務(wù)質(zhì)量。隨著網(wǎng)上購物系統(tǒng)技術(shù)的日趨成熟，網(wǎng)上購物的優(yōu)勢(shì)日趨明顯，會(huì)有更多的人參與到網(wǎng)上購物的浪潮中來。

主要參考文獻(xiàn)

[1]Phil Hanna.JSP技術(shù)大全[M].北京：機(jī)械工業(yè)出版社，2002.

[2]Steven Holzner.Java技術(shù)內(nèi)幕[M].北京：機(jī)械工業(yè)出版社，2002.

[3]Karl Moss.Java Servlet開發(fā)人員指南[M].北京：清華大學(xué)出版社，2002.

[4]Herbert Schildt，James Holmes.Java編程藝術(shù)[M].鄧勁生，譯.北京：清華大學(xué)出版社，2004.