電子商務(wù)購物網(wǎng)站畢業(yè)設(shè)計(jì)

1、<p><b>　　目錄</b></p><p>　　內(nèi)容摘要……………………………………………………………………………2</p><p>　　關(guān)鍵字………………………………………………………………………………2</p><p>　　前言…………………………………………………………………………………3</p><p

2、>　　一、購物網(wǎng)站分析和設(shè)計(jì)準(zhǔn)備……………………………………………………4</p><p>　　1.1 電子商務(wù)系統(tǒng)的組成……………………………………………………4</p><p>　　1.2 開發(fā)運(yùn)行環(huán)境……………………………………………………………4</p><p>　　二、購物網(wǎng)站的整體規(guī)劃…………………………………………………………6</p>

3、;<p>　　2.1 系統(tǒng)功能分析……………………………………………………………6</p><p>　　2.2 網(wǎng)絡(luò)結(jié)構(gòu)…………………………………………………………………6</p><p>　　三、物網(wǎng)站的詳細(xì)制作過程………………………………………………………7</p><p>　　3.1 頁面內(nèi)容制作……………………………………………………………7&

4、lt;/p><p>　　3.2 數(shù)據(jù)庫設(shè)計(jì)………………………………………………………………9</p><p>　　四、各頁面的最終效果……………………………………………………………10</p><p>　　總結(jié)…………………………………………………………………………………12</p><p>　　致謝……………………………………………………………

5、……………………12</p><p>　　參考文獻(xiàn)……………………………………………………………………………13</p><p><b>　　內(nèi)容摘要</b></p><p>　　我的畢業(yè)設(shè)計(jì)是設(shè)計(jì)電子商城購物網(wǎng)站,其主要內(nèi)容包括網(wǎng)站的主頁面和各子頁面設(shè)計(jì)、后臺(tái)數(shù)據(jù)庫的設(shè)計(jì)、asp源代碼編寫等等。主要的功能包括有后臺(tái)、商城新聞、精品專區(qū)、購物車

6、、收藏箱等一系列的功能。建立網(wǎng)站時(shí)使用了多種網(wǎng)頁設(shè)計(jì)工具，包括：Dreamwearer CS4 、ASP 、記事本等等，數(shù)據(jù)庫設(shè)計(jì)方面用了Access 2003，為了做到圖文并茂，還利用了圖象處理軟件PhotoshopCS5對(duì)網(wǎng)站的圖片進(jìn)行處理，整個(gè)網(wǎng)站參考了網(wǎng)上各大個(gè)人空間功能,頁面布局等等，是一個(gè)簡潔和內(nèi)容齊全的個(gè)人網(wǎng)站。</p><p>　　關(guān)鍵字：ASP 后臺(tái)數(shù)據(jù)庫 購物車 商城新聞</p&g

7、t;<p>　　超值電子城購物網(wǎng)站制作</p><p><b>　　前 言</b></p><p>　　近年來隨著計(jì)算機(jī)的日益普及和網(wǎng)絡(luò)（特別是Internet網(wǎng)絡(luò)）的迅速發(fā)展，在發(fā)達(dá)國家形成了一種新的企業(yè)經(jīng)營方式，他們把所有的商業(yè)活動(dòng)和貿(mào)易往來電子化，利用發(fā)達(dá)的網(wǎng)絡(luò)環(huán)境進(jìn)行快速有效的商業(yè)活動(dòng)，企業(yè)的內(nèi)部運(yùn)作、組織管理也發(fā)生了深刻的變革，迎來了嶄新的電

8、子商務(wù)時(shí)代。進(jìn)入九十年代，計(jì)算機(jī)技術(shù)、通信技術(shù)以及建立在計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)基礎(chǔ)上的計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)得到了迅猛的發(fā)展。特別是1993年美國宣布建立國家信息基礎(chǔ)設(shè)施NII 后，全世界許多國家紛紛制定和建立本國的NII ，從而極大地推動(dòng)了計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展，使計(jì)算機(jī)網(wǎng)絡(luò)進(jìn)入了一個(gè)嶄新的階段。目前，全球以美國為核心的高速計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)即Internet已經(jīng)形成，Internet已經(jīng)成為人類最重要的、最大的知識(shí)寶庫。</p><

9、p>　　隨著信息技術(shù)的發(fā)展，，信息的處于傳遞速度突破了時(shí)間和地域性的局限，網(wǎng)絡(luò)化與全球化成為一種不可避免的世界趨勢。由于網(wǎng)絡(luò)用戶的迅速膨脹, 眾多的商家和廠商也紛紛將眼光投向因特網(wǎng)。所以，從單純的完善發(fā)布信息、傳遞信息到網(wǎng)上創(chuàng)立信息中心；從借助傳統(tǒng)貿(mào)易手段不成熟的電子商務(wù)交易到能夠在網(wǎng)上完成供、產(chǎn)、銷全部業(yè)務(wù)流程的電子商務(wù)虛擬市場；從封閉的銀行電子金融系統(tǒng)到開放式的網(wǎng)絡(luò)電子銀行，電子商務(wù)也如火如荼的發(fā)展起來。</p

10、><p>　　電子商務(wù)是一個(gè)發(fā)展?jié)摿薮蟮氖袌?，極具有發(fā)展前景。電子商務(wù)雙向信息溝通、靈活的交易手段和快速的交貨方式的特點(diǎn)，將給社會(huì)帶來巨大的經(jīng)濟(jì)效益，促進(jìn)整個(gè)社會(huì)的生產(chǎn)力的提高。</p><p><b>　　網(wǎng)站分析和設(shè)計(jì)準(zhǔn)備</b></p><p>　　1.1電子商務(wù)系統(tǒng)的組成</p><p>　　隨著時(shí)代的發(fā)展，信息技

11、術(shù)、Internet/Intranet技術(shù)、數(shù)據(jù)庫技術(shù)的不斷發(fā)展完善，網(wǎng)絡(luò)進(jìn)程的加快，傳統(tǒng)的購物方式也越來越不能滿足人們快節(jié)奏的生活需求，電子商務(wù)就是在這樣一個(gè)背景下產(chǎn)生發(fā)展起來的。伴隨著電子商務(wù)技術(shù)的不斷成熟，電子商務(wù)的功能也越來越強(qiáng)大，注冊用戶可以在網(wǎng)上搜索購買到自己想要的各種商品，初步讓人們體會(huì)到了足不出戶,便可隨意購物的快感。人們?nèi)粘Ｉ钪性絹碓蕉嗟厥褂眠@項(xiàng)新的技術(shù)來為自己的工作和學(xué)習(xí)服務(wù)。</p><p&g

12、t;　　購物網(wǎng)屬于典型的B-C形式的電子商務(wù)交易，其主要特征是交易能夠一次完成，不需要太多的后續(xù)工作。我們將為顧客提供美觀、友好的商品展示鋪面。通過圖片和文字來描述其所提供的商品，進(jìn)行促銷活動(dòng)。顧客能夠方便把喜歡的東西放進(jìn)購物車，查詢并訂購商品。商家可以方便定義各種商品信息，讓所有上網(wǎng)瀏覽的客戶看到所錄入的產(chǎn)品信息，并可以隨時(shí)進(jìn)行購買活動(dòng)。我們通過后臺(tái)得到買家的資料后，將以郵寄或?qū)ｉT運(yùn)送的方式將商品送達(dá)顧客手中。</p>

13、<p><b>　　1.2開發(fā)運(yùn)行環(huán)境</b></p><p>　　本網(wǎng)站的開發(fā)工具選用了當(dāng)今較為先進(jìn)的可視化網(wǎng)頁編輯工具Dreamwearer CS4，圖像處理軟件使用了目前流行的Photoshop CS5，網(wǎng)站的后臺(tái)解決方案使用了具有跨平臺(tái)特點(diǎn)、模塊化很強(qiáng)的ASP編程語言，數(shù)據(jù)庫使用微軟Access 2003。</p><p><b>　　AS

14、P簡介</b></p><p>　　ASP（Active Server Pages）實(shí)質(zhì)是一種服務(wù)器端腳本環(huán)境。ASP腳本呈現(xiàn)將在服務(wù)器端運(yùn)行?？蛻舳酥灰褂每蓤?zhí)行HTML代碼的瀏覽器，即可瀏覽通過ASP設(shè)計(jì)出來的頁面內(nèi)容。當(dāng)程序執(zhí)行完后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶端瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。</p><p>　　ASP并不是一種純粹的

15、編程語言，它使用的語言是：VBscript和Javascript語言。在一個(gè)ASP應(yīng)用程序中可以用其中的一種腳本語言，也可以結(jié)合這兩種腳本語言使用。</p><p>　　配置Microsoft IIS</p><p>　　我安裝的是WindowsXP Professional版本的，所以以WindowsXP Professional版來介紹IIS的安裝方法。</p><

16、p>　　在控制面版中選擇“添加/刪除程序”</p><p>　　點(diǎn)擊“添加/刪除Windows組件”</p><p>　　確認(rèn)只選中第一項(xiàng)Internet信息服務(wù)（IIS），然后點(diǎn)擊下一步即可自行進(jìn)行安裝。</p><p>　　系統(tǒng)配置安裝完成后，就會(huì)彈出一個(gè)安裝“完成”的對(duì)話框來提示安裝完成，只要點(diǎn)擊“完成”即可。這樣IIS安裝完畢。</p>

17、<p>　　Dreamweaver CS4簡介</p><p>　　Dreamweaver CS4是建立Web站點(diǎn)和應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合為一個(gè)功能強(qiáng)大的工具，使每個(gè)級(jí)別的開發(fā)人員和設(shè)計(jì)人員都可利用它快速創(chuàng)建界面吸引人并且基于標(biāo)準(zhǔn)的站點(diǎn)和應(yīng)用程序。它從基于CSS的設(shè)計(jì)提供領(lǐng)先的支持到手動(dòng)編碼功能，Dreamweaver在一個(gè)集成和高效的環(huán)境中為專業(yè)人員提

18、供了所需的工具。開發(fā)人員可以將其選擇的服務(wù)器技術(shù)與Dreamweaver配合使用，建立將用戶連接到數(shù)據(jù)庫、Web服務(wù)和舊式系統(tǒng)的強(qiáng)大Internet應(yīng)用程序。</p><p><b>　　ACCESS簡介</b></p><p>　　Microsoft Access是一種關(guān)系式數(shù)據(jù)庫，關(guān)系式數(shù)據(jù)庫由一系列表組成，表又由一系列行和列組成，每一行是一個(gè)記錄，每一列是一個(gè)字

19、段，每個(gè)字段有一個(gè)字段名，字段名在一個(gè)表中不能重復(fù)。表與表之間可以建立關(guān)系（或稱關(guān)聯(lián)，連接），以便查詢相關(guān)聯(lián)的信息。Access數(shù)據(jù)庫以文件形式保存，文件的擴(kuò)展名是MDB。</p><p><b>　　二、的整體規(guī)劃</b></p><p><b>　　2.1系統(tǒng)功能分析</b></p><p>　　本系統(tǒng)是一個(gè)中小型的電

20、子商務(wù)系統(tǒng)—購物網(wǎng)，可以為各類用戶提供方便的在線購物環(huán)境，符合目前國內(nèi)流行的電子商務(wù)莫斯。用戶可以在系統(tǒng)中實(shí)現(xiàn)注冊、瀏覽商品、搜索查詢商品、下訂單、處理訂單等功能；管理員可以通過用戶管理、訂單管理、商品管理、評(píng)論管理等管理功能來對(duì)系統(tǒng)進(jìn)行維護(hù)更新。網(wǎng)站的組成由以下幾個(gè)子系統(tǒng)組成：</p><p><b>　　2.2網(wǎng)絡(luò)結(jié)構(gòu)</b></p><p>　　網(wǎng)站的內(nèi)容主要有

21、下面五個(gè)：公司首頁、公司簡介、商品列表、聯(lián)系我們。</p><p><b>　　其結(jié)構(gòu)如下所示：</b></p><p><b>　　其功能如下：</b></p><p>　　1）、主頁，首頁，能瀏覽總體信息和為其他頁面起到導(dǎo)航。</p><p>　　2）、新貨專區(qū)，能瀏覽全部新上架的商品</

22、p><p>　　3）、促銷專區(qū)，能讓顧客看到促銷優(yōu)惠的商品。</p><p>　　4）、精品專區(qū)，所有精品匯聚于此。</p><p>　　5）、熱賣專區(qū)，最多人買的商品會(huì)在此頁。</p><p>　　6）、購物幫助，能讓顧客了解購物的流程</p><p>　　7）、后臺(tái)，讓賣家進(jìn)入后臺(tái)管理，查看訂品，增加商品，修改商品信息

23、等等功能。</p><p><b>　　細(xì)制作過程</b></p><p>　　3.1 頁面內(nèi)容制作</p><p>　　經(jīng)過以上構(gòu)思后，就正式開始網(wǎng)頁內(nèi)容的編寫。</p><p>　　首先在網(wǎng)上找到一些有用的素材，保存好，這樣可以增加工作效率。制作首頁頂部的導(dǎo)航。使用Dreamweaver，新建一個(gè)asp文件，命名為i

24、ndex_top.asp。插入DIV元素，再插入子DIV，再創(chuàng)建無序列表，這里用Li元素，輸入“注冊”，“購物車”，“收藏箱”，用戶中心“，退出登錄”，“聯(lián)系我們”，“關(guān)于我們”，并加入超連接。這里一個(gè)用戶個(gè)人管理就做好了。再繼續(xù)用LI元素輸入“首頁”，“新貨專區(qū)”，“促銷專區(qū)”，“精品專區(qū)”，“熱賣專區(qū)”，“購物幫助”，來做出導(dǎo)航條。為了增加網(wǎng)站的功能，還特別用Javascript增加了時(shí)間提示功能。</p><p

25、>　　這樣，頂部的導(dǎo)航條和用戶登陸系統(tǒng)也做好了。之后每個(gè)頁面調(diào)用這個(gè)index_top.asp就可以了，這樣做可以減少頁面大小，加快頁面打開的速度。</p><p>　　接著是會(huì)員登陸的界面，這里和剛才一樣，單獨(dú)一個(gè)頁面，之后每個(gè)頁調(diào)用他，這里繼續(xù)用LI元素進(jìn)行排序，將加入文本框元素，讓用戶輸入帳號(hào)和密碼、驗(yàn)證碼等等信息，加入提交按鈕。這個(gè)用戶登陸小界面做好了，接著寫ASP代碼，用來顯示登陸后的信息。代碼大

26、致如下：<%</p><p><b>　　else</b></p><p>　　'讀取session中購物車中商品的數(shù)量</p><p>　　cart = session("cart")</p><p>　　cart_split = split(cart,",")&l

27、t;/p><p>　　if cart="" then</p><p>　　cart_num = 0</p><p><b>　　else</b></p><p>　　cart_num = (ubound(cart_split)+1)/3</p><p><b>　　end

28、 if</b></p><p>　　'讀取session中商品的總金額</p><p>　　account = session("account")</p><p>　　if account="" then </p><p>　　account = 0</p><

29、p><b>　　end if</b></p><p><b>　　%></b></p><p>　　對(duì)這個(gè)頁面作相應(yīng)排后另存為index_cart.asp。</p><p><b>　　3.2數(shù)據(jù)庫設(shè)計(jì)</b></p><p>　　接下來就是最后階段-“后臺(tái)”，出于

30、安全性考慮，不在任務(wù)頁面加入后臺(tái)的超鏈接，想登陸后臺(tái)時(shí)在首頁地址欄加上\admin就可以訪問后臺(tái)了。用ACCESS2003設(shè)置一個(gè)帳戶，帳戶為：admin，密碼為:admin。整好后放在App_Data目錄下，將擴(kuò)展名改為.asp.(出于安全性)</p><p>　　登陸頁面比較簡單，用一個(gè)表格和一張背景圖就完成了。</p><p>　　接下來再新建每個(gè)頁面的后臺(tái)信息連接代碼，這里代碼用的

31、是ASP代碼。</p><p>　　為了方便日后維護(hù)和管理，將每個(gè)控件代碼分開管理，每個(gè)控件為一個(gè)文件，如相冊的后臺(tái)文件我分為photo.asp、photocategory.asp等等。</p><p>　　經(jīng)過幾經(jīng)周折，漫長時(shí)間調(diào)試，個(gè)人網(wǎng)站終于完成。</p><p>　　四、各頁面的最終效果</p><p><b>　　如下面所

32、示：</b></p><p><b>　　首頁</b></p><p><b>　　新貨專區(qū)</b></p><p><b>　　購物幫助</b></p><p><b>　　購物車</b></p><p><b&

33、gt;　　總結(jié) </b></p><p>　　在歷時(shí)將近三個(gè)月的時(shí)間內(nèi)，制作這次畢業(yè)設(shè)計(jì)，是從學(xué)習(xí)新的知識(shí)（ASP語言和HTML語言以及數(shù)據(jù)庫知識(shí)），到網(wǎng)站的完成。遇到了若干的問題和解決了不少的問題，在學(xué)習(xí)ASP+數(shù)據(jù)庫在電子商務(wù)中的運(yùn)用，并不是我們想象的寫程序那么簡單，它包括了數(shù)據(jù)庫設(shè)計(jì)、編寫程序、網(wǎng)頁制作、圖象處理、版面設(shè)計(jì)、數(shù)據(jù)采集、文本編輯、服務(wù)器管理等等。用ASP開發(fā)的時(shí)候，在程序的調(diào)試上也

34、比較麻煩，要在主機(jī)上運(yùn)行PWS(windows9x下)使用瀏覽器來瀏覽才能找出錯(cuò)誤所在，所以花費(fèi)的時(shí)間比較長。</p><p>　　在這次畢業(yè)論文設(shè)計(jì)中，我第一次親身嘗試到了作為一個(gè)缺乏社會(huì)實(shí)踐經(jīng)驗(yàn)的學(xué)生所面臨的困難。所以只有匆匆忙忙地查閱大量基于WEB系統(tǒng)設(shè)計(jì)方面的書籍，希望通過參閱各種關(guān)于系統(tǒng)設(shè)計(jì)的書籍充分了解系統(tǒng)建設(shè)的基本流程、總體布局設(shè)計(jì)以及系統(tǒng)開發(fā)前所需的一些準(zhǔn)備工作。然而，由于實(shí)在是經(jīng)驗(yàn)有限，雖然書本

35、上介紹了許多這方面的知識(shí)和操作方法，但是畢竟還是限于理論方面的，應(yīng)用到實(shí)際當(dāng)中去的時(shí)候就感覺手忙腳亂。</p><p>　　通過這樣一個(gè)邊學(xué)習(xí)邊應(yīng)用的過程，本人完成了購物平臺(tái)的開發(fā)工作，并實(shí)現(xiàn)了該應(yīng)用程序背景所要求的功能。但總的來說，程序仍然存在許多不足之處， 在整個(gè)開發(fā)過程中本人一直本著認(rèn)真、虛心、刻苦、積極的態(tài)度，堅(jiān)持自己獨(dú)立完成設(shè)計(jì)，并基本達(dá)到了應(yīng)用設(shè)計(jì)的功能要求。同時(shí)這個(gè)系統(tǒng)還有一些不足之處，有些功能還不

36、是很完善，所以以后我會(huì)加倍努力的去研究,在熟練的基礎(chǔ)上掌握更多的技術(shù),來提高自己的開發(fā)水平。</p><p><b>　　致 謝</b></p><p>　　畢業(yè)設(shè)計(jì)制作過程中參考了大量的網(wǎng)絡(luò)資料及書籍，制作畢業(yè)設(shè)計(jì)期間，得到老師，同學(xué)和朋友給我了無私的技術(shù)支持與幫助，在此，我要向他們表示由衷的謝意。</p><p><b>　　參

37、考文獻(xiàn)</b></p><p>　　1、李金明，李金榮，《Photoshop CS5完全自學(xué)教程》，人民郵電出版社，2010.6</p><p>　　2、張景峰,《ASP程序設(shè)計(jì)教程（第二版）》，水利水電出版社，2007.06</p><p>　　3、張君工作室，《DreamweaverC網(wǎng)頁制作入門與實(shí)例教程》，機(jī)械工業(yè)出版社，2011.02</