【正文】 ar 40 商品型號 Picture varchar 100 商品圖片 MerDesc text 0 商品描述 Manufacturer char 60 生產(chǎn)廠家 LeaveFactoryDate datetime 0 出廠日期 Special int 4 有無特價 表 數(shù)據(jù)字典 訂單示例 名稱 數(shù)據(jù)類型 長度 備注 ID int 4 主鍵 Member int 4 會員 Cart int 4 購物車 OrderNO char 20 訂單編號 OrderDate datetime 0 下單日期 OrderStatus int 4 訂單狀態(tài) 太原理工大學畢業(yè)設計 (論文 )用紙 26 第 5章 系統(tǒng)實現(xiàn) 在上一章著重討論了系統(tǒng)各個模塊功能的設計，并詳細分析了每一個模塊的功能。 JavaScript 也叫小腳本語言，它是現(xiàn)如今一種非常流行的動態(tài)網(wǎng)頁技術，不僅能夠實現(xiàn)網(wǎng)頁的動態(tài)效果，而且能夠在一定程度上檢測網(wǎng)頁的錯誤，在一定程度上保護了網(wǎng)站的安全。 現(xiàn)如今，隨著科技的發(fā)展，制作網(wǎng)頁的應用軟件如雨后春筍。 這里采用 CSS 樣式表將所有頁面的字體、字號、顏色以及超分類的樣式做統(tǒng)一定義。 前臺功能模塊的實現(xiàn) 整個系統(tǒng)分為了前臺功能模塊和后臺功能模塊。前臺首頁主要有以下幾個部分： （ 1）網(wǎng)站導航：主要用戶顯示網(wǎng)站的旗幟廣告、各功能模塊導航； （ 2）用戶登錄：用戶在此注冊、登錄或修改密碼； （ 3）商品分類搜索：用戶按商品類別進行搜索顯示； （ 4）銷售排行榜：按照商品的銷售數(shù)量顯示銷售排行信息； （ 5）商品展示區(qū)：按后臺添加商品的時間順序展示商品； （ 6）顧客留言：顯示顧客留言信息； （ 7）后臺登錄入口：管理員可以通過該入口登錄后臺。顧客注冊時必須填寫自己的基本信息，如用戶名、密碼、地址聯(lián)系方式等。當沒有找到時，則提示注冊成功，否則提示此用戶已被占用，請用戶重新輸入新的用戶名進行注冊。 用戶登錄的流程圖如圖 所示。 圖 修改密碼頁面運行結果 用戶單擊“提交”按鈕，系統(tǒng)會將傷表中輸入的信息提交后臺，用來驗證提開 始 結 束 接收登錄信息 查詢數(shù)據(jù)庫 數(shù)據(jù)是否正確 否 是 登錄失敗 登錄成功 太原理工大學畢業(yè)設計 (論文 )用紙 31 交過來的條。如果用戶記的自己注冊時所錄入系統(tǒng)的信息，就可以實現(xiàn)修改自己的密碼。 太原理工大學畢業(yè)設計 (論文 )用紙 29 圖 用戶注冊系統(tǒng)流程圖 用戶登錄 用戶登錄的地方，設置在網(wǎng)站的首頁，主要用來驗證用戶輸入的名及密碼。 用戶注冊頁面 如圖 所示。 圖 首頁運行結果 太原理工大學畢業(yè)設計 (論文 )用紙 28 用戶管理模塊 用戶管理模塊主要實現(xiàn)用戶的注冊、登錄、修改密碼等功能。在每個模塊的介紹中，將具體說明一些涉及要點。 制作好的網(wǎng)站，不僅提供給營銷商提供一個更穩(wěn)定的系統(tǒng) ，更多的要供瀏覽者選取所需要的產(chǎn)品。此外， JSP 還具有Java Bean 功能，可以很快的實現(xiàn)組件復用，進一步提高了對軟件的開發(fā)效率。網(wǎng)頁將網(wǎng)站的各個組成部分包裹起來，形成易懂并且美觀的外表展示給大家。經(jīng)過這個階段的設計工作，應該得出對目標系統(tǒng)的描述，從而在編碼階段可以把這個描述直接翻譯成用 JSP 網(wǎng)頁設計語言書寫的程序。 針對本系統(tǒng)特點，數(shù)據(jù)庫設計采用的各個組成部分的數(shù)據(jù)項和數(shù)據(jù)結構如下所示： （ 1） admin 管理員實體圖 太原理工大學畢業(yè)設計 (論文 )用紙 18 主 鍵帳 號管 理 員 類 型密 碼真 實 姓 名 a d m i n 圖 管理員實體圖 （ 2） cart 購物車 實體圖 主 鍵金 額會 員 i d購 物 車 狀 態(tài)c a r t 圖 購物車 實體圖 （ 3） cartselectedme 購物車記錄實體圖 太原理工大學畢業(yè)設計 (論文 )用紙 19 商 品 i d物 車 購主 鍵數(shù) 量價 格會 員 價c a r t s e l e c t e d m e 圖 購物車 記錄實體圖 （ 4） category 商品類別 實體圖 主 鍵商 品 描 述c a t e g o r y商 品 類 別 圖 商品類別 實體圖 （ 5） leaveword 留言實體圖 太原理工大學畢業(yè)設計 (論文 )用紙 20 留 言 標 題會 員主 鍵留 言 時 間回 復 內(nèi) 容留 言 內(nèi) 容回 復 日 期l e a v e w o r d 圖 留言實體圖 （ 6） member 會員 實體圖 m e m b e r主 鍵會 員 級 別登 錄 帳 號登 錄 密 碼真 實 姓 名聯(lián) 系 電 話聯(lián) 系 地 址電 子 郵 箱錄 登 次 數(shù)最 后 登 錄 日 期 注 冊 日 期郵 政 編 碼 圖 會員 實體圖 (7) memberlevel 會員等級實體圖 太原理工大學畢業(yè)設計 (論文 )用紙 21 主 鍵折 扣 額 度m e m b e r l e v e l會 員 級 別 圖 會員等級實體圖 (8) merchandise 商品實體圖 特 價市 場 價商 品 名 稱類 別 i d主 鍵商 品 型 號商 品 描 述生 產(chǎn) 廠 家商 品 圖 片有 無 特 價出 廠 日 期 m e r c h a n d i s e 圖 商品實體圖 (9) orders 訂單實體圖 太原理工大學畢業(yè)設計 (論文 )用紙 22 購 物 車會 員主 鍵訂 單 編 號下 單 日 期訂 單 狀 態(tài) o r d e r s （ 9）總體 E_R 圖 圖 總體 ER 圖 基本表設計 數(shù)據(jù)字典是對所有與系統(tǒng)相關的數(shù)據(jù)元素的一個有組織的列表和精確的、嚴格的定義， 根據(jù)前面對網(wǎng)站各個權限用戶模塊的功能分析和對數(shù)據(jù)庫中實體關系的設計，可以看到網(wǎng)站中所用到的數(shù)據(jù)信息基本包括：管理員、會員、商品、訂單等。 ER 圖 ER 圖是一種概念模型。 （ 4） 數(shù)據(jù)庫的實施和維護。概念模型是按用戶的觀點來對數(shù)據(jù)建模，使用與進行信息世界建模的工具。數(shù)據(jù)庫的設計過程大致如下： （ 1） 根據(jù)用戶需求，確定數(shù)據(jù)庫中要保存的數(shù)據(jù)信息。 （ 5） 留言信息管理模塊： 管理員維護客戶留言信息。用戶輸入登錄 ID 和密碼后，系統(tǒng)將判斷登錄 ID 及密碼的有效性，如果通過驗證則狀態(tài)后臺主頁，反之則提示錯誤。 后臺管理模塊的功能模塊設計 后臺模塊的主要功能，是對站內(nèi)的信息進行及時的更新和維護。 現(xiàn)在，子模塊各自要實現(xiàn)的功能已經(jīng)基本設計好。只需要根據(jù)用蔬菜在線銷售系統(tǒng) 后臺部分 前臺部分 用戶管理 購物車管理 訂單管理 個人資料管理 顧客留言管理 管理員身份驗證 商品管理 處理訂單 用戶信息管理 留言信息管理 分類信息管理 太原理工大學畢業(yè)設計 (論文 )用紙 16 戶錄入的訂單號，在數(shù)據(jù)表中查詢處對應的商品，就可以了解自己所購商品的即時信息。而在網(wǎng)上虛擬的交易中，通常都會采用一種被稱為“購物車”的技術來進行模擬現(xiàn)實生活。這些模塊的名稱，基本概括了它們的功能。 在前面的系統(tǒng)分析的基礎上，將系統(tǒng)大體上分為兩個模塊：前臺模塊和后臺模塊。 在設計好網(wǎng)站前臺與后臺的結構以后，就將數(shù)據(jù)庫加入到系統(tǒng)中，前臺的每一個信息，都在后臺包含一個與之相 對應的信息。 系統(tǒng)的后臺，要對整個網(wǎng)站的所有信息和數(shù)據(jù)進行保存、維護。 后臺，主要是對數(shù)據(jù)庫進行管理和維護，及時的更新商品的信息，保存顧客的資料，以及處理訂單信息。 開發(fā)工具： 以上版本， Dreamweaver8。在用 戶 站內(nèi)信息 管理員 更新商品信息 更新用戶信息 生成訂單 顯示信息 用戶信息存儲 商品信息存儲 用 戶 訂單處理 用戶訂單 用戶信息 訂單內(nèi)容信息 商品信息 訂單 商品的更新數(shù)據(jù) 商品信息 用戶信息 用戶信息 處理信息 訂單信息存儲 處理后的訂單 訂單信息 管理員 用戶 用戶 0 網(wǎng)站系統(tǒng) 站內(nèi)信息 訂單數(shù)據(jù) 商城信息 太原理工大學畢業(yè)設計 (論文 )用紙 13 零級圖的基礎上還可以將每一個處理的細節(jié)描述出來，從而畫出細節(jié)圖。 管理員 維護網(wǎng)站 取出訂單 網(wǎng)站信息 提交 網(wǎng)站信息 存檔 受理訂單 訂單 提交 存檔 太原理工大學畢業(yè)設計 (論文 )用紙 12 圖 網(wǎng)站數(shù)據(jù)流的總體圖 進一步分析網(wǎng)站的數(shù)據(jù)流程，得到網(wǎng)站數(shù)據(jù)流程的零級圖，如圖 所示。用戶瀏覽所使用到的數(shù)據(jù)歸納為站內(nèi)信息，如商品信息等。這里主要利用數(shù)據(jù)流程圖來說明數(shù)據(jù)流程。 圖 前臺業(yè)務流程圖 后臺業(yè)務流程分析 在網(wǎng)站設計中，管理員完成對網(wǎng)站的維護與管理的工作。在對業(yè)務流程分析中，盡量把業(yè)務主角的活動考慮全面，使系統(tǒng)的功能盡量完整。 業(yè)務流程分析 將上面的需求分析進行歸納。用戶在前臺所瀏覽的內(nèi)容，網(wǎng)站的后臺需要能相應的做出更新或修改。 另外，企業(yè)營銷商除了能與普通客戶一樣瀏覽網(wǎng)站之外，還需要對網(wǎng)站進行管理。 業(yè)務需求分析 太原理工大學畢業(yè)設計 (論文 )用紙 9 網(wǎng)站的制作已經(jīng)不單單是把企業(yè)想要表達的內(nèi)容擺放在網(wǎng)站上那么簡單，當今的網(wǎng)站設計包含了更多的設計元素，給予瀏覽者更多的視覺享受。特別是在企業(yè)信息化高需求與快速發(fā)展的時代，計算機應用已經(jīng)成為企業(yè)員工必備的技 能。這樣看來一個成功的網(wǎng)站建成后為這個營銷商帶來的效益將會遠大于成本。 （ 1）技術可行性 因為計算機硬件的發(fā)展已經(jīng)越來越快，現(xiàn)在 PC 機的性能已經(jīng)可以勝任普通網(wǎng)站的 web 服務器。由于 CSS 已經(jīng)規(guī)定聲明部分中的屬性及其取值范圍，所以，對于我這樣初學者，難點就是如何找到合適的屬性來實現(xiàn)頁面設計。如果想要設計 網(wǎng)頁的外觀 ，可以 加入 CSS。通 過 使用 JavaScript 語言，能夠實現(xiàn) 交互功能， 不僅可以 與HTML 超文本標識語言 ，還可以 與網(wǎng)絡客戶 。因此，可以利用公共數(shù)據(jù)庫訪問分類 JavaBean 的開發(fā)。 2) 無限的可擴展性 客戶機可以 實現(xiàn) 分類共享，資源 Pooling 豐富 ， 動態(tài)網(wǎng)頁和 EJB 組建群集可以 擴展 。 Web logic Server 有很大的 特點， 能夠解決 Web 應用系統(tǒng)中的 一些 問題。 (2) Resin 在靜態(tài)網(wǎng)頁這方面， Resin 的 處理 能力比較弱。在這里，還要使用 到 另外一個工具， 它的名字是 Ant，它是 Jakarta 中的一個子項目，它所實現(xiàn)的功能類似于 Unix 中的 make。但是，在處理靜態(tài) Html 這個 方面， Tomcat的能力，與 Apache 相比是 稍微差一些的 。另外， Tomc