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