【正文】 成易懂并且美觀的外表展示給大家。瀏覽者登陸網(wǎng)站后看到的就是一個個網(wǎng)頁的組合。所以設(shè)計(jì)和實(shí)現(xiàn)每一個網(wǎng)頁也是非常重要的工作。隨著科技的高速發(fā)展，眾多網(wǎng)頁制作的應(yīng)用軟件應(yīng)運(yùn)而生。相對于傳統(tǒng)的動態(tài)網(wǎng)頁開發(fā)工具而言，由于繼承了 Java 語言的許多優(yōu)點(diǎn)，用 JSP 開發(fā)動態(tài)網(wǎng)站十分方便，開發(fā)效率較高。此外，JSP 還具有強(qiáng)大的組件（Java Bean）支持功能，可以方便地實(shí)現(xiàn)組件復(fù)用，進(jìn)一步提高了開發(fā)效率。在整個網(wǎng)頁的制作過程中，都是結(jié)合使用 HTML 語言來實(shí)現(xiàn)設(shè)計(jì)的。系統(tǒng)的頁面設(shè)計(jì)決定了網(wǎng)站的風(fēng)格, 制作好的網(wǎng)站不僅提供給營銷商，更多的要供瀏覽者瀏覽。所以整個網(wǎng)站系統(tǒng)應(yīng)注重的是：易導(dǎo)航性、易操作性和友好的交互界面。因此，網(wǎng)站的設(shè)計(jì)最好要簡潔、明了、格調(diào)清新、實(shí)用、易于使用和維護(hù)。在頁面的風(fēng)格上應(yīng)保持統(tǒng)一，這里采用 CSS 樣式表將所有頁面的字體、字號、顏色以及超鏈接的樣式做統(tǒng)一定義。 前臺功能模塊的實(shí)現(xiàn)整個系統(tǒng)分為了前臺功能模塊和后臺功能模塊。下面詳細(xì)討論主要的幾個功能模塊的程序?qū)崿F(xiàn)。在每個模塊的介紹中，將具體說明一些涉及要點(diǎn)。前臺功能模塊分為用戶管理模塊、訂單查詢模塊、購物車模塊、修改個人資料模塊、留言板模塊 5 個部分。前臺首頁主要有以下幾個部分：（1）網(wǎng)站導(dǎo)航：主要用戶顯示網(wǎng)站的旗幟廣告、各功能模塊導(dǎo)航；（2）用戶登錄：用戶在此注冊、登錄或找回密碼；（3）商品分類搜索：用戶按商品類別進(jìn)行搜索顯示；（4）銷售排行榜：按照商品的銷售數(shù)量顯示銷售排行信息；（5）商品展示區(qū)：按后臺添加商品的時間順序展示商品；（6）友情鏈接：顯示友情鏈接信息；（7）后臺登錄入口：管理員可以通過該入口登錄后臺。首頁運(yùn)行結(jié)果如圖 所示。圖 首頁運(yùn)行結(jié)果 用戶管理模塊用戶管理模塊主要實(shí)現(xiàn)用戶的注冊、登錄、找回密碼等功能。 用戶注冊當(dāng)用戶第一次登錄時首先要在網(wǎng)站上注冊，成為會員用戶才可以在網(wǎng)站上購物，注冊頁面必須填寫一些用戶的基本信息，如用戶名、密碼、聯(lián)系電話等信息。要注意的是，在用戶注冊頁面 user/ 中用戶自定義 JavaScript 檢驗(yàn)用戶注冊信息不允許為空。用戶注冊頁面 user/ 如圖 所示。圖 用戶注冊頁面運(yùn)行結(jié)果為了便于網(wǎng)站對用戶的管理，在 用戶注冊頁面接收到的注冊信息要經(jīng)過嚴(yán)格的過濾，保證注冊用戶名的唯一性，在提交表單后需要對數(shù)據(jù)表中的數(shù)據(jù)進(jìn)行查詢，如果沒有找到，則在插入數(shù)據(jù)表時提示注冊成功，否則提示此用戶已被占用請重新注冊。用戶注冊的流程圖如圖 所示。開 始否是是結(jié) 束接收注冊信息數(shù)據(jù)是否為空兩次密碼是否一致查詢數(shù)據(jù)庫用戶名是否被占用是否否注冊成功注冊失敗圖 用戶注冊系統(tǒng)流程圖用戶登錄用戶登錄窗口設(shè)置在首頁上，主要用來接收用戶錄入的用戶名及密碼。單擊“注冊”按鈕時，會提交到 user/ 頁面執(zhí)行；單擊“登錄”按鈕時，系統(tǒng)將對輸入的用戶名和密碼進(jìn)行驗(yàn)證，如果數(shù)據(jù)表中用戶名和密碼存在就顯示登陸成功，并返回首頁，否則彈出錯誤提示信息。用戶登錄的流程圖如圖 所示。開 始結(jié) 束接收登錄信息查詢數(shù)據(jù)庫數(shù)據(jù)是否正確否是登錄失敗登錄成功圖 用戶登錄系統(tǒng)流程圖找回密碼當(dāng)密碼以外丟失會給用戶帶來不必要的麻煩，重新注冊一個新的用戶即浪費(fèi)了時間，也浪費(fèi)網(wǎng)站的資源，如果用戶只記住自己注冊的用戶名及電子郵箱名并提供密碼提示的問題和答案就可以找回密碼。找回密碼頁面 user/如圖 所示。圖 找回密碼頁面運(yùn)行結(jié)果用戶單擊“查找”按鈕，系統(tǒng)會將傷表中所示的數(shù)據(jù)表單提交到user/ 中。user/ 頁用來驗(yàn)證提交過來的四個條件是否完全符合數(shù)據(jù)庫中的查找條件，只有符合才能顯示密碼結(jié)果，否則彈出“你輸入信息有誤”的提示對話框。 用戶資料修改模塊用戶資料修改時為用戶更改個人信息所提供的窗口，用戶只有登錄網(wǎng)頁后才有權(quán)限修改個人資料信息。用戶資料修改模塊在前臺主頁的導(dǎo)航條上，單擊“修改資料”鏈接，進(jìn)入用戶資料修改頁面，該頁面主要用戶修改用戶信息。用戶資料修改頁面如圖 所示。圖 用戶資料修改頁面運(yùn)行結(jié)果個人信息修改完畢后，要將修改后的數(shù)據(jù)信息更新到注冊數(shù)據(jù)表中，單擊“修改”按鈕，如果提交的數(shù)據(jù)無誤，將彈出“數(shù)據(jù)更新成功”的消息對話框；否則將彈出“更新失敗”的消息對話框。用戶資料修改模塊流程圖如圖 所示。開 始結(jié) 束接收修改資料信息將信息更新到數(shù)據(jù)庫中更新是否成功否是修改失敗修改成功圖 用戶資料修改模塊流程圖 購物車模塊購物車模塊中，主要包含以下幾個功能，即：添加購物車、查看購物車、生成訂單和清空購物車。購物車頁運(yùn)行結(jié)果如圖 所示。圖 購物車頁面運(yùn)行結(jié)果 添加購物車添加購物車就是把用戶選中的商品暫時存放在購物車中，當(dāng)用戶在前臺首頁中單擊商品展示區(qū)的“購買”按鈕時，系統(tǒng)會將該商品的詳細(xì)信息展示在查看物品清單頁面中。用戶在單擊物品清單頁面下方的“放入購物車”鏈接，便可以將該商品放入購物車中。添加商品的代碼流程是從 session 中讀取 shop 對象，如果為空則說明還沒有進(jìn)行購物或者已經(jīng)清空了購物車，需要新建購物車對象；將商品名稱與購物車列表中的商品名稱對比，如果已經(jīng)存在，則把商品數(shù)量加 1。在這段代碼流程中，還使用了集合類型。集合類型在 Java 中又稱為向量，是一元集合，可以加入重復(fù)數(shù)據(jù)，它的作用和數(shù)組相同，可以保存一系列數(shù)據(jù)，但集合類型也有它獨(dú)特的優(yōu)點(diǎn)，就是可以方便地對集合內(nèi)的數(shù)據(jù)進(jìn)行查找、增加、刪除和修改等操作。 查看購物車為了方便用戶隨時查看購物情況，在網(wǎng)站的首頁加入了查看購物車的鏈接，通過它可以將用戶所有選中的商品信息放入購物車中顯示出來。在程序中使用了一組文本框記錄用戶購買的商品數(shù)量，用戶可以在文本框中輸入想要購買的數(shù)量然購單擊“修改”按鈕。如果欲刪除該商品，可以在數(shù)量文本框里輸入“0”，并需要單擊“修改”按鈕來更新購物車中商品的數(shù)量。系統(tǒng)每次只會將 1 個商品放入購物車中，如果用戶需要多個同種商品，可以通過修改商品信息右側(cè)相應(yīng)文本框的值來完成。操作完成后需要通過單擊“修改”按鈕來保存操作。 生成訂單生成訂單時網(wǎng)上購物商城的最終目的，前面所有功能的實(shí)現(xiàn)都是為最后生成一個用戶滿意的訂單作基礎(chǔ)，在此要生成一個可供用戶隨時查詢的訂單號，還要保存用戶訂單中所購買的商品信息。當(dāng)用戶確認(rèn)對購物車不再改變以后，就可以到收銀臺結(jié)帳并生成訂單。結(jié)帳的流程為：從購物車中讀取商品名稱，商品數(shù)量，商品價(jià)格信息，生成一個唯一的訂單號，同時也把用戶注冊的基本信息讀取出來，形成一個完整的訂單寫入數(shù)據(jù)庫。在生成訂單模塊中主要使用了調(diào)出用戶信息并生成唯一訂單號，調(diào)出用戶信息就是完全的對數(shù)據(jù)庫進(jìn)行操作，利用 session 對象把登錄后的用戶名保存起來，在訂單生成時把保存的用戶名從數(shù)據(jù)庫的用戶標(biāo)中取出即可；生成唯一訂單號方法有很多，只要確保訂單號碼的唯一性及方便用戶記錄以便于查詢自己訂單的執(zhí)行狀態(tài)即可。訂單生成后，用戶單擊“提交”按鈕，便可以將錄入的訂單信息保存到數(shù)據(jù)庫中。 清空購物車清空購物車是指當(dāng)用戶訂單生成后，倘若還想繼續(xù)購物一定要清空購物車再進(jìn)行選購商品，這樣防止重復(fù)購物，其實(shí)清空購物車實(shí)現(xiàn)起來非常簡單，只需要將 session 中存儲的 shop 對象清空即可。購物車模塊流程圖如圖 所示。開 始查詢數(shù)據(jù)庫數(shù)據(jù)是否存在顯示商品的信息是是否放入購物車購物車是否為空是沒有該商品否否購物車中已存在該商品新建購物車該商品數(shù)量加 1將商品添加入購物車是否顯示購物車信息是否修改商品數(shù)量否是否清空購物車是刪除購物車中商品是是否繼續(xù)購物否是否去收銀臺接收填寫的訂單信息數(shù)據(jù)是否為空訂單信息存入數(shù)據(jù)庫更新是否成功是否是否是修改商品數(shù)量是結(jié) 束否否否圖 購物車模塊流程圖 訂單查詢模塊用戶提交訂單后，通過產(chǎn)生的訂單號查詢訂單信息及執(zhí)行狀態(tài)。用戶在購物中心首頁中單擊“訂單查詢”超鏈接，就可以進(jìn)入輸入訂單號頁面，在頁面的文本框中輸入訂單號并單擊“提交”按鈕，如果訂單號輸入無誤，系統(tǒng)將根據(jù)用戶錄入的訂單號在數(shù)據(jù)表中查詢處對應(yīng)的貨品信息并轉(zhuǎn)到訂單查詢顯示頁面將貨品信息顯示出來。訂單查詢模塊流程圖如圖 所示。開 始結(jié) 束接收訂單號信息查詢數(shù)據(jù)庫訂單號是否存在否是顯示出訂單信息無該訂單號圖 訂單查詢模塊流程圖 留言板模塊留言板模塊由瀏覽留言板和添加留言板兩部分組成。下面分別對這兩部分進(jìn)行介紹。瀏覽留言板單擊網(wǎng)站首頁的“留言板”超鏈接進(jìn)入留言板頁面，在該頁面中，主要顯示用戶所填寫的留言，以便其他用戶查閱。留言板中顯示的數(shù)據(jù)是從數(shù)據(jù)表中檢索出來并顯示在網(wǎng)頁中的，為了方便查看網(wǎng)頁信息，使用了分頁顯示功能。對網(wǎng)頁進(jìn)行分頁顯示首先要確定記錄跨度，就是每頁所顯示的記錄數(shù)，在這個網(wǎng)站的留言板中，設(shè)定了 int pagesize=4，即每頁中只允許顯示 4 條留言信息，用戶可以通過單擊“上一頁” 、“下一頁” 、 “最后一頁” 、 “第一頁”或則從文本框中鍵入一個數(shù)值跳轉(zhuǎn)到相應(yīng)頁瀏覽留言信息。記錄的總條數(shù)可以從數(shù)據(jù)庫中通過查詢語句 ()。rowcount= 得到，而計(jì)算總頁數(shù)時，根據(jù)總頁數(shù)=總記錄數(shù)/跨度，如果除不盡就加 1 的原理，設(shè)計(jì)代碼為：pagecount=((rowcount%pagesize)==0?(rowcount/pagesize)。(rowcount/pagesize)+1)。如果獲取文本框中的數(shù)據(jù)不為空就把它轉(zhuǎn)換成整型數(shù)據(jù)，然后賦值給當(dāng)前獲取頁再做進(jìn)一步判斷；如果獲取的頁數(shù)大于總頁數(shù)就把總頁數(shù)賦給獲取頁數(shù)，否則就把獲取頁數(shù)值賦為 1。而計(jì)算當(dāng)前記錄數(shù)時，當(dāng)前記錄數(shù)=（獲取頁數(shù)1）*跨度+1 。代碼如下所示。int showpage=1。if(topage!=null){ showpage=(topage)。if(showpagepagecount){showpage=pagecount。}else if(showpage=0){showpage=1。} }((showpage1)*pagesize+1)。有了以上這幾個關(guān)鍵變量，網(wǎng)頁分頁顯示功能基本上已經(jīng)實(shí)現(xiàn)了，下一步就是在當(dāng)前記錄數(shù)位置開始循環(huán)，當(dāng)數(shù)據(jù)庫沒有記錄的時候一定要終止循環(huán)程序。代碼如下：for(int i=1。i=pagesize。i++){…… if(!())break。 }添加留言添加留言是用戶與用戶，以及用戶與網(wǎng)站之間的一種交流模式，只有把用戶想要表達(dá)的內(nèi)容添加至數(shù)據(jù)庫中，才能在瀏覽留言板中進(jìn)行顯示。用戶在留言板中單擊“添加留言”超鏈接就可以打開添加留言頁面，該頁面主要用來提交用戶輸入的留言信息。用戶在添加留言頁中單擊“提交”按鈕，系統(tǒng)會將數(shù)據(jù)表單提交到 admin/ 頁，該頁用來實(shí)現(xiàn)江留言內(nèi)容存入到數(shù)據(jù)庫中。留言板模塊的流程圖如圖 所示。開 始結(jié) 束接收添加的留言信息信息存入數(shù)據(jù)庫數(shù)據(jù)是否為空是否添加留言成功存放是否成功是否添加留言失敗查詢數(shù)據(jù)庫數(shù)據(jù)庫是否為空是否顯示留言信息留言板中沒有信息圖 留言板模塊流程圖 后臺功能模塊的實(shí)現(xiàn)后臺功能只允許具有管理員權(quán)限的用戶使用，它是實(shí)現(xiàn)前臺功能的基礎(chǔ)。后臺包括管理員身份驗(yàn)證、添加商品模塊、訂單信息管理模塊、查詢用戶信息管理模塊、添加鏈接模塊、公告信息管理模塊。后臺首頁主要有以下幾個部分。（1）后臺導(dǎo)航區(qū)：放置管理員可操作項(xiàng)目的鏈接；（2）操作區(qū)：顯示所有后臺導(dǎo)航的鏈接信息。 管理員登錄模塊在前臺首頁單擊管理員入口，將轉(zhuǎn)到管理員登錄頁面，該頁面的功能是對管理員身份進(jìn)行驗(yàn)證。在管理登錄頁面中，是通過 JavaScript 來實(shí)現(xiàn)錄入數(shù)據(jù)完整性驗(yàn)證的。用戶輸入登錄 ID 和密碼后單擊“登錄”按鈕時，如果錄入數(shù)據(jù)完整性驗(yàn)證通過，系統(tǒng)會將數(shù)據(jù)提交到 登錄頁面，該頁面用來判斷輸入信息在數(shù)據(jù)庫中 tb_Admin 表是否存在提交的用戶名和密碼，如果登錄 ID及密碼有效，就保存用戶名信息，管理員有權(quán)對網(wǎng)站進(jìn)行維護(hù)；反之則提示錯誤。登錄頁面如圖 所示。圖 管理員登錄頁面運(yùn)行結(jié)果流程圖如圖 所示。開 始否是是結(jié) 束接收登錄信息數(shù)據(jù)是否為空數(shù)據(jù)是否有效查詢數(shù)據(jù)庫否登錄成功圖 管理員登錄系統(tǒng)流程圖 添加商品模塊單擊導(dǎo)航區(qū)中的“添加商品”超鏈接，系統(tǒng)將打開添加商品頁面，該頁面主要用于將商品信息添加到數(shù)據(jù)庫中，以提供前臺首頁商品展示所需要的數(shù)據(jù)依據(jù)。用戶單擊“添加”按鈕后添加商品如圖 所示。圖 添加商品信息頁面運(yùn)行結(jié)果為了減少人為錯誤，在提交商品信息時，需要對數(shù)據(jù)的合法性進(jìn)行驗(yàn)證，輸入的商品價(jià)格不能使字符型，而輸入的圖片只支持 Gif 格式等，這些任務(wù)由腳本語言 JavaScript 的函數(shù) check()來完成。代碼如下。function check(){……if(==){alert(請輸入展示圖片的路徑)。()。return false。}if(isNaN()){alert(商品價(jià)格輸入不正確)。()。return false。}為了確保商品在數(shù)據(jù)表中的唯一性，在