【導(dǎo)讀】1．綜述網(wǎng)上在圖書商城的現(xiàn)實(shí)需求以及發(fā)展環(huán)境；2．深入了解開發(fā)網(wǎng)上在圖書商城的相關(guān)技術(shù)；5．測(cè)試各個(gè)功能并實(shí)現(xiàn)整個(gè)系統(tǒng)測(cè)試；6．訓(xùn)練檢索文獻(xiàn)資料和利用文獻(xiàn)資料的能力；7．訓(xùn)練撰寫技術(shù)文檔與學(xué)位論文的能力。4．簡(jiǎn)述網(wǎng)上在圖書商城的工作流程；1．內(nèi)容完整、層次清晰、敘述流暢、排版規(guī)范的畢業(yè)設(shè)計(jì)論文；2．包括畢業(yè)設(shè)計(jì)論文、源程序等內(nèi)容在內(nèi)的畢業(yè)設(shè)計(jì)電子文檔及其它相關(guān)材料。[2]湛寧,呂爭(zhēng).Spring框架在J2EE中的應(yīng)用[J].科技信息(科學(xué)教研，[6]孫衛(wèi)琴，李洪成.Tomcat與JSPWeb開發(fā)技術(shù)詳解[M]．電子工業(yè)出版社，[7]陳志泊.數(shù)據(jù)庫原理及應(yīng)用教程[M].北京：人民郵電出版社，2020.隨著Inter的迅速發(fā)展，電子商務(wù)已經(jīng)是全球經(jīng)濟(jì)重要的組成部分。與此同時(shí)，在現(xiàn)代人類節(jié)奏緊湊的。生活中，去實(shí)體店購書成為了一件麻煩的事情，人們就更加向往著去網(wǎng)上購書。網(wǎng)上圖書商城的經(jīng)營成本低，用戶檢索方便，有效地縮短了圖書購買所。需的時(shí)間，網(wǎng)上購書的發(fā)展前景勢(shì)不可擋。

　　

【正文】 TRAINT `FK_t_cartitem_t_user` FOREIGN KEY (`uid`) REFERENCES `t_user` (`uid`) ) ENGINE=InnoDB AUTO_INCREMENT=12 DEFAULT CHARSET=utf8。 圖書分類 表創(chuàng)建 CREATE TABLE `t_category` ( `cid` char(32) NOT NULL, `ame` varchar(50) DEFAULT NULL, `pid` char(32) DEFAULT NULL, `desc` varchar(100) DEFAULT NULL, `orderBy` int(11) NOT NULL AUTO_INCREMENT, PRIMARY KEY (`cid`), UNIQUE KEY `ame` (`ame`), KEY `FK_t_category_t_category` (`pid`), KEY `orderBy` (`orderBy`), CONSTRAINT `FK_t_category_t_category` FOREIGN KEY (`pid`) REFERENCES `t_category` (`cid`) ) ENGINE=InnoDB AUTO_INCREMENT=48 DEFAULT CHARSET=utf8。 訂單表創(chuàng)建 /*Table structure for table `t_order` */ DROP TABLE IF EXISTS `t_order`。 CREATE TABLE `t_order` ( `oid` char(32) NOT NULL, `ordertime` char(19) DEFAULT NULL, `total` decimal(10,2) DEFAULT NULL, `status` int(11) DEFAULT NULL, `address` varchar(1000) DEFAULT NULL, `uid` char(32) DEFAULT NULL, PRIMARY KEY (`oid`), KEY `FK_t_order_t_user` (`uid`), CONSTRAINT `FK_t_order_t_user` FOREIGN KEY (`uid`) REFERENCES `t_user` (`uid`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8。 訂單項(xiàng)表創(chuàng)建 /*Table structure for table `t_orderitem` */ DROP TABLE IF EXISTS `t_orderitem`。 CREATE TABLE `t_orderitem` ( `orderItemId` char(32) NOT NULL, `quantity` int(11) DEFAULT NULL, `subtotal` decimal(8,2) DEFAULT NULL, `bid` char(32) DEFAULT NULL, `bname` varchar(200) DEFAULT NULL, `currPrice` decimal(8,2) DEFAULT NULL, `image_b` varchar(100) DEFAULT NULL, `oid` char(32) DEFAULT NULL, PRIMARY KEY (`orderItemId`), KEY `FK_t_orderitem_t_order` (`oid`), CONSTRAINT `FK_t_orderitem_t_order` FOREIGN KEY (`oid`) REFERENCES `t_order` (`oid`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8。 用戶表創(chuàng)建 /*Table structure for table `t_user` */ DROP TABLE IF EXISTS `t_user`。 CREATE TABLE `t_user` ( `uid` char(32) NOT NULL, `loginname` varchar(50) DEFAULT NULL, `loginpwd` varchar(50) DEFAULT NULL, `` varchar(50) DEFAULT NULL, `status` tinyint(1) DEFAULT NULL, `activationCode` char(64) DEFAULT NULL, PRIMARY KEY (`uid`), UNIQUE KEY `loginname` (`loginname`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8。 普通用戶部分 網(wǎng)上在線圖書商城的整個(gè)前臺(tái)部分是供用戶瀏覽、選購圖書的部分，一個(gè)好的網(wǎng)站的前臺(tái)部分一定非常精美，非常有條理，因此，前臺(tái)的設(shè)計(jì)主要把握 3 點(diǎn)：簡(jiǎn)明扼要、條理清晰、 層次分明。下面是我的網(wǎng)上在線圖書商城系統(tǒng)的普通用戶的設(shè)計(jì)與實(shí)現(xiàn)。 普通用戶功能模塊圖如圖 48。 圖 48普通用戶功能模塊 首頁設(shè)計(jì) 首頁模塊包括 3 個(gè)主要的部分，采用內(nèi)嵌框架技術(shù)。位置分別為上、左、中。 如圖49 所示 。 圖 49 首頁界面 ① 上部的實(shí)現(xiàn) 上部包含兩大部分內(nèi)容：（ 1）網(wǎng)站標(biāo)題；（ 2）菜單。 菜單部分就是一系列的超鏈接，用戶在未登錄時(shí)看到的是“登錄”和“注冊(cè)”鏈接；在登錄后看到的是“我的購物車”、“我的訂單”、“修改密碼”、“退出”超鏈接，以 及當(dāng)前用戶名稱。 ② 左部的實(shí)現(xiàn) 左部顯示所有分類，包含所有 1 級(jí)、 2 級(jí)分類。左部使用了 Javascript 的 Q6Menu組件來完成顯示所有分類。當(dāng)用戶點(diǎn)擊某個(gè) 1 級(jí)分類名稱時(shí)會(huì)展示當(dāng)前 1 級(jí)分類的所有2 級(jí)分類。 ③ 中部的實(shí)現(xiàn) 中部是網(wǎng)站的骨干，點(diǎn)擊任何超鏈接都會(huì)在中部顯示。默認(rèn)只是使用純文本顯示歡迎信息。 核心代碼如下 ： !DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN html head title在線書城 /title meta equiv=pragma content=nocache meta equiv=cachecontrol content=nocache meta equiv=expires content=0 meta equiv=contenttype content=text/html。charset=utf8 link rel=stylesheet type=text/css href=c:url value=39。/jsps/css/39。/ /head body table class=table align=center tr class=trTop td colspan=2 class=tdTop iframe frameborder=0 src=c:url value=39。/jsps/39。/ name=top/iframe /td 開 始進(jìn) 入 注 冊(cè) 頁 面輸 入 注 冊(cè) 數(shù)據(jù)注 冊(cè) 成 功是否激 活結(jié) 束 /tr tr td class=tdLeft rowspan=2 iframe frameborder=0 src=c:url value=39。/CategoryServlet?method=findAll39。/ name=left/iframe /td td class=tdSearch style=borderbottomwidth: 0px。 iframe frameborder=0 src=c:url value=39。/jsps/39。/ name=search/iframe /td /tr tr td style=bordertopwidth: 0px。 iframe frameborder=0 src=c:url value=39。/jsps/39。/ name=body/iframe /td /tr /table /body /html 用戶模塊 用戶模塊主要實(shí)現(xiàn)用戶注冊(cè) 、 用戶登錄 、 修改當(dāng)前用戶密碼 、 以及退出等功能 。 （ 1）用戶注冊(cè) 注冊(cè)用戶是構(gòu)成網(wǎng)站主體的一個(gè)重要組成部分，網(wǎng)站設(shè)置注冊(cè)用戶的目的之一在于方便網(wǎng)站信息的管理。 功能流程圖如圖 410 圖 410 注冊(cè)功能 流程圖 用戶在登錄之前需要先進(jìn)行注冊(cè)，在首頁中點(diǎn)擊“注冊(cè)”鏈接就可以到達(dá)注冊(cè)頁面，如圖 411。 圖 411 注冊(cè)頁面 ① 表單校驗(yàn) 注冊(cè)頁面使用 JQuery 對(duì)用戶輸入的數(shù)據(jù)進(jìn)行校驗(yàn)，表單校驗(yàn)中，用戶名是否被注冊(cè)過、 Email 是否被注冊(cè)過、驗(yàn)證碼是否正確這三項(xiàng)都需要請(qǐng)求服務(wù)器，所以這里使用 開 始進(jìn) 入 登 錄 頁 面輸 入 用 戶 名和 密 碼登 錄 成 功否圖 書 分 類 首 頁是結(jié) 束的是 JQuery 的 ajax()來完成對(duì)服務(wù)器的訪問。 核心代碼如下 ： Admin form = ((), )。 Admin admin = (form)。 if(admin == null) { (msg, 用戶名或密碼錯(cuò)誤！ )。 return /adminjsps/。} ().setAttribute(admin, admin)。 return r:/adminjsps/admin/。 ② 激活 當(dāng)用戶注冊(cè)成功后還需要激活成功后才能登錄。在注冊(cè)成功后，系統(tǒng)給用戶的郵箱發(fā)送一份激活郵件。當(dāng)用戶登錄自己的郵箱后，在激活郵件中點(diǎn)擊激活鏈接完成激活后，才可以去登錄。 核心代碼如下 ： (activationCode)。 (msg, 恭喜，激活成功！請(qǐng)馬上登陸。 )。 (code, success)。 //通知 顯示對(duì)號(hào) （ 2）用戶登錄 用戶登錄的功能流程圖如圖 412。 圖 412 登錄功能流程圖 在首頁點(diǎn)擊“登錄”鏈接就可以來到登錄頁面，如圖 413。 圖 413登錄頁面 ① 表單校驗(yàn) 登錄表單校驗(yàn)使用的 JQuery 完成，其中用戶名是否存在，以及驗(yàn)證碼是否正確需要使用 JQuery 的 ajax()向服務(wù)器發(fā)送異步請(qǐng)求。 ② 登錄成功 用戶登錄成功后，會(huì)回到首頁。這時(shí)在首頁會(huì)顯示當(dāng)前用戶的名稱，以及“我的購物車”、“我的訂單”、“修改密碼”、“退出”鏈接。也就是說，這幾個(gè)功能只能登錄用戶才能使用，而游客是無法使用的。 （ 3） 修改當(dāng)前用戶密碼 用戶在登錄成功后，點(diǎn)擊修改密碼鏈接就會(huì)到達(dá)修改密碼頁面，如圖 414。 圖 414 修改密碼頁面 表單校驗(yàn)使用 JQuery 完成。其中原密碼和驗(yàn)證碼是否正確，需要異步訪問服務(wù)器，這里使用的是 JQuery 的 ajax()完成的。 核心代碼如下 ： ((),(), ())。 (msg, 修改密碼成功！ )。 (code, success)。 return f:/jsps/。 （ 4）退出 當(dāng)用戶登錄后，點(diǎn)擊退出鏈接可以完成退出。退出成功后會(huì)到達(dá)登錄頁面。 圖書模塊 （ 1）圖書列表 在首頁左部點(diǎn)擊某個(gè) 2 級(jí)分類，會(huì)在首頁的中部顯示圖書列表頁面 。圖書列表使用分頁顯示，如圖 415。 圖 415 搜索頁面 可以在圖書列表上方輸入關(guān)鍵字進(jìn)行搜索。 （ 2）圖書詳細(xì) 點(diǎn)擊某本圖書，會(huì)到達(dá)圖書詳細(xì)頁面， 詳細(xì)頁面見圖 416。 圖 416圖書詳細(xì)信息頁面 （ 3）高級(jí)搜索 在圖書列表頁面點(diǎn)擊高級(jí)搜索到達(dá)搜索頁面，如圖 417。 圖 417 高級(jí)搜索頁面 高級(jí)搜索有三個(gè)條件：書名、作者、出版社，三個(gè)條件的關(guān)系是并列的。而且三個(gè)條件都是模糊查詢。 核心代碼如下 ： ListExpression exprList = new ArrayListExpression()。 (new Expression(bname, like, % + () + %))。 (new Expression(author, like, % + () + %))。 (new Expression(press, like, % + () + %))。