《電商系統(tǒng)設計報告》由會員分享，可在線閱讀，更多相關《電商系統(tǒng)設計報告（39頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、 電 子 商 務 系 統(tǒng) 報 告 目錄 一、系統(tǒng)總體結構設計 1.1 系統(tǒng)外部接口 1.2 系統(tǒng)組成結構 1.3 系統(tǒng)設計原則 二、系統(tǒng)信息基礎設施設計 2.1IT 基礎設施規(guī)劃定義 2.2IT 基礎設施規(guī)劃內容 三、支持平臺設計 3.1 網(wǎng)站建設目標 3.2 項目基礎分析 3.3 網(wǎng)站功能欄目 3.4 網(wǎng)站框架圖

2、3.5 網(wǎng)站開發(fā)預算 四、應用系統(tǒng)設計 4.1 應用軟件系統(tǒng)與子系統(tǒng)的劃分 4.2 數(shù)據(jù)庫與數(shù)據(jù)結構設計 4.3 輸入輸出設計 五、網(wǎng)頁設計 5.1 首頁制作 5.2 商品展示頁面制作 5.3 登陸界面的制作 5.4 注冊頁面的制作 5.5 結賬頁面的制作 一、 系統(tǒng)總體結構設計 1.1 系統(tǒng)外部接口 從上圖中可以看到， 系統(tǒng)有 4 個接口，分別是通過瀏覽器和用戶

3、 的接口、通過瀏覽器與圖書供應商的接口、企業(yè)內部的接口、通過專 門的軟件和銀行及其他支付平臺的接口。 1.2 系統(tǒng)組成結構 零食銷售的系統(tǒng)由商業(yè)邏輯和應用服務器組成，其中，應用服務 器又由 Web表達層應用、支持平臺、互聯(lián)集成工具等幾個部分組成。 1.3 系統(tǒng)設計原則 由于本網(wǎng)站是基于 C2C模式的零食銷售， 因此，本系統(tǒng)設計的原 則有： （1）系統(tǒng)的可擴展性 系統(tǒng)設計除了可以適應目前的網(wǎng)站的需要以外， 應充分考慮用戶 日后的業(yè)務發(fā)展需要，為業(yè)務發(fā)展提供接口。例如，如果

4、網(wǎng)站還要擴 充一些娛樂功能， 系統(tǒng)可以輕松的進行擴充， 從而降低未來的管理成 本。 （2）技術即時性 兼顧系統(tǒng)成熟性和先進性的技術，才能保證現(xiàn)有系統(tǒng)的先進性， 使計算機系統(tǒng)發(fā)揮最大的效率，并使之隨著技術的發(fā)展不斷升級。 （ 3）系統(tǒng)的穩(wěn)定性 采用計算機系統(tǒng)管理的目的就是為了提高企業(yè)運作效率，網(wǎng)站必 須保持 24*7 的工作方式（每天 24 小時、每周 7 天），從而保證交易 的即時性。 （ 4）電子交易的安全性 安全性是整個電子商務解決方案中最重要的方面， 因此，在系統(tǒng)

5、 設計時，需要充分保證對系統(tǒng)安全性的要求，通過支付密碼技術、安 全用戶授權體系等技術來實現(xiàn)系統(tǒng)安全性。 （5）用戶界面的友好 因為本網(wǎng)站主要側重于網(wǎng)上交易， 因此系統(tǒng)建設應該注重用戶的 感受，將用戶的個人空間和交易界面設計的更加友好和個性化。 二、系統(tǒng)信息基礎設施設計 信息化基礎設施 (IT 基礎設施 ) 建設也需要進行規(guī)劃。如果只是 盲目地花錢，增加硬件、軟件投資，表面上看起來好看，但是會存在 很多問題。再者， 當今技術的發(fā)展也遠超過了人們的預期，即使剛建 設兩三年的基礎設施也不可避免地面臨

6、一些新的挑戰(zhàn)， 如新出現(xiàn)的分 布式業(yè)務系統(tǒng)非常復雜， 它就會對基礎設施提出新的要求， 還有大量結構化數(shù)據(jù)的出現(xiàn)使得存儲介質、 存儲結構都會發(fā)生很大的變化。 因此，企業(yè)的這些基礎設施期待重新進行規(guī)劃，以適應新的發(fā)展 2.1、IT 基礎設施規(guī)劃定義 所謂 IT 基礎設施規(guī)劃，就是合理規(guī)劃和安排各項信息化基礎設 施，使之形成良好的 IT 環(huán)境，讓各種業(yè)務解決方案、應用系統(tǒng)和數(shù) 據(jù)都能不受約束地在其上實現(xiàn)有效配合。 這些基礎設施包括網(wǎng)絡、 硬 件設備和基礎軟件。 網(wǎng)絡規(guī)劃包括數(shù)據(jù)流量及約束條件分析、 網(wǎng)絡選 型、拓撲結構設計、網(wǎng)絡安

7、全方案、網(wǎng)絡建設方案等；硬件設備規(guī)劃 包括服務器、路由器、交換機、集線器、臺式機、筆記本、打印機、 手持設備等的規(guī)劃和配置等； 基礎軟件規(guī)劃包括操作系統(tǒng)軟件、 數(shù)據(jù) 庫軟件等軟件的規(guī)劃等等 2.2 、IT 基礎設施規(guī)劃內容 網(wǎng)絡規(guī)劃 現(xiàn)在，企業(yè)和事業(yè)單位基本上建設有自己的網(wǎng)絡系統(tǒng)， 但是隨著 業(yè)務需求的增長和技術的發(fā)展， 都不得不面臨優(yōu)化、 擴容和升級的問題。 在進行網(wǎng)絡的相關規(guī)劃 時，主要側重幾個方面，一是提出企業(yè)和事業(yè)單位的 LAN/WAN(局域網(wǎng) / 廣域網(wǎng) ) 的網(wǎng)絡拓撲結構的建設 / 改

8、良方案；二是確定合理的網(wǎng)絡協(xié)議； 三是評估現(xiàn)有的結構化布線系統(tǒng)的容量、網(wǎng)絡設備、廣域網(wǎng)數(shù)據(jù)鏈路帶寬是否滿足未來新業(yè)務的需求，否則就要進行相應的擴充和升級等。 儲系統(tǒng)規(guī)存劃 存儲系統(tǒng)的規(guī)劃遵循以下原則 : （1）存儲架構必須滿足數(shù)據(jù)集中的要求 存儲架構能夠適應大存儲容量的需求，又能夠對存儲資源進行集中利用 （2）存儲架構能夠對原有的投資進行保護 存儲架構是一個長期的 架構，而如今存儲設備的升級速度也非常迅速， 進行存儲架構規(guī)劃時要考慮到對客戶現(xiàn)有設備的投資保護， 在保證不斷提供功能和性能提 高的同時，存儲架構在較長的時間內能夠保持相對穩(wěn)

9、定。 （3）存儲設備必須具有瞬間數(shù)據(jù)復制功能 利用完全基于存儲設備 的數(shù)據(jù)復制功能，可以在不影響主機工作的情況下在最短的時間對數(shù) 據(jù)進行快照式復制。 (4) 存儲設備必須具有遠程數(shù)據(jù)復制功能利用該功能 存儲設備可以 提供與主機無關的數(shù)據(jù)級遠程災難備份， 對于一些不支持遠程災難備 份的主機系統(tǒng)，可以利用存儲進行遠程災備。 (5) 高性能 集中的存儲系統(tǒng)將支持多種核心應用，連接幾臺甚至十幾臺同時工作的服務器，存儲系統(tǒng)必須有高的性能才能勝任。 (6) 高可用性與高數(shù)據(jù)安全性 數(shù)據(jù)中心是核心應用的最終保障，

10、必須能夠保證 7X24全天候運行，存儲系統(tǒng)必須有高可用性，以保證應用系統(tǒng)對數(shù)據(jù)的隨時存取。 (7) 靈活的擴展性 存儲系統(tǒng)必須有強大的擴展性來滿足這種高速發(fā)展的要求。 備份系統(tǒng)規(guī)劃 備份系統(tǒng)應以不影響業(yè)務系統(tǒng)正常運作為前提。 在業(yè)務系統(tǒng)遭受非法入侵、介質損壞、人為誤操作等原因引起的數(shù)據(jù)丟失后，備份系統(tǒng)應能提供快速的數(shù)據(jù)恢復手段。 要真正保證系統(tǒng)高效的運行以及提高當災難出現(xiàn)時的抵御與恢復能力， 就必須做好數(shù)據(jù)的備份。 一般來說，各種操作系統(tǒng)所附帶的備份程序都有著這樣或那樣的缺陷， 所以若想對數(shù)據(jù)進行可靠的存儲備份， 必須選擇專門的存儲備份軟、 硬件，并制定相應的存儲

11、備份及恢復方案。 系統(tǒng)管理規(guī)劃 互聯(lián)網(wǎng)、操作系統(tǒng)、數(shù)據(jù)庫等新技術的應用，組成了復雜而相互依存的 IT 系統(tǒng)。機構與企業(yè)在享受新技術帶來的便捷的同時，也面臨著復雜的系統(tǒng)和應用管理問題。 系統(tǒng)管理是以服務質量戰(zhàn)略為核心， 利用針對業(yè)務應用管理的新技術，對整個分布式網(wǎng)絡環(huán)境進行統(tǒng)一監(jiān)控和管理， 使之逐步整合成 為一個安全、可靠的網(wǎng)絡體系， 實現(xiàn)集中管理、 全面防護的目的。 一 般來說，系統(tǒng)管理規(guī)劃設計如下內容 :(1) 一體化網(wǎng)絡和系統(tǒng)管理平 臺，改善了網(wǎng)絡和系統(tǒng)管理； (2) 功能強大的管理報告解決方案，隨 時

12、了解網(wǎng)絡和系統(tǒng)的運行情況； (3) 端到端資源和性能管理解決方案， 做到 IT 資源的遠程監(jiān)控、 分發(fā)和變更管理； (4) 具有實時診斷和監(jiān)控 功能的工具；（5）提供可全面管理系統(tǒng)可用性與性能的綜合性產品； (6) 對服務器與數(shù)據(jù)庫的性能和可用性進行管理的產品，確保數(shù)據(jù)庫的穩(wěn)定性和可用性等。 安全規(guī)劃 安全問題已經(jīng)變得比以往任何時候都重要。 為了保障數(shù)據(jù)、 網(wǎng)絡等的安全，人們紛紛進行相關安全技術的研究，由此，目錄產品、加密技術、認證技術、病毒防護技術、入侵檢測技術、防火墻技術等營運而生。而在信息化基礎設施規(guī)劃中， 有關安全產品與技術的規(guī)劃也越來

13、越占據(jù)重要地位。 操作系統(tǒng)規(guī)劃 操作系統(tǒng)經(jīng)過很長時間的發(fā)展，從單用戶、單任務的操作系統(tǒng)， 如 CP/M、C-DOS、M-DOS、TRS-DOS、 S-DOS和 MS-DOS等，發(fā)展到多用戶多道作業(yè)和分時系統(tǒng)，其典型代 表有 UNIX、XENIX、OS/2 和 Windows操作系統(tǒng)等，以及自由軟件 Linux 操作系統(tǒng)。每次操作系統(tǒng)的更新都經(jīng)歷了多個版本的升級， 如 DOS經(jīng) 歷的 7 次大的版本升級， Windows的幾次大升級等。 在進行操作系 統(tǒng)規(guī)劃時，既不能因循守舊，也不能一味從新。最佳策略是 : 結合機 構或者企業(yè)的實際情

14、況， 在對各種操作系統(tǒng)進行綜合評估比較的基礎 上，謹慎選擇是否升級版本或更新操作系統(tǒng) . 數(shù)據(jù)庫系統(tǒng)規(guī)劃 數(shù)據(jù)庫技術和產品在不斷地的發(fā)展，主要體現(xiàn)在以下幾個方面 : (1) 數(shù)據(jù)模型是數(shù)據(jù)庫發(fā)展的主線。由于硬件技術飛速發(fā)展，支持 64 個 CPU和 64GB RAM的并行計算機使數(shù)據(jù)庫系統(tǒng)擴展性大大提高，也使查詢優(yōu)化的參數(shù)空間發(fā)生改變； （ 2）數(shù)據(jù)庫技術與其他計算機技術的結合及相互滲透是數(shù)據(jù)庫發(fā)展的重要特征； (3) 應用需求是推動數(shù)據(jù)庫技術不斷發(fā)展的動力。數(shù)據(jù)庫被廣泛地應用到 ERP、CRM、CIM、 OA、GIS

15、 等系統(tǒng)中。當前，數(shù)據(jù)庫應用已經(jīng)從 OLTP向 OLAP，從數(shù)據(jù) 管理向內容管理的廣度擴展。 至于數(shù)據(jù)庫產品與技術方面的競爭， 主要在 Oracle 、IBM DB2和 Microsoft SQL Server 之間展開。從目前的情況看，Oracle 占據(jù)了第一的位置，其后是 IBM DB2，Microsoft SQL Server 盡管仍位居兩者之后，但是發(fā)展勢頭迅猛。在進行數(shù)據(jù)庫方 面的規(guī)劃時，首先要確認機構或企業(yè)內外的數(shù)據(jù)類型、數(shù)據(jù)內容、數(shù) 據(jù)量。如果已有數(shù)據(jù)庫，也要對原有數(shù)據(jù)庫的軟件結構、系統(tǒng)結構、 數(shù)據(jù)流程、業(yè)務情況、使用情況、系統(tǒng)性

16、能進行一系列的綜合分析和 測試。在此基礎上，就可以根據(jù)用戶的實際情況，綜合考慮系統(tǒng)提供 服務的用戶數(shù)、 信息量、業(yè)務需求和服務級別， 提供系統(tǒng)的、合理的、 綜合的硬件，系統(tǒng)和數(shù)據(jù)庫規(guī)劃建議。 備份系統(tǒng)規(guī)劃 備份系統(tǒng)應以不影響業(yè)務系統(tǒng)正常運作為前提。 在業(yè)務系統(tǒng)遭受 非法入侵、介質損壞、人為誤操作等原因引起的數(shù)據(jù)丟失后，備份系 統(tǒng)應能提供快速的數(shù)據(jù)恢復手段。 要真正保證系統(tǒng)高效的運行以及 提高當災難出現(xiàn)時的抵御與恢復能力， 就必須做好數(shù)據(jù)的備份。 一般來說，各種操作系統(tǒng)所附帶的備份程序都有著這樣或那樣

17、的缺陷， 所以若想對數(shù)據(jù)進行可靠的存儲備份， 必須選擇專門的存儲備份軟、 硬件，并制定相應的存儲備份及恢復方案。系統(tǒng)管理規(guī)劃 互聯(lián)網(wǎng)、操作系統(tǒng)、數(shù)據(jù)庫等新技術的應用，組成了復雜而相互 依存的 IT 系統(tǒng)。機構與企業(yè)在享受新技術帶來的便捷的同時，也面 臨著復雜的系統(tǒng)和應用管理問題。系統(tǒng)管理是以服務質量戰(zhàn)略為核 心，利用針對業(yè)務應用管理的新技術， 對整個分布式網(wǎng)絡環(huán)境進行統(tǒng) 一監(jiān)控和管理，使之逐步整合成為一個安全、可靠的網(wǎng)絡體系，實現(xiàn) 集中管理、全面防護的目的。 一般來說，系統(tǒng)管理規(guī)劃設計如下內 容: (1) 一體化網(wǎng)絡

18、和系統(tǒng)管理平臺， 改善了網(wǎng)絡和系統(tǒng)管理； (2) 功能強大的管理報告解決方案，隨時了解網(wǎng)絡和系統(tǒng)的運行情況； (3) 端到端資源和性能管理解決方案， 做到 IT 資源的遠程監(jiān)控、 分發(fā)和變更管理； (4) 具有實時診斷和監(jiān)控功能的工具； (5) 提供可全面管理系統(tǒng)可用性與性能的綜合性產品； (6) 對服務器與數(shù)據(jù)庫的 性能和可用性進行管理的產品，確保數(shù)據(jù)庫的穩(wěn)定性和可用性等 三、支持平臺設計 食品行業(yè)在我國國民經(jīng)濟中占有舉足輕重的地位， 2009 年 1 至五月份中國食品工業(yè)產值實現(xiàn) 1082 萬億元產值， 14.6%的增速，

19、高出全國工業(yè)增加值速 6.57 個百分點，盡管在金融風暴的沖擊下， 我國經(jīng)濟增速放緩，但食品產業(yè)荏苒保持強大定力，逆勢上升。 由此可見食品產業(yè)所面對的巨大市場。從 2000 年開始，以信息化 和網(wǎng)絡經(jīng)濟為代表的全球新經(jīng)濟飛速發(fā)展，吸引了各個行業(yè)商家的眼球，引領著各個行業(yè)的經(jīng)營理念。食品產業(yè)同樣在這場變革中引入了電子商務經(jīng)營模式。 網(wǎng)絡作為第四媒體，具有一定的特殊性。網(wǎng)絡不僅具有廣泛 地宣傳范圍， 而且還具有操作上的互動性以及數(shù)據(jù)傳輸?shù)募皶r性。網(wǎng)絡在最大程度上縮減了交易的成本，縮短了交易的時間，擴大了客戶群，加快了信息流通速度儼然

20、已經(jīng)成為了聯(lián)系生產者及消費者的最方便的橋梁。企業(yè)和用戶實現(xiàn)了直接接軌，屏蔽了多級中間商。 對于食品行業(yè)從事電子商務企業(yè)的運營模式，目前有 B To B,B To C,C To C三種模式，目前網(wǎng)絡市場的主要形式則是 B To B。 盡管互聯(lián)網(wǎng)時代的到來為大型食品企業(yè)和中小型食品企業(yè)在不同 的方面都帶來了新的商機，但是食品行業(yè)的特殊性值得企業(yè)家們 的特別關注。食品行業(yè)是與老百姓日常生活關系最密切的、相關 企業(yè)最多的、投入最大的行業(yè)之一。而且就目前中國食品行業(yè)的 現(xiàn)狀而言，在規(guī)模及管理上都存在著巨大差異。因此，選擇恰當

21、 的經(jīng)營模式是各企業(yè)成功發(fā)展的重要環(huán)節(jié)。電子商務可能為一個 企業(yè)創(chuàng)造巨大商機和財富。也可能成為一個企業(yè)增加開銷，造成 資源浪費的源頭。 3.1 網(wǎng)站建設目標 通過互聯(lián)網(wǎng)這個平臺銷售有機綠色食品，推廣企業(yè)的品牌， 采用網(wǎng)上商城系統(tǒng)、新聞發(fā)布系統(tǒng)、會員管理系統(tǒng)、電子支付系 統(tǒng)相結合的運營平臺，才是長期的、可行的、省錢的方案。 建立一個完整的食品網(wǎng)站，突出食品特點，有美觀的界面設 計。主要功能： 1. 用戶可以瀏覽各種食品的信息，同時可以查詢食品的信息，在線留言。注冊等功能。 2.

22、 網(wǎng)站有一定數(shù)量食品相關信息可供處理，方便顧客了解食品各種相關信息，同時有利于食品管理部門的管理，加強雙邊的溝通與協(xié)作，以提高和改善管理水平，使顧客通過網(wǎng)站的瀏覽可以對食品有比較真實和豐富的了解，對食品本身做一個比較好的宣傳和推廣。 3. 管理人員登陸系統(tǒng)后，將各種煩瑣的管理工作通過網(wǎng)站來管理，用最少的人力和物力提高管理水平，方便發(fā)布各種旅游信息，處理游客所遇到的各種問題，及時了解對食品管理部門的意見，通過數(shù)據(jù)分析可以了解顧客的基本情況，突出食品特點，具有美觀的界面設計，保證網(wǎng)站安全穩(wěn)定的運行。 3.2 項目基礎分析 我們根據(jù)對網(wǎng)絡營銷項目的初步了解，對網(wǎng)絡營銷項

23、目進行了 系列基礎分析 ： 1 業(yè)務定位 網(wǎng)絡營銷項目的主要業(yè)務定位是：①網(wǎng)上零售 ②品牌形象推廣 2 網(wǎng)站定位 網(wǎng)站為企業(yè)實現(xiàn)網(wǎng)上營銷，完成如下職能： 1 網(wǎng)上銷售產品 2 推廣自己品牌（通過活動和推廣提升品牌知名度） 3 客戶定位 網(wǎng)站的目標客戶群體定位是： 1 主要目標客戶群：終端買家 2 次要客戶群：代理商，批發(fā)商 4 贏利模式定位 1 網(wǎng)上直銷收入：網(wǎng)站的主要贏利來源，主要為產品個人零 售收入 2 網(wǎng)上招商收入：代理商分

24、站 為網(wǎng)站輔助贏利來源， 包含收取產品加盟商的加盟費、 產品代理分銷收入 3.3 網(wǎng)站功能欄目 A. 產品展示 客戶能夠以多種分類方式瀏覽產品，并擁有強大的產品搜索功能 能夠最快速地幫助客戶鎖定感興趣的產品； 管理員在后臺可輕松完成 對商品信息的添加、統(tǒng)計、查詢等管理和維護過程 A.1 產品發(fā)布（后臺） 管理員可在線發(fā)布各種產品資料， 含產品圖片（支持大圖、小圖）、 價格（支持多級價格）、簡介等 A.2 產品查詢 客戶可按產品關鍵字、產品分類、用途等多種查詢條件，快速鎖

25、 定感興趣的產品 A.3 產品推薦 可按精品推薦、新品推薦、人氣產品、暢銷產品四種方式進行產 品推薦排行 A.4 產品評論 產品評論可為客戶采購提供客觀的參考意見?？蛻簦ɑ蚬芾韱T） 可對產品發(fā)表評分，或評論意見、用戶見證 A.5 產品關聯(lián) 產品介紹頁面中，可以看到與當前產品有關的其他產品列表 A.6 產品管理（后臺） 管理員可在線輕松進行各類產品資料的修改、刪除、排序、查詢統(tǒng)計等編輯操作。 特色功能：客戶可對產品圖片進行放大或縮小查看B.產品訂購 配備簡單快捷的全套訂購系統(tǒng)，

26、能有效地保障客戶快速完成訂購過程，提高網(wǎng)站成交率 B.1 在線訂購（購物車） 客戶首先必須進行會員注冊，才可進行在線訂購系統(tǒng)?？蛻艨蛇x 擇配送方式和支付方式 B.2 直接訂購 客戶也可選擇直接訂購的便捷方式：無需會員注冊，直接打免費 電話或在線填寫訂單訂購 B.3 訂單查詢 客戶可在線查看和修改自己的網(wǎng)上訂單和交易記錄 B.4 訂購指南 包括訂購方式、配送方式、售后服務、常見問題、付款方式等說 明 B.5 在線支付 支持網(wǎng)上銀行、支付寶等多種在線支付

27、方式 B.6 訂單管理（后臺） 管理員在后臺可輕松實現(xiàn)客戶在線訂單的查詢、統(tǒng)計、跟蹤、編 輯等功能 C.企業(yè)介紹 客戶更可能的從多方面了解本企業(yè)，將有力提升本企業(yè)的品牌形 象和網(wǎng)上銷售的可信度 C.1 企業(yè)概況 企業(yè)概述、發(fā)展歷程等， 常規(guī)采用文字 +企業(yè)形象照片形式 （可選購“企業(yè)視頻介紹”功能） C.2 主營業(yè)務 企業(yè)主要經(jīng)營的產品與服務項目簡介 C.3 使命愿景 企業(yè)的經(jīng)營宗旨、價值觀、使命宣言、發(fā)展愿景 C.4 企業(yè)風采 生產基地可

28、重點展示綠色有機食品的生產環(huán)境和過程，讓消費者放心；公司可展示辦公室景象照片等 D.會員管理 客戶可通過“會員注冊”來提交自己的簡介資料，管理員也可以 此收集網(wǎng)站訪問者的聯(lián)系資料。管理員可對注冊會員資料進行統(tǒng)計、 查詢、編輯等操作 D.1 會員注冊 客戶通過“會員注冊”，輸入公司名稱、姓名、聯(lián)系方式、省份城 市等資料，注冊成為本站會員 D.2 會員登錄 會員注冊后，可使用會員登錄功能登陸企業(yè)網(wǎng)站，才可使用本站的多項會員服務功能 D.3 會員資料管理（會員中心） 會員登錄后即進入會員中心

29、，可查看和修改自己的會員注冊資料（簡介、密碼、聯(lián)系方式等） 、會員狀態(tài)（會員積分、會員級別等） D.4 會員信息管理 會員在“會員中心”中，可發(fā)布和管理自己的簡介信息、訂單信 息、資訊信息等類別信息 D.5 會員權限管理（后臺） 管理員可設置多種會員類型，對不同類型的會員可設置不同的服務權限。（例如可設置普通會員、高級會員，享有不同的產品定價折 扣和不同的產品信息或資訊文章的瀏覽權限） E.聯(lián)系我們 網(wǎng)站必須提供盡量多元化的聯(lián)系方式，盡量方便客戶以最便捷的 方式，和我們產生交流，有力的提升

30、網(wǎng)上招商成功率和服務品質 F.管理員權限管理（后臺） 網(wǎng)站系統(tǒng)提供多種管理員權限設置功能，不 同級別的管理員具有不同的后臺功能管理權限， 不能越權操作其他功 能模塊，保證網(wǎng)站后臺系統(tǒng)的管理安全 3.4 網(wǎng)站框架圖 公司介紹 產品管理 會員服務 

31、 公司目前狀態(tài) 公司未來發(fā)展 類別管理 添加產品 價格管理 產品圖片 參數(shù)管理 會員注冊 會員登錄 詳見下文 產品知識 加盟與招聘

32、 新手指導 購物指示 幫助中心 常見問題解答 支付配送 關于我們 聯(lián)系我們 會員注冊 會員服務 會員登錄 賬戶查詢 3.5 網(wǎng)站開發(fā)預算 項目 說明 網(wǎng)站開發(fā)建設 網(wǎng)頁設計 網(wǎng)站首頁 首頁設

33、計采用客戶的既定標準色， 注重協(xié)調各區(qū)域的主次關系， 以營 造高易用性與視覺舒適性的人機 交互界面為終極目標； 網(wǎng)站欄目頁 根據(jù)網(wǎng)站結構及信息類別的分類， （一級欄目頁） 確定需要獨立設計的頻道欄目。 設 計中兼顧并繼承首頁的設計風格， 保障版面在各具體頁面中的適用 性和靈活性。 （活動 & 促銷、產品、新聞、會員 管理、購物車、購物幫助、積分、 關于我們） 網(wǎng)站內容頁 根據(jù)上級頁面的設計風格與內容 （二級及以下 頁元素組成進行設計， 出具設計稿 欄目頁） 圖形文件。 數(shù)據(jù)庫系統(tǒng)開發(fā)

34、 產品展示 多級分類功能； 自行添加修改刪除  單價 數(shù)量 價格 1000 1 1000 400 8 3200 150 10 1500 2000 1 2000

35、 數(shù)據(jù)； 產品關鍵詞指定； 圖片關鍵 詞及標簽（ Tag）設定；優(yōu)先顯示 排序功能， 搜索分為模糊搜索和高 級搜索 2 種形式，模糊搜索結合網(wǎng) 站整體數(shù)據(jù)庫， 對網(wǎng)站所有信息進 行關鍵字模糊搜索精確搜索應用 于網(wǎng)站版塊， 可實現(xiàn)多層級精確搜 索，針對模糊搜索可進行再次細化 搜索 產品訂購系統(tǒng) 購物車記憶功能， 防止顧客掉線丟 失購物車商品信息； 購物車提示功 能：可讓顧客隨時查看購物車內商 品和金額， 客戶可以在訂單中添加 備注內容 訂單管理 能夠查看管理訂單信息，

36、 能夠按多 種方式對訂單信息進行列表 管理員能夠定義訂單的處理狀態(tài)， 如正在處理、已確認、無效等，能 夠自由修改訂單的狀態(tài) 能夠按類別、 關鍵字檢索訂單信息 積分管理 會員能夠查看自己的積分情況、 消 費額（經(jīng)驗值）情況；用戶可以用 積分兌換商品 管理員可以修改積分， 可以按類別 管理積分兌換或者附贈禮品的管 理 網(wǎng)上支付系統(tǒng) 支付寶、易寶、財付通等 留言板 留言表格設置合理，可多人管理； 用戶發(fā)送留言后， 留言將自動發(fā)至 指定郵箱； 網(wǎng)站管理員可以刪除留 言內容；

37、資訊發(fā)布系統(tǒng) 管理和發(fā)布新聞類文章內容； 每欄 目信息能夠按類別顯示， 方便瀏覽 者瀏覽與查找； 系統(tǒng)可以提取最新的信息在首頁 或欄目首頁顯示； 管理員能夠按類 別、關鍵字查詢信息，方便管理； 會員管理系統(tǒng) 瀏覽者在線填寫注冊表， 即時成為 網(wǎng)站全員； 會員可自行維護個人注 冊信息；后臺設置會員管理界面， 管理員可對會員信息進行分類查 詢、對無效會員進行刪除； 會員登錄后能夠查看、管理自己的信息；會員能夠查看自己的訂單、積分 

38、 900 1 900 900 1 900 600 1 600 600 1 600 500 1 500 1400 1 1400 1500 1 1500 值；會員能夠查看自己的歷史交易 記錄；會員能夠查看自己的收藏 夾； 權限管理 設立不同后臺模塊的

39、管理權限， 可 900 1 900 實現(xiàn)多人共同管理的目的 網(wǎng)站開發(fā)費用總計： 15000 元，網(wǎng)站優(yōu)惠價： 12000 元 域名注冊 .com100 元每年，三年共計 300 元，雙線全能虛擬主機 4GB， 1900 元每年，三年可享 8 折優(yōu)惠，即三年只要 4560 元，可省 1140 元 網(wǎng)站配套服務 在線客服交流 客戶可直接在線與公司交流 贈送 1 贈送 在線流量統(tǒng)計 可直接從網(wǎng)上看到網(wǎng)站的詢問情 贈送 1 贈送 況 網(wǎng)站維護服務

40、終身免費技術維護 贈送 1 贈送 網(wǎng)站設計排版 網(wǎng)站名稱 輸入內容 搜索 會員服務 首頁  主食  休閑食品  調料  干貨  酒類  方便食品 公司介紹  產品展示 新聞中心 在線訂購 幫助中心 版權所有

41、 四、應用系統(tǒng)設計 4.1 應用軟件系統(tǒng)與子系統(tǒng)的劃分 應用軟件系統(tǒng)按邏輯劃分 應用軟件系統(tǒng)的網(wǎng)絡接入設備室系統(tǒng)活動開展的前提， 有設備的 接入才有之后各項操作的完成， 當然保證安全是必要的， 所以要考慮 網(wǎng)絡接入的安全接入系統(tǒng)， 服務器部分主要針對信息的發(fā)布等相關內 容。中間件主要是控制系統(tǒng)服務器等相關

42、的中間件安全系統(tǒng)。 數(shù)據(jù)存 儲部分是數(shù)據(jù)的管理， 分析應用等。 開發(fā)維護部分是對系統(tǒng)的研究開 發(fā)維護，保證系統(tǒng)的安全運營。 按子系統(tǒng)的劃分 休閑 食品 網(wǎng)店 用戶 管理 子系 員子 統(tǒng) 系統(tǒng) 會員 網(wǎng)站 商品 購物 查看 管理 商品 訂單 客服 注冊、 推薦 選購 車管 訂單 員登 管理 管理 管理 登陸 理 陸 休閑食品網(wǎng)站

43、：總體上一個對外的版面，一切依據(jù)此來展開。 用戶子系統(tǒng)：一個有關于用戶的相關操作系統(tǒng)， 包括有用戶在該的網(wǎng)站活動，相關信息的查看等等。 管理員子系統(tǒng)：該網(wǎng)站相關人員的活動，對用戶的及時反饋，自身系統(tǒng)的管理。 4.2 數(shù)據(jù)庫與數(shù)據(jù)結構設計 數(shù)據(jù)庫與數(shù)據(jù)庫服務器建立連接是對數(shù)據(jù)的有效利用， 數(shù)據(jù)服務器與（應用邏輯）基于 web 的應用服務器通過請求、響應聯(lián)系實現(xiàn)對數(shù)據(jù)的邏輯表達，基于 web 的應用服務器與瀏覽器客戶機通過請求、響應聯(lián)系來實

44、現(xiàn)對用戶的要求。 眾多服務器相互作用相互聯(lián)系共同服務于企業(yè)網(wǎng)站， web 服務器、應用服務器、 事務服務器、數(shù)據(jù)庫服務器相互之間作用服務于總體系統(tǒng)。 4.3 輸入輸出設計

45、 輸入輸出設計主要針對應用軟件的輸入輸出數(shù)據(jù)的格式、內容、 方法等方面的設計， 保證期間的合理合法等。 輸入輸出主要是用戶通 過鍵盤完成在線的瀏覽、購買、支付等過程，以及交易之后的相關事 宜等。 五、網(wǎng)頁設計 首頁 是 是 用戶登陸 商品分類 用戶注冊 否 否 驗證 驗證 進 特 飲 糖 膨

46、 肉 餅 堅 口 產 料 果 化 類 干 果 零 零 罐 巧 食 零 糕 炒 食 食 頭 克 品 食 點 貨 支付網(wǎng)頁 否 是 驗證 系統(tǒng)流程圖 3-1 詳細設計與實現(xiàn) 5.1 首頁制作 打開 dreamweaver8 選擇站點，然后點擊新建站點， 在顯示出來 的頁面輸入站點的名稱，如下圖所示。

47、 圖 4-1 站點建立 然后點擊確認，就會建立一個叫“零食網(wǎng)”的站點文件夾，可以在 dreamweaver8 的右下角看到，如圖 圖 4-2 文件夾視圖 在右下角的零食網(wǎng)文件夾出，右鍵點擊該文件夾，選擇新建文 件夾，命名為 CSS，用來存放建立的 CSS樣式文件。然后同理新建文件夾命名為 images，用來保存建立網(wǎng)頁所需要的相關媒體文件。 點擊左上角的新建選項，然后新建一個網(wǎng)頁。在設計樣式中，選

48、擇插入然后選擇表格，在出現(xiàn)的界面中設置如下 圖 4-3 表格設置 表格建立完成后，效果如下圖所示 圖 4-4 頁面布局 然后在每個表格中插入先前準備好的背景圖片即可。 表格背景設置完成后，選擇插入—布局對象—層，然后在出現(xiàn) 的層中插入一張表格，用來設置主頁中商品的“全部分類”選項。插入的表格設置為 9 行 1 列即可。 在新建的這張表格中，填入需要設置的商品名稱。然后將該層移動到最左邊的大表格中即可。 接著制作在主頁中需要

49、顯示的部分商品的展示圖片，制作方法如下：打開 photoshop 工具，新建一張圖片，大小設置為 283*283, 接著插入 3 張靜態(tài)的圖片，在 photoshop 中找到導航欄中的窗口選項， 然后選中動畫， 在動畫窗口新建 3 張新的動畫圖片，在第一張新建動畫中只顯示插入的第一張圖，然后，在第二張新建動畫中只顯示第二張插入的圖片， 最后，在第三張中只顯示插入的第三張圖，效果如圖所示 圖 4-5GIF 圖片制作然后設置播放動畫的時間為 1 秒，如圖所示 圖 4-6 動畫 最后，保存為 gif 格式，同

50、理，創(chuàng)建其他需要的圖片即可。 在首頁相應的位置插入制作好的圖片，然后在最右邊的大表格 中填入商品的名稱和資料， 完善頁面的布局。 接著對字體和頁面的背 景設置 CSS樣式 然后設置 3 個熱點區(qū)域，分別在登陸、注冊和聯(lián)系的位置并設 置到鏈接，其中在聯(lián)系的鏈接中， 我們輸入 mailto:test@ 于測試。完成后的頁面如圖所示  用 圖

51、4-7 首頁截圖 5.2 商品展示頁面制作 商品展示頁面我們可以利用 dreamweaver自帶的模板進行修改， 方法如下 : 選擇新建一個頁面，在彈出的窗口中選擇如下圖所示 圖 4-8 模板 然后我們對新建的頁面進行修改。 首先將背景顏色更改為符合我們網(wǎng)站風格的顏色，用鼠標點擊 背景的空白處，我們可以再 dreamweaver的下方看見背景的屬性設置 菜單，然后我們只需要將

52、里面的屬性修改為我們需要的屬性即可， 具 體的參數(shù)設置如下圖所示 圖 4-9 屬性 然后建立一個頁面，在代碼欄中我們寫入需要設置的CSS樣式 代碼，里面包括網(wǎng)頁中文字的樣式和部分背景圖片的樣式。 然后保存 為 CSS后綴的文件即可。 返回之前所建立的商品展示頁面， 在網(wǎng)頁代碼中應用建好的 CSS樣式，輸入的代碼如下 接著，我們在頁面下方的表格中設

53、置滾動提示文字， 輸入的代碼如下

更 多 商 品 ， 添 加 中 Ing...

在網(wǎng)頁頂部的位置，我們添加一個導航條，用于其他分類商品的鏈接和返回首頁，從左到右輸入的文字如下 圖 4-10 導航欄 接著選中文字，然后在下方的屬性欄中添加需要連接到的地址頁面。最后對網(wǎng)頁進行一些小的修整，完成后的頁面如下

54、 圖 4-11 商品展示頁面 5.3 登陸界面的制作 首先插入表格并進行分割，然后在分割好后的表格中插入事先 準備好的圖片，完成界面的基本制作。接著對網(wǎng)頁的細節(jié)進行制作， 在右側的表格中， 我們選擇插入—表單—文本域， 在此我們需要插入 兩個表單，一個用于填寫用戶名稱，一個用于填寫用戶密碼，并將這 兩個表單分別命名為 t1 和 t2 ，接著在這兩個表單的上方添加上文字 提示。然后在兩個表格的最下方添加兩個按鈕，一個命名為提交，用于提交表單內容，命名為取消，用于重置表單。完成后的效果如圖

55、所示 圖 4-12 登陸框 接著我們編寫一個簡單的 javascript 程序，用于提示用戶的登陸情況。代碼如下 最后，我們在網(wǎng)頁的左下角設置一個返回首頁的鏈接， 完成后的效果 如圖 圖 4-13 登陸頁面 5.4 注冊頁面的制作

56、插入一張表格設置為 1 列 5 行，在第一行中我們設置一個用于返回首頁的鏈接并設置為向右對齊，在第 3 行中我們輸入部分的文字，用于提醒注冊的用戶。在第 5 行中，我們插入 5 個文本域，分別用作輸入用戶名稱，用戶密碼，驗證密碼，用戶郵箱，用戶昵稱，然后在下面插入連個單選按鈕用于用戶設置性別。 最后，在最下方設置兩個按鈕，用于用戶提交表單和重置表單，完成的效果如下圖所示 圖 4-14 注冊頁面 接著我們編寫用于驗證用戶輸入的信息是否合理的 ja

57、vascript 程序代碼，部分代碼如下 function checkSubmit() // 用于驗證用戶輸入的信息是否正確 { if(document.form2.userid.value=="")// 判斷用戶是否輸入了用戶 名 { document.form2.userid.focus(); alert(" 用戶名不能為空！ "); return false; } if(document.form2.userpwd.value=="")// 判斷兩次輸入的密碼是

58、否一致 { document.form2.userpwd.focus(); alert(" 登陸密碼不能為空！ "); return false; } if(document.form2.userpwdok.value!=document.form2.userpwd.v alue) { document.form2.userpwdok.focus(); alert(" 兩次密碼不一致！ "); return false; } if(document.form2.e

59、mail.value=="")// 判斷用戶是否輸入了 EMAIL 地址 { document.form2.email.focus(); alert("Email 不能為空！ "); return false; } if(document.form2.uname.value=="")// 判斷用戶是否輸入了昵稱 { document.form2.uname.focus(); alert(" 用戶昵稱不能為空！ "); return false; }

60、 } 5.5 結賬頁面的制作 插入一張表格并進行分割， 插入事先準備好的圖片并設置好 CSS 樣式，然后在頁面表格中左側插入一個文本域， 用于輸入購買的商品數(shù)量，接著在商品數(shù)量表單下面插入兩個按鈕， 一個用于提交輸入的數(shù)量并提示購買成功操作， 另一個用于取消當前的操作， 完成后的頁面如圖所示 圖 4-15 結賬頁面 調試運行 調試 將站點文件移動

61、到別的文件夾，進行測試，這樣可以檢測網(wǎng)頁 中的鏈接是否添加正確。首先進入站點文件夾，打開 index.html 文件，在瀏覽器中顯示如下圖所示 圖 5-1 首頁測試 我們可以發(fā)現(xiàn)部分圖片顯示不正常，因此可以判定有部分圖片 的鏈接添加的不正確， 檢查后發(fā)現(xiàn)無法顯示的圖片是因為圖片的地址設置為絕對路徑，因此，當文件夾的位置改變后，發(fā)生了圖片顯示不 正常的情況。 修改后的結果如下圖所示 圖

62、 5-2 首頁鏈接修改后 可以看到網(wǎng)頁已經(jīng)可以正常顯示。 在打開的首頁中，我們點擊左側導航欄中的“進口零食”鏈接，進入如下頁面 圖 5-3 進口零食頁面 發(fā)現(xiàn)一切正常， 然后在該頁面中， 我們點擊頂部導航欄中特產零食鏈 接 圖 5-4 導航欄測試 發(fā)現(xiàn)一切正常，然后我們在任意點擊頂部的其他任意鏈接 圖 5-5 其他鏈接測試 發(fā)現(xiàn)一切正常，并且我們可以看到，下部

63、的滾動文字提示運行正常，如圖所示 圖 5-6 底部效果 數(shù)據(jù)測試 返回首頁，然后我們進入注冊頁面 , 進入頁面后，我們可以看到頁面顯示正常，然后我們輸入數(shù)據(jù)進行測試，當我們不輸入信息是，點擊提交按鈕，如圖所示 圖 5-7 用戶名提示 彈出提示“用戶名不能為空” ，接著我們輸入兩組不同的密碼數(shù)據(jù)，如圖所示 圖 5-8 密碼提示

64、 彈出提示“兩次密碼不一致” ，接著我們輸入正確的數(shù)據(jù)，成功跳轉 回首頁，證明注冊成功。 在首頁中，我們點擊登錄鏈接，輸入任意用戶賬戶和密碼后，點擊登錄按鈕，結果如圖所示 圖 5-9 登陸提示 提示“登錄成功”，點擊確認后，返回首頁。當輸入用戶數(shù)據(jù)后，我們點擊“清空”按鈕，可以看到用戶輸入的數(shù)據(jù)已經(jīng)清空。 我們在商品展示頁面， 點擊任意我們想要購買的商品后， 進入結賬頁面，在結賬頁面中，我們可以看到默認的商品數(shù)量為 1，接著修改商品數(shù)量，如圖所示 圖 5-10 商品數(shù)量 點擊取消后 圖 5-11 成功提示 彈出取消成功的提示并且商品的數(shù)量重置為 1，如圖所示 圖 5-12 重置結果 當我們輸入商品數(shù)量后，點擊提交后 圖 5-13 成功提示 彈出購買成功提示，并且返回首頁。