電商系統(tǒng)設(shè)計(jì)報(bào)告

1、目錄一、系統(tǒng)總體結(jié)構(gòu)設(shè)計(jì)1、 1 系統(tǒng)外部接口2、 2 系統(tǒng)組成結(jié)構(gòu)3、 3系統(tǒng)設(shè)計(jì)原則二、系統(tǒng)信息基礎(chǔ)設(shè)施設(shè)計(jì)4、 1IT 基礎(chǔ)設(shè)施規(guī)劃定義5、 2IT 基礎(chǔ)設(shè)施規(guī)劃內(nèi)容三、支持平臺(tái)設(shè)計(jì)6、 1 網(wǎng)站建設(shè)目標(biāo)7、 2 項(xiàng)目基礎(chǔ)分析3、 3 網(wǎng)站功能欄目3、4網(wǎng)站框架圖3、5網(wǎng)站開發(fā)預(yù)算四、應(yīng)用系統(tǒng)設(shè)計(jì)4、1應(yīng)用軟件系統(tǒng)與子系統(tǒng)得劃分4、2數(shù)據(jù)庫與數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)4、3輸入輸出設(shè)計(jì)五、網(wǎng)頁設(shè)計(jì)5、1首頁制作5、2商品展示頁面制作5、3登陸界面得制作5、4注冊(cè)頁面得制作5、5結(jié)賬頁面得制作系統(tǒng)總體結(jié)構(gòu)設(shè)計(jì)服多秀主機(jī)商業(yè)碎intsm?i祟行.室也評(píng)臺(tái)反用EK多器支 件=含互 啜 年 或 x具網(wǎng)上書城箸

2、統(tǒng)忌體£宮構(gòu)以1、1系統(tǒng)外部接口從上圖中可以瞧到，系統(tǒng)有4個(gè)接口，分別就是通過瀏覽器與用 戶得接口、通過瀏覽器與圖書供應(yīng)商得接口、企業(yè)內(nèi)部得接口、通過 專門得軟件與銀行及其她支付平臺(tái)得接口。1、2系統(tǒng)組成結(jié)構(gòu)零食銷售得系統(tǒng)由商業(yè)邏輯與應(yīng)用服務(wù)器組成，其中，應(yīng)用服務(wù)器又由Webg達(dá)層應(yīng)用、支持平臺(tái)、互聯(lián)集成工具等幾個(gè)部分組成。1、 3系統(tǒng)設(shè)計(jì)原則由于本網(wǎng)站就是基于C2c模式得零食銷售，因此，本系統(tǒng)設(shè)計(jì)得原則有 :(1) 系統(tǒng)得可擴(kuò)展性系統(tǒng)設(shè)計(jì)除了可以適應(yīng)目前得網(wǎng)站得需要以外, 應(yīng)充分考慮用戶日后得業(yè)務(wù)發(fā)展需要, 為業(yè)務(wù)發(fā)展提供接口。例如 , 如果網(wǎng)站還要擴(kuò)充一些娛樂功能, 系統(tǒng)可以輕松

3、得進(jìn)行擴(kuò)充, 從而降低未來得管理成本。(2) 技術(shù)即時(shí)性兼顧系統(tǒng)成熟性與先進(jìn)性得技術(shù), 才能保證現(xiàn)有系統(tǒng)得先進(jìn)性, 使計(jì)算機(jī)系統(tǒng)發(fā)揮最大得效率, 并使之隨著技術(shù)得發(fā)展不斷升級(jí)。(3) 系統(tǒng)得穩(wěn)定性采用計(jì)算機(jī)系統(tǒng)管理得目得就就是為了提高企業(yè)運(yùn)作效率, 網(wǎng)站必須保持24*7 得工作方式( 每天 24 小時(shí)、每周7 天 ), 從而保證交易得即時(shí)性。(4) 電子交易得安全性安全性就是整個(gè)電子商務(wù)解決方案中最重要得方面, 因此 , 在系統(tǒng)設(shè)計(jì)時(shí) , 需要充分保證對(duì)系統(tǒng)安全性得要求, 通過支付密碼技術(shù)、安全用戶授權(quán)體系等技術(shù)來實(shí)現(xiàn)系統(tǒng)安全性。(5) 用戶界面得友好因?yàn)楸揪W(wǎng)站主要側(cè)重于網(wǎng)上交易, 因此系統(tǒng)建

4、設(shè)應(yīng)該注重用戶得 感受 , 將用戶得個(gè)人空間與交易界面設(shè)計(jì)得更加友好與個(gè)性化。二、系統(tǒng)信息基礎(chǔ)設(shè)施設(shè)計(jì)信息化基礎(chǔ)設(shè)施（IT 基礎(chǔ)設(shè)施 ）建設(shè)也需要進(jìn)行規(guī)劃。如果只就是盲目地花錢, 增加硬件、軟件投資, 表面上瞧起來好瞧, 但就是會(huì)存在很多問題。再者 , 當(dāng)今技術(shù)得發(fā)展也遠(yuǎn)超過了人們得預(yù)期, 即使剛建設(shè)兩三年得基礎(chǔ)設(shè)施也不可避免地面臨一些新得挑戰(zhàn), 如新出現(xiàn)得分布式業(yè)務(wù)系統(tǒng)非常復(fù)雜, 它就會(huì)對(duì)基礎(chǔ)設(shè)施提出新得要求, 還有大量結(jié)構(gòu)化數(shù)據(jù)得出現(xiàn)使得存儲(chǔ)介質(zhì)、存儲(chǔ)結(jié)構(gòu)都會(huì)發(fā)生很大得變化。因此 , 企業(yè)得這些基礎(chǔ)設(shè)施期待重新進(jìn)行規(guī)劃, 以適應(yīng)新得發(fā)展2、 1、 IT 基礎(chǔ)設(shè)施規(guī)劃定義所謂 IT 基礎(chǔ)設(shè)施

5、規(guī)劃, 就就是合理規(guī)劃與安排各項(xiàng)信息化基礎(chǔ)設(shè)施 , 使之形成良好得IT 環(huán)境 , 讓各種業(yè)務(wù)解決方案、應(yīng)用系統(tǒng)與數(shù)據(jù)都能不受約束地在其上實(shí)現(xiàn)有效配合。這些基礎(chǔ)設(shè)施包括網(wǎng)絡(luò)、硬件設(shè)備與基礎(chǔ)軟件。網(wǎng)絡(luò)規(guī)劃包括數(shù)據(jù)流量及約束條件分析、網(wǎng)絡(luò)選型、拓?fù)浣Y(jié)構(gòu)設(shè)計(jì)、網(wǎng)絡(luò)安全方案、網(wǎng)絡(luò)建設(shè)方案等; 硬件設(shè)備規(guī)劃包括服務(wù)器、路由器、交換機(jī)、集線器、臺(tái)式機(jī)、筆記本、打印機(jī)、手持設(shè)備等得規(guī)劃與配置等; 基礎(chǔ)軟件規(guī)劃包括操作系統(tǒng)軟件、數(shù)據(jù)庫軟件等軟件得規(guī)劃等等2、 2、 IT 基礎(chǔ)設(shè)施規(guī)劃內(nèi)容網(wǎng)絡(luò)規(guī)劃現(xiàn)在 , 企業(yè)與事業(yè)單位基本上建設(shè)有自己得網(wǎng)絡(luò)系統(tǒng), 但就是隨著業(yè)務(wù)需求得增長(zhǎng)與技術(shù)得發(fā)展, 都不得不面臨優(yōu)化、擴(kuò)容與

6、升級(jí)得問題。 在進(jìn)行網(wǎng)絡(luò)得相關(guān)規(guī)劃時(shí) , 主要側(cè)重幾個(gè)方面, 一就是提出企業(yè)與事業(yè)單位得LAN/WAN域網(wǎng)/廣域網(wǎng))得網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)得建設(shè)/改良方案; 二就是確定合理得網(wǎng)絡(luò)協(xié)議; 三就是評(píng)估現(xiàn)有得結(jié)構(gòu)化布線系統(tǒng)得容量、網(wǎng)絡(luò)設(shè)備、廣域網(wǎng)數(shù)據(jù)鏈路帶寬就是否滿足未來新業(yè)務(wù)得需求, 否則就要進(jìn)行相應(yīng)得擴(kuò)充與升級(jí)等。儲(chǔ)系統(tǒng)規(guī)存劃存儲(chǔ)系統(tǒng)得規(guī)劃遵循以下原則:(1) 存儲(chǔ)架構(gòu)必須滿足數(shù)據(jù)集中得要求存儲(chǔ)架構(gòu)能夠適應(yīng)大存儲(chǔ)容量得需求 , 又能夠?qū)Υ鎯?chǔ)資源進(jìn)行集中利用(2) 存儲(chǔ)架構(gòu)能夠?qū)υ械猛顿Y進(jìn)行保護(hù)存儲(chǔ)架構(gòu)就是一個(gè)長(zhǎng)期得架構(gòu) , 而如今存儲(chǔ)設(shè)備得升級(jí)速度也非常迅速, 進(jìn)行存儲(chǔ)架構(gòu)規(guī)劃時(shí)要考慮到對(duì)客戶現(xiàn)有設(shè)備

7、得投資保護(hù), 在保證不斷提供功能與性能提高得同時(shí) , 存儲(chǔ)架構(gòu)在較長(zhǎng)得時(shí)間內(nèi)能夠保持相對(duì)穩(wěn)定。(3) 存儲(chǔ)設(shè)備必須具有瞬間數(shù)據(jù)復(fù)制功能利用完全基于存儲(chǔ)設(shè)備得數(shù)據(jù)復(fù)制功能, 可以在不影響主機(jī)工作得情況下在最短得時(shí)間對(duì)數(shù)據(jù)進(jìn)行快照式復(fù)制。(4) 存儲(chǔ)設(shè)備必須具有遠(yuǎn)程數(shù)據(jù)復(fù)制功能利用該功能存儲(chǔ)設(shè)備可以提供與主機(jī)無關(guān)得數(shù)據(jù)級(jí)遠(yuǎn)程災(zāi)難備份, 對(duì)于一些不支持遠(yuǎn)程災(zāi)難備份得主機(jī)系統(tǒng), 可以利用存儲(chǔ)進(jìn)行遠(yuǎn)程災(zāi)備。(5) 高性能 集中得存儲(chǔ)系統(tǒng)將支持多種核心應(yīng)用, 連接幾臺(tái)甚至十幾臺(tái)同時(shí)工作得服務(wù)器, 存儲(chǔ)系統(tǒng)必須有高得性能才能勝任。(6) 高可用性與高數(shù)據(jù)安全性數(shù)據(jù)中心就是核心應(yīng)用得最終保障,必須能夠保證7X

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

9、組成了復(fù)雜而相互依存得 IT 系統(tǒng)。 機(jī)構(gòu)與企業(yè)在享受新技術(shù)帶來得便捷得同時(shí), 也面臨著復(fù)雜得系統(tǒng)與應(yīng)用管理問題。系統(tǒng)管理就是以服務(wù)質(zhì)量戰(zhàn)略為核心, 利用針對(duì)業(yè)務(wù)應(yīng)用管理得新技術(shù) , 對(duì)整個(gè)分布式網(wǎng)絡(luò)環(huán)境進(jìn)行統(tǒng)一監(jiān)控與管理, 使之逐步整合成為一個(gè)安全、可靠得網(wǎng)絡(luò)體系, 實(shí)現(xiàn)集中管理、全面防護(hù)得目得。一般來說 , 系統(tǒng)管理規(guī)劃設(shè)計(jì)如下內(nèi)容:(1) 一體化網(wǎng)絡(luò)與系統(tǒng)管理平臺(tái)改善了網(wǎng)絡(luò)與系統(tǒng)管理;(2) 功能強(qiáng)大得管理報(bào)告解決方案, 隨時(shí)了解網(wǎng)絡(luò)與系統(tǒng)得運(yùn)行情況;(3) 端到端資源與性能管理解決方案, 做到 IT資源得遠(yuǎn)程監(jiān)控、分發(fā)與變更管理;(4) 具有實(shí)時(shí)診斷與監(jiān)控功能得工具 ;(5) 提供可全

10、面管理系統(tǒng)可用性與性能得綜合性產(chǎn)品;(6) 對(duì)服務(wù)器與數(shù)據(jù)庫得性能與可用性進(jìn)行管理得產(chǎn)品, 確保數(shù)據(jù)庫得穩(wěn)定性與可用性等。 安全規(guī)劃安全問題已經(jīng)變得比以往任何時(shí)候都重要。為了保障數(shù)據(jù)、網(wǎng)絡(luò)等得安全 , 人們紛紛進(jìn)行相關(guān)安全技術(shù)得研究, 由此 , 目錄產(chǎn)品、加密技術(shù)、認(rèn)證技術(shù)、病毒防護(hù)技術(shù)、入侵檢測(cè)技術(shù)、防火墻技術(shù)等營(yíng)運(yùn) 而生。而在信息化基礎(chǔ)設(shè)施規(guī)劃中, 有關(guān)安全產(chǎn)品與技術(shù)得規(guī)劃也越來越占據(jù)重要地位。操作系統(tǒng)規(guī)劃操作系統(tǒng)經(jīng)過很長(zhǎng)時(shí)間得發(fā)展,從單用戶、單任務(wù)得操作系統(tǒng), 如 CP/M、 C-DOS、 M-DO、S TRS-DO、SS-DOSW MS-DO等,發(fā)展到多用戶多道作業(yè)與分時(shí)系統(tǒng)，其典型代

11、表 有UNIX XENIX OS/2與 Windows操作系統(tǒng)等，以及自由軟件Linux 操作系統(tǒng)。每次操作系統(tǒng)得更新都經(jīng)歷了多個(gè)版本得升級(jí)，如DOSS歷得7次大得版本升級(jí),Windows得幾次大升級(jí)等。在進(jìn)行操作系統(tǒng)規(guī)劃時(shí) , 既不能因循守舊, 也不能一味從新。最佳策略就是: 結(jié)合機(jī)構(gòu)或者企業(yè)得實(shí)際情況, 在對(duì)各種操作系統(tǒng)進(jìn)行綜合評(píng)估比較得基礎(chǔ)上謹(jǐn)慎選擇就是否升級(jí)版本或更新操作系統(tǒng)、 數(shù)據(jù)庫系統(tǒng)規(guī)劃數(shù)據(jù)庫技術(shù)與產(chǎn)品在不斷地得發(fā)展, 主要體現(xiàn)在以下幾個(gè)方面:(1) 數(shù)據(jù)模型就是數(shù)據(jù)庫發(fā)展得主線。由于硬件技術(shù)飛速發(fā)展, 支持64個(gè)CPUW 64GB RAMI并行計(jì)算機(jī)使數(shù)據(jù)庫系統(tǒng)擴(kuò)展性大大提高，

12、 也使查詢優(yōu)化得參數(shù)空間發(fā)生改變;(2) 數(shù)據(jù)庫技術(shù)與其她計(jì)算機(jī)技術(shù)得結(jié)合及相互滲透就是數(shù)據(jù)庫發(fā)展得重要特征;(3) 應(yīng)用需求就是推動(dòng)數(shù)據(jù)庫技術(shù)不斷發(fā)展得動(dòng)力。數(shù)據(jù)庫被廣泛地應(yīng)用到ERP、 CRM、CIMK OA GIS等系統(tǒng)中。當(dāng)前，數(shù)據(jù)庫應(yīng)用已經(jīng)從OLT麗OLAP從數(shù)據(jù)管理向內(nèi)容管理得廣度擴(kuò)展。至于數(shù)據(jù)庫產(chǎn)品與技術(shù)方面得競(jìng)爭(zhēng),主要在 Oracle、IBM DB2與 Microsoft SQL Server 之間展開。從目前得情況瞧,Oracle 占據(jù)了第一得位置, 其后就是IBM DB2,MicrosoftSQL Server 盡管仍位居兩者之后, 但就是發(fā)展勢(shì)頭迅猛。在進(jìn)行數(shù)據(jù)庫方面得規(guī)

13、劃時(shí), 首先要確認(rèn)機(jī)構(gòu)或企業(yè)內(nèi)外得數(shù)據(jù)類型、數(shù)據(jù)內(nèi)容、數(shù)據(jù)量。 如果已有數(shù)據(jù)庫, 也要對(duì)原有數(shù)據(jù)庫得軟件結(jié)構(gòu)、系統(tǒng)結(jié)構(gòu)、數(shù)據(jù)流程、業(yè)務(wù)情況、使用情況、系統(tǒng)性能進(jìn)行一系列得綜合分析與測(cè)試。 在此基礎(chǔ)上, 就可以根據(jù)用戶得實(shí)際情況, 綜合考慮系統(tǒng)提供服務(wù)得用戶數(shù)、信息量、業(yè)務(wù)需求與服務(wù)級(jí)別, 提供系統(tǒng)得、合理得、綜合得硬件, 系統(tǒng)與數(shù)據(jù)庫規(guī)劃建議。備份系統(tǒng)規(guī)劃備份系統(tǒng)應(yīng)以不影響業(yè)務(wù)系統(tǒng)正常運(yùn)作為前提。在業(yè)務(wù)系統(tǒng)遭受非法入侵、介質(zhì)損壞、人為誤操作等原因引起得數(shù)據(jù)丟失后,備份系統(tǒng)應(yīng)能提供快速得數(shù)據(jù)恢復(fù)手段。要真正保證系統(tǒng)高效得運(yùn)行以及提高當(dāng)災(zāi)難出現(xiàn)時(shí)得抵御與恢復(fù)能力,就必須做好數(shù)據(jù)得備份。一般來說 ,

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

15、 (2) 功能強(qiáng)大得管理報(bào)告解決方案, 隨時(shí)了解網(wǎng)絡(luò)與系統(tǒng)得運(yùn)行情況; (3) 端到端資源與性能管理解決方案, 做到 IT 資源得遠(yuǎn)程監(jiān)控、分發(fā)與變更管理(4) 具有實(shí)時(shí)診斷與監(jiān)控功能得工具; (5) 提供可全面管理系統(tǒng)可用性與性能得綜合性產(chǎn)品; (6) 對(duì)服務(wù)器與數(shù)據(jù)庫得性能與可用性進(jìn)行管理得產(chǎn)品, 確保數(shù)據(jù)庫得穩(wěn)定性與可用性等三、支持平臺(tái)設(shè)計(jì)食品行業(yè)在我國(guó)國(guó)民經(jīng)濟(jì)中占有舉足輕重得地位,2009 年 1至五月份中國(guó)食品工業(yè)產(chǎn)值實(shí)現(xiàn)1082萬億元產(chǎn)值,14、 6%得增速,高出全國(guó)工業(yè)增加值速6、 57 個(gè)百分點(diǎn), 盡管在金融風(fēng)暴得沖擊下,我國(guó)經(jīng)濟(jì)增速放緩, 但食品產(chǎn)業(yè)荏苒保持強(qiáng)大定力, 逆勢(shì)上

16、升。由此可見食品產(chǎn)業(yè)所面對(duì)得巨大市場(chǎng)。從2000年開始, 以信息化與網(wǎng)絡(luò)經(jīng)濟(jì)為代表得全球新經(jīng)濟(jì)飛速發(fā)展, 吸引了各個(gè)行業(yè)商家得眼球 , 引領(lǐng)著各個(gè)行業(yè)得經(jīng)營(yíng)理念。食品產(chǎn)業(yè)同樣在這場(chǎng)變革中引入了電子商務(wù)經(jīng)營(yíng)模式。網(wǎng)絡(luò)作為第四媒體, 具有一定得特殊性。網(wǎng)絡(luò)不僅具有廣泛地宣傳范圍, 而且還具有操作上得互動(dòng)性以及數(shù)據(jù)傳輸?shù)眉皶r(shí)性。網(wǎng)絡(luò)在最大程度上縮減了交易得成本, 縮短了交易得時(shí)間, 擴(kuò)大了客戶群 , 加快了信息流通速度儼然已經(jīng)成為了聯(lián)系生產(chǎn)者及消費(fèi)者得最方便得橋梁。企業(yè)與用戶實(shí)現(xiàn)了直接接軌, 屏蔽了多級(jí)中間商。對(duì)于食品行業(yè)從事電子商務(wù)企業(yè)得運(yùn)營(yíng)模式, 目前有 B ToB,B To C,C To C

17、三種模式 , 目前網(wǎng)絡(luò)市場(chǎng)得主要形式則就是B ToB。盡管互聯(lián)網(wǎng)時(shí)代得到來為大型食品企業(yè)與中小型食品企業(yè)在不同得方面都帶來了新得商機(jī), 但就是食品行業(yè)得特殊性值得企業(yè)家們得特別關(guān)注。食品行業(yè)就是與老百姓日常生活關(guān)系最密切得、相關(guān)企業(yè)最多得、投入最大得行業(yè)之一。而且就目前中國(guó)食品行業(yè)得現(xiàn)狀而言, 在規(guī)模及管理上都存在著巨大差異。因此, 選擇恰當(dāng)?shù)媒?jīng)營(yíng)模式就是各企業(yè)成功發(fā)展得重要環(huán)節(jié)。電子商務(wù)可能為一個(gè)企業(yè)創(chuàng)造巨大商機(jī)與財(cái)富。也可能成為一個(gè)企業(yè)增加開銷, 造成資源浪費(fèi)得源頭。3、 1 網(wǎng)站建設(shè)目標(biāo)通過互聯(lián)網(wǎng)這個(gè)平臺(tái)銷售有機(jī)綠色食品, 推廣企業(yè)得品牌, 采用網(wǎng)上商城系統(tǒng)、新聞發(fā)布系統(tǒng)、會(huì)員管理系統(tǒng)、

18、電子支付系統(tǒng)相結(jié)合得運(yùn)營(yíng)平臺(tái), 才就是長(zhǎng)期得、可行得、省錢得方案。建立一個(gè)完整得食品網(wǎng)站, 突出食品特點(diǎn), 有美觀得界面設(shè)計(jì)。主要功能:1、用戶可以瀏覽各種食品得信息, 同時(shí)可以查詢食品得信息, 在線留言。注冊(cè)等功能2、網(wǎng)站有一定數(shù)量食品相關(guān)信息可供處理, 方便顧客了解食品各種相關(guān)信息, 同時(shí)有利于食品管理部門得管理, 加強(qiáng)雙邊得溝通與協(xié)作 , 以提高與改善管理水平, 使顧客通過網(wǎng)站得瀏覽可以對(duì)食品有比較真實(shí)與豐富得了解, 對(duì)食品本身做一個(gè)比較好得宣傳與推廣。3、管理人員登陸系統(tǒng)后, 將各種煩瑣得管理工作通過網(wǎng)站來管理用最少得人力與物力提高管理水平, 方便發(fā)布各種旅游信息, 處理游客所遇到得各

19、種問題, 及時(shí)了解對(duì)食品管理部門得意見, 通過數(shù)據(jù)分析可以了解顧客得基本情況, 突出食品特點(diǎn), 具有美觀得界面設(shè)計(jì) , 保證網(wǎng)站安全穩(wěn)定得運(yùn)行。3、 2 項(xiàng)目基礎(chǔ)分析我們根據(jù)對(duì)網(wǎng)絡(luò)營(yíng)銷項(xiàng)目得初步了解, 對(duì)網(wǎng)絡(luò)營(yíng)銷項(xiàng)目進(jìn)行了系列基礎(chǔ)分析:1 業(yè)務(wù)定位網(wǎng)絡(luò)營(yíng)銷項(xiàng)目得主要業(yè)務(wù)定位就是:網(wǎng)上零售品牌形象推廣2 網(wǎng)站定位網(wǎng)站為企業(yè)實(shí)現(xiàn)網(wǎng)上營(yíng)銷, 完成如下職能:1 網(wǎng)上銷售產(chǎn)品2 推廣自己品牌（ 通過活動(dòng)與推廣提升品牌知名度）3 客戶定位網(wǎng)站得目標(biāo)客戶群體定位就是:1 主要目標(biāo)客戶群: 終端買家2 次要客戶群: 代理商 , 批發(fā)商4 贏利模式定位1 網(wǎng)上直銷收入: 網(wǎng)站得主要贏利來源, 主要為產(chǎn)品個(gè)人零售

20、收入2 網(wǎng)上招商收入: 代理商分站為網(wǎng)站輔助贏利來源, 包含收取產(chǎn)品加盟商得加盟費(fèi)、產(chǎn)品代理分銷收入3、 3 網(wǎng)站功能欄目A、產(chǎn)品展示客戶能夠以多種分類方式瀏覽產(chǎn)品,并擁有強(qiáng)大得產(chǎn)品搜索功能能夠最快速地幫助客戶鎖定感興趣得產(chǎn)品;管理員在后臺(tái)可輕松完成對(duì)商品信息得添加、統(tǒng)計(jì)、查詢等管理與維護(hù)過程A、 1 產(chǎn)品發(fā)布（后臺(tái)）管理員可在線發(fā)布各種產(chǎn)品資料,含產(chǎn)品圖片（支持大圖、小圖）、價(jià)格（支持多級(jí)價(jià)格）、簡(jiǎn)介等A、 2 產(chǎn)品查詢客戶可按產(chǎn)品關(guān)鍵字、產(chǎn)品分類、用途等多種查詢條件,快速鎖定感興趣得產(chǎn)品A、 3 產(chǎn)品推薦可按精品推薦、新品推薦、人氣產(chǎn)品、暢銷產(chǎn)品四種方式進(jìn)行產(chǎn)品推薦排行A、 4 產(chǎn)品評(píng)論產(chǎn)

21、品評(píng)論可為客戶采購(gòu)提供客觀得參考意見?？蛻簦ɑ蚬芾韱T ）可對(duì)產(chǎn)品發(fā)表評(píng)分,或評(píng)論意見、用戶見證A、 5 產(chǎn)品關(guān)聯(lián)產(chǎn)品介紹頁面中,可以瞧到與當(dāng)前產(chǎn)品有關(guān)得其她產(chǎn)品列表A、 6 產(chǎn)品管理（后臺(tái)）管理員可在線輕松進(jìn)行各類產(chǎn)品資料得修改、刪除、排序、查詢統(tǒng)計(jì)等編輯操作。特色功能:客戶可對(duì)產(chǎn)品圖片進(jìn)行放大或縮小查瞧B、產(chǎn)品訂購(gòu)配備簡(jiǎn)單快捷得全套訂購(gòu)系統(tǒng),能有效地保障客戶快速完成訂購(gòu)過程,提高網(wǎng)站成交率B、 1 在線訂購(gòu)（購(gòu)物車）客戶首先必須進(jìn)行會(huì)員注冊(cè),才可進(jìn)行在線訂購(gòu)系統(tǒng)?？蛻艨蛇x擇配送方式與支付方式8、 2直接訂購(gòu)客戶也可選擇直接訂購(gòu)得便捷方式:無需會(huì)員注冊(cè),直接打免費(fèi)電話或在線填寫訂單訂購(gòu)8、 3

22、訂單查詢客戶可在線查瞧與修改自己得網(wǎng)上訂單與交易記錄8、 4訂購(gòu)指南包括訂購(gòu)方式、配送方式、售后服務(wù)、常見問題、付款方式等說明8、 5在線支付支持網(wǎng)上銀行、支付寶等多種在線支付方式B、 6訂單管理（后臺(tái) ）管理員在后臺(tái)可輕松實(shí)現(xiàn)客戶在線訂單得查詢、統(tǒng)計(jì)、跟蹤、編輯等功能C、企業(yè)介紹客戶更可能得從多方面了解本企業(yè),將有力提升本企業(yè)得品牌形象與網(wǎng)上銷售得可信度C、 1 企業(yè)概況企業(yè)概述、發(fā)展歷程等,常規(guī)采用文字+企業(yè)形象照片形式（可選購(gòu)“企業(yè)視頻介紹”功能 ）D、 2 主營(yíng)業(yè)務(wù)企業(yè)主要經(jīng)營(yíng)得產(chǎn)品與服務(wù)項(xiàng)目簡(jiǎn)介E、 3 使命愿景企業(yè)得經(jīng)營(yíng)宗旨、價(jià)值觀、使命宣言、發(fā)展愿景C、 4企業(yè)風(fēng)采生產(chǎn)基地可重點(diǎn)

23、展示綠色有機(jī)食品得生產(chǎn)環(huán)境與過程,讓消費(fèi)者放心 ;公司可展示辦公室景象照片等D、會(huì)員管理客戶可通過“會(huì)員注冊(cè)”來提交自己得簡(jiǎn)介資料 ,管理員也可以此收集網(wǎng)站訪問者得聯(lián)系資料。管理員可對(duì)注冊(cè)會(huì)員資料進(jìn)行統(tǒng)計(jì)、查詢、編輯等操作D、 1 會(huì)員注冊(cè)客戶通過“會(huì)員注冊(cè)”,輸入公司名稱、姓名、聯(lián)系方式、省份城市等資料 ,注冊(cè)成為本站會(huì)員D、 2會(huì)員登錄會(huì)員注冊(cè)后,可使用會(huì)員登錄功能登陸企業(yè)網(wǎng)站,才可使用本站得多項(xiàng)會(huì)員服務(wù)功能F、 3會(huì)員資料管理（會(huì)員中心 ）會(huì)員登錄后即進(jìn)入會(huì)員中心,可查瞧與修改自己得會(huì)員注冊(cè)資料（簡(jiǎn)介、密碼、聯(lián)系方式等）、會(huì)員狀態(tài)（會(huì)員積分、會(huì)員級(jí)別等）D、 4會(huì)員信息管理會(huì)員在 “會(huì)員

24、中心”中 ,可發(fā)布與管理自己得簡(jiǎn)介信息、訂單信息、資訊信息等類別信息D、 5會(huì)員權(quán)限管理（后臺(tái) ）管理員可設(shè)置多種會(huì)員類型,對(duì)不同類型得會(huì)員可設(shè)置不同得服務(wù)權(quán)限。（例如可設(shè)置普通會(huì)員、高級(jí)會(huì)員,享有不同得產(chǎn)品定價(jià)折扣與不同得產(chǎn)品信息或資訊文章得瀏覽權(quán)限）E、聯(lián)系我們網(wǎng)站必須提供盡量多元化得聯(lián)系方式,盡量方便客戶以最便捷得方式 ,與我們產(chǎn)生交流,有力得提升網(wǎng)上招商成功率與服務(wù)品質(zhì)F、管理員權(quán)限管理（后臺(tái)）網(wǎng)站系統(tǒng)提供多種管理員權(quán)限設(shè)置功能，不同級(jí)別得管理員具有不同得后臺(tái)功能管理權(quán)限，不能越權(quán)操作其她功 能模塊，保證網(wǎng)站后臺(tái)系統(tǒng)得管理安全3、4網(wǎng)站框架圖勤公司介紹一公司目前狀態(tài)公司未來發(fā)展項(xiàng)目網(wǎng)站

25、開發(fā)建設(shè)網(wǎng)頁設(shè)計(jì)網(wǎng)站首頁首注造交網(wǎng)站欄目頁（一級(jí)欄目頁）首頁網(wǎng)站內(nèi)容頁（二級(jí)及以下欄 目頁）數(shù)據(jù)庫系統(tǒng)開發(fā)產(chǎn)品展示類別管理3、5網(wǎng)站開發(fā)項(xiàng)算明加盟與招聘產(chǎn)品知識(shí)件設(shè)計(jì)采用客戶得既定標(biāo)準(zhǔn) 廛M調(diào)各區(qū)域得主次關(guān)系左,，以營(yíng).高w用性與視覺舒適性得人機(jī)互艮面為終極目標(biāo)_;根確計(jì)保性據(jù)網(wǎng)站結(jié)欲斑棚奧別得分類一岸需要獨(dú)3設(shè)計(jì)得頻值欄目LI3«面中|與靈活性。于我們）么根據(jù)上級(jí)頁面得設(shè)詁頁圖形文件。詳見下文價(jià)格頁再設(shè)計(jì)風(fēng)格風(fēng)格與為容1000參數(shù)管斷指導(dǎo)400常見問題解答會(huì)呂 r"賬單查詢.會(huì)員磔M杲指;動(dòng)&促銷、產(chǎn)品、新聞、會(huì)責(zé)、購(gòu)物車、購(gòu)物幫助、積分、關(guān)，出安段叫牛會(huì)員登戢入

26、購(gòu)物車賬戶查遮送貨方式多級(jí)分類功能；自行添加修20004rl購(gòu)物指示支付配送15002000聯(lián)系我們數(shù)據(jù);產(chǎn)品關(guān)鍵詞指定；圖）關(guān)建可購(gòu)物車選支付方式及;示簽（Tag）設(shè)定;優(yōu)先顯于排序3臺(tái)匕 目匕，搜索分為模糊搜索與高紉11我得訂第成訂單2沖形式模糊搜索結(jié)合網(wǎng)四整體我得收點(diǎn)線支付投訴建譙銷新聞新聞中心我得資朝皿新聞數(shù)據(jù)庫，對(duì)網(wǎng)站所有信息進(jìn)行關(guān)鍵 字模糊搜索精確搜索應(yīng)用于網(wǎng)站 版塊，可實(shí)現(xiàn)多層級(jí)精確搜索，針對(duì) 模糊搜索可進(jìn)行再次細(xì)化搜索產(chǎn)品訂購(gòu)系統(tǒng)購(gòu)物車記憶功能，防止顧客掉線丟 失購(gòu)物車商品信息；購(gòu)物車提示功 能:可讓顧客隨時(shí)查瞧購(gòu)物車內(nèi)商 品與金額，客戶可以在訂單中添加 備注內(nèi)容9001900

27、訂單管理能夠查瞧管理訂單信息，能夠按多 種方式對(duì)訂單信息進(jìn)行列表管理員能夠定義訂單得處理狀態(tài) ，如止在處理、已確認(rèn)、無效等，能夠 自由修改訂單得狀態(tài)能夠按類別、關(guān)鍵字檢索訂單信息9001900積分管理會(huì)員能夠查瞧自己得積分情況、消費(fèi)額（經(jīng)驗(yàn)值）情況；用戶可以用積 分兌換商品管理員可以修改積分，可以按類別 管理積分兌換或者附贈(zèng)禮品得管 理6001600網(wǎng)上支付系統(tǒng)支付寶、易寶、財(cái)付通等6001600留言板留言表格設(shè)置合理，可多人管理；用 戶發(fā)送留言后，留言將自動(dòng)發(fā)至指 定郵箱；網(wǎng)站管理員可以刪除留言 內(nèi)容；5001500資訊發(fā)布系統(tǒng)管理與發(fā)布新聞?lì)愇恼聝?nèi)容 ；每欄 目信息能夠按類別顯示，方便瀏覽

28、 者瀏覽與查找；系統(tǒng)可以提取最新得信息在首頁或欄目首頁顯示；管理員能夠按類 別、關(guān)鍵字查詢信息，方便管理；140011400會(huì)員管理系統(tǒng)瀏覽者在線填寫注冊(cè)表，即時(shí)成為 網(wǎng)站全員；會(huì)員可自行維護(hù)個(gè)人注 冊(cè)信息；后臺(tái)設(shè)置會(huì)員管理界面，管 理員可對(duì)會(huì)員信息進(jìn)行分類查詢、 對(duì)無效會(huì)員進(jìn)行刪除；會(huì)員登錄后 能夠查瞧、管理自己得信息 ；會(huì)員 能夠查瞧自己得訂單、積分值 ；會(huì) 員能夠查瞧自己得歷史交易記錄；會(huì)員能夠查瞧自己得收藏夾；150011500權(quán)限管理設(shè)立不同后臺(tái)模塊得管理權(quán)限，可 實(shí)現(xiàn)多人共同管理得目得9001900網(wǎng)站開發(fā)費(fèi)用總計(jì)：15000元，網(wǎng)站優(yōu)惠價(jià)：12000元域名注冊(cè)、100兀每年，三年

29、共計(jì)300兀,雙線全能虛擬主機(jī) 4GB,1900兀每年，三年可享8折優(yōu)惠， 即三年只要 4560兀，可省1140兀網(wǎng)站配套服務(wù)在線客服交流客戶可直接在線與公司交流贈(zèng)送1贈(zèng)送在線流量統(tǒng)計(jì)可直接從網(wǎng)上瞧到網(wǎng)站得詢問情 況贈(zèng)送1贈(zèng)送網(wǎng)站維護(hù)服務(wù)終身免費(fèi)技術(shù)維護(hù)贈(zèng)送1贈(zèng)送網(wǎng)站設(shè)計(jì)排版網(wǎng)站名稱首頁公司介紹輸入內(nèi)容主食休閑食品調(diào)料產(chǎn)品展示幫助中心在線訂購(gòu)版權(quán)所有酒類方便I食品會(huì)員服務(wù)四、應(yīng)用系統(tǒng)呼I一 義工4、1應(yīng)用軟件系統(tǒng)與子系統(tǒng)得劃分新聞中心應(yīng)用軟件系統(tǒng)按邏輯支Web胺務(wù)第揖像多出國(guó)城網(wǎng)接人部分服夸冠安全 系或圉藺挎人芟 全系塊生花信患叵用中間件賣全系統(tǒng)甲硼牛M塘洋曲 安全系統(tǒng)3#應(yīng)用軟件系統(tǒng)得網(wǎng)絡(luò)接

30、入設(shè)備室系統(tǒng)活動(dòng)開展得前提升度維護(hù) 安全系統(tǒng)開度第護(hù)流 分，有設(shè)備得接入才有之后各項(xiàng)操作得完成，當(dāng)然保證安全就是必要得，所以要考慮網(wǎng)絡(luò)接入得安全接入系統(tǒng)，服務(wù)器部分主要針對(duì)信息得發(fā)布等相關(guān)內(nèi) 容。中間件主要就是控制系統(tǒng)服務(wù)器等相關(guān)得中間件安全系統(tǒng)。 數(shù)據(jù)存儲(chǔ)部分就是數(shù)據(jù)得管理，分析應(yīng)用等。開發(fā)維護(hù)部分就是對(duì)系統(tǒng)得研究開發(fā)維護(hù)，保證系統(tǒng)得安全運(yùn)營(yíng)。按子系統(tǒng)得劃分休閑食品網(wǎng)站：總體上一個(gè)對(duì)外得版面，一切依據(jù)此來展開。用戶子系統(tǒng)：一個(gè)有關(guān)于用戶得相關(guān)操作系統(tǒng)，包括有用戶在該得網(wǎng)站活動(dòng)，相關(guān)信息得查瞧等等。管理員子系統(tǒng)：該網(wǎng)站相關(guān)人員得活動(dòng)，對(duì)用戶得及時(shí)反饋，自身系統(tǒng)得管理。4、2數(shù)據(jù)庫與數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)

31、數(shù)據(jù)庫與數(shù)據(jù)庫服務(wù)器建立連接就是對(duì)數(shù)據(jù)得有效利用，數(shù)據(jù)服務(wù)器與（應(yīng)用邏輯）基于web得應(yīng)用服務(wù)器通過請(qǐng)求、響應(yīng)聯(lián)系實(shí)現(xiàn)對(duì) 數(shù)據(jù)得邏輯表達(dá)，基于web得應(yīng)用服務(wù)器與瀏覽器客戶機(jī)通過請(qǐng)求、 響應(yīng)聯(lián)系來實(shí)現(xiàn)對(duì)用戶得要求。多層結(jié)構(gòu)Web服務(wù)器W#服務(wù)器Web服務(wù)器應(yīng)用服務(wù)器 應(yīng)用服務(wù)器應(yīng)用服一務(wù)層事務(wù)加務(wù)器事務(wù)服務(wù)層數(shù)據(jù)庫服務(wù)器I數(shù)據(jù)庫服務(wù)器I I數(shù)據(jù)庫服務(wù)器I數(shù)據(jù)庫服務(wù)層眾多服務(wù)器相互作用相互聯(lián)系共同服務(wù)于企業(yè)網(wǎng)站，web服務(wù)器、應(yīng)用服務(wù)器、事務(wù)服務(wù)器、數(shù)據(jù)庫服務(wù)器相互之間作用服務(wù)于總體系 統(tǒng)。4、3輸入輸出設(shè)計(jì)進(jìn)入購(gòu)物區(qū)分類推薦訴內(nèi)搜索購(gòu)物于結(jié)算中心出11正選擇炎到付款匯教訓(xùn)節(jié)咨詢內(nèi)容、輸入輸出設(shè)

32、計(jì)主要針對(duì)應(yīng)用軟件得輸入輸出數(shù)據(jù)得格式、 方法等方面得設(shè)計(jì)，保證期間得合理合法等。輸入輸出主要就是用戶 通過鍵盤完成在線得瀏覽、購(gòu)買、支付等過程，以及交易之后得相關(guān) 事宜等。五、網(wǎng)頁設(shè)計(jì)堅(jiān)果炒貨餅干糕點(diǎn)肉類零食膨化食品糖果巧克飲料罐頭特產(chǎn)零食進(jìn)口零食詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)5、1首頁制作打開dreamweaver8選擇站點(diǎn)，然后點(diǎn)擊新建站點(diǎn)，在顯示出來得頁面輸入站點(diǎn)得名稱，如下圖所示Cuiilr本他信縣站點(diǎn)石梅Or）.一國(guó)網(wǎng)志旭推文件夾T）： C: VlfHerM.»ln：,zii三七廣啟七百壯士連七吧1未吉, 1,） /自MJSI新本地又件到倭區(qū)賈訕魔修文件獎(jiǎng)co； 一1口第隅醐十：口文檔巾

33、）站點(diǎn)根目錄$）itrzr W0（）. hup /gp»MW叵苗大小號(hào)的博短：_使用區(qū)分大小寫的蠅植置 緩存.V啟用韁存通圖4-1站點(diǎn)建立然后點(diǎn)擊確認(rèn)，就會(huì)建立一個(gè)叫“零食網(wǎng)”得站點(diǎn)文件夾，可以在dreamweaver8得右下角瞧到，如圖圖4-2文件夾視圖在右下角得零食網(wǎng)文件夾出，右鍵點(diǎn)擊該文件夾，選擇新建文件 夾,命名為CSS用來存放建立得CSS羊式文件。然后同理新建文件夾 命名為images,用來保存建立網(wǎng)頁所需要得相關(guān)媒體文件。點(diǎn)擊左上角得新建選項(xiàng)，然后新建一個(gè)網(wǎng)頁。在設(shè)計(jì)樣式中，選 擇插入然后選擇表格，在出現(xiàn)得界面中設(shè)置如下圖4-3表格設(shè)置表格建立完成后，效果如下圖所示我的零

34、食歡迎來到圖4-4頁面布局然后在每個(gè)表格中插入先前準(zhǔn)備好得背景圖片即可。表格背景設(shè)置完成后，選擇插入一布局對(duì)象一層，然后在出現(xiàn)得 層中插入一張表格，用來設(shè)置主頁中商品得“全部分類”選項(xiàng)。插入 得表格設(shè)置為9行1列即可。在新建得這張表格中，填入需要設(shè)置得商品名稱。然后將該層移 動(dòng)到最左邊得大表格中即可。接著制作在主頁中需要顯示得部分商品 得展示圖片，制作方法如下：打開photoshop工具，新建一張圖片，大 小設(shè)置為283*283,接著插入3張靜態(tài)得圖片，在photoshop中找到導(dǎo) 航欄中得窗口選項(xiàng)，然后選中動(dòng)畫，在動(dòng)畫窗口新建3張新得動(dòng)畫圖 片，在第一張新建動(dòng)畫中只顯示插入得第一張圖，然后，

35、在第二張新建 動(dòng)畫中只顯示第二張插入得圖片，最后，在第三張中只顯示插入得第 三張圖，效果如圖所示圖4-5GIF圖片制作然后設(shè)置播放動(dòng)畫得時(shí)間為1秒,如圖所示圖4-6動(dòng)畫 最后，保存為gif格式，同理,創(chuàng)建其她需要得圖片即可。在首頁相應(yīng)得位置插入制作好得圖片 ，然后在最右邊得大表格 中填入商品得名稱與資料，完善頁面得布局。接著對(duì)字體與頁面得背 景設(shè)置CSS羊式然后設(shè)置3個(gè)熱點(diǎn)區(qū)域，分別在登陸、注冊(cè)與聯(lián)系得位置并設(shè)置 到鏈接，其中在聯(lián)系得鏈接中，我們輸入mailto:test163 、用于測(cè)試 完成后得頁面如圖所示圖4-7首頁截圖5、2商品展示頁面制作商品展示頁面我們可以利用dreamweaver

36、自帶得模板進(jìn)行修改方法如下：選擇新建一個(gè)頁面，在彈出得窗口中選擇如下圖所示星，.文動(dòng)態(tài)質(zhì)模板頁其他框架集頁面設(shè)廿(CSS)入門而面頁面設(shè)計(jì)f有觸功能的I俅儲(chǔ)摩里樂樂加樂*雁曲鑿晶的被飲首 健健健娛娛娛娛限旅旅旅旅旅饕饕饕鬟-直品本協(xié)尋貢品 *食食王盧文日自主總 役飲饃 與與與頁頁t衍錄幣總本歷立日日主A文曰賈五頁頁文皆類型代歷錄 霓日目圖4-8模板然后我們對(duì)新建得頁面進(jìn)行修改。首先將背景顏色更改為符合我們網(wǎng)站風(fēng)格得顏色，用鼠標(biāo)點(diǎn)擊背景得空白處，我們可以再dreamweaver得下方瞧見背景得屬性設(shè)置菜單，然后我們只需要將里面得屬性修改為我們需要得屬性即可 ，具體得參數(shù)設(shè)置如下圖所示邛這無 E

37、loao' r CS5|TT /三三三三項(xiàng)接-*惕1睛“皿- 大小Lfl 像索，軸； H*eJTTC E三療口 U 白戰(zhàn)-|有:可atu七I_SSSS_ *制己n麗inI山 LJ 加茹麗TV B m ITS fctffeg.iwooMO Mni I圖4-9屬性然后建立一個(gè)頁面，在代碼欄中我們寫入需要設(shè)置得 CSS 羊式代碼，里面包括網(wǎng)頁中文字得樣式與部分背景圖片得樣式。然后保存為CSS后綴得文件即可。返回之前所建立得商品展示頁面 ，在網(wǎng)頁代碼中應(yīng)用建好得CSS羊式，輸入得代碼如下<link rel="stylesheet"href="css/mm_r

38、estaurant1csstype="text/css" />接著，我們?cè)陧撁嫦路降帽砀裰性O(shè)置滾動(dòng)提示文字，輸入得代碼如下<P><MARQUEEass="pageName”> 更多商品，添加中 Ing、</MARQUEE></P>在網(wǎng)頁頂部得位置，我們添加一個(gè)導(dǎo)航條，用于其她分類商品得鏈接與返回首頁，從左到右輸入得文字如下WAHF*牌 E慢制*箕，工V n KAA圖4-10導(dǎo)航欄接著選中文字，然后在下方得屬性欄中添加需要連接到得地址頁面最后對(duì)網(wǎng)頁進(jìn)行一些小得修整，完成后得頁面如下圖4-11商品展示頁面5、3登陸

39、界面得制作首先插入表格并進(jìn)行分割，然后在分割好后得表格中插入事先 準(zhǔn)備好得圖片，完成界面得基本制作。接著對(duì)網(wǎng)頁得細(xì)節(jié)進(jìn)行制作，在右側(cè)得表格中，我們選擇插入一表單一文本域，在此我們需要插入 兩個(gè)表單，一個(gè)用于填寫用戶名稱，一個(gè)用于填寫用戶密碼，并將這兩 個(gè)表單分別命名為t1與t2,接著在這兩個(gè)表單得上方添加上文字提 示。然后在兩個(gè)表格得最下方添加兩個(gè)按鈕，一個(gè)命名為提交，用于提交表單內(nèi)容，命名為取消，用于重置表單。完成后得效果如圖所示圖4-12登陸框接著我們編寫一個(gè)簡(jiǎn)單得javascript 程序，用于提示用戶得登陸情況。代碼如下<script language="javascr

40、ipt">function fun1()alert(" 登陸成功！”)；</script>最后，我們?cè)诰W(wǎng)頁得左下角設(shè)置一個(gè)返回首頁得鏈接，完成后得效果 如圖ELCOME 用戶過景圖4-13登陸頁面5、4注冊(cè)頁面得制作插入一張表格設(shè)置為1列5行,在第一行中我們?cè)O(shè)置一個(gè)用于返回首頁得鏈接并設(shè)置為向右對(duì)齊，在第3行中我們輸入部分得文字， 用于提醒注冊(cè)得用戶。在第5行中,我們插入5個(gè)文本域，分別用作輸 入用戶名稱，用戶密碼，驗(yàn)證密碼，用戶郵箱，用戶昵稱，然后在下面插 入連個(gè)單選按鈕用于用戶設(shè)置性別。最后 ，在最下方設(shè)置兩個(gè)按鈕， 用于用戶提交表單與重置表單，完成得

41、效果如下圖所示注冊(cè)后可LL事一中尋5分Qtt豆壯'!還在等什二9汪如毛！”就7”冊(cè) Fr圖4-14注冊(cè)頁面接著我們編寫用于驗(yàn)證用戶輸入得信息就是否合理得javascript 程序代碼，部分代碼如下function checkSubmit() /用于驗(yàn)證用戶輸入得信息就是否正確if(document、form2、userid、value="") 判斷用戶就是否輸入了用戶名document、form2、userid、focus();alert("用戶名不能為空！");return false;if(document 、 form2、 userpwd、 value="")/ 判斷兩次輸入得密碼就是否一致document、 form2、 userpwd、 focus();alert(" 登陸密碼不能為空！");return false;if(document 、 form2、 userpwdok、 value!=document 、 form2、 userpwd、value)document、 form2、 userpwdok、