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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

25、>　　這樣，頂部的導航條和用戶登陸系統(tǒng)也做好了。之后每個頁面調(diào)用這個index_top.asp就可以了，這樣做可以減少頁面大小，加快頁面打開的速度。</p><p>　　接著是會員登陸的界面，這里和剛才一樣，單獨一個頁面，之后每個頁調(diào)用他，這里繼續(xù)用LI元素進行排序，將加入文本框元素，讓用戶輸入帳號和密碼、驗證碼等等信息，加入提交按鈕。這個用戶登陸小界面做好了，接著寫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>　　對這個頁面作相應排后另存為index_cart.asp。</p><p><b>　　3.2數(shù)據(jù)庫設計</b></p><p>　　接下來就是最后階段-“后臺”，出于

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

31、是ASP代碼。</p><p>　　為了方便日后維護和管理，將每個控件代碼分開管理，每個控件為一個文件，如相冊的后臺文件我分為photo.asp、photocategory.asp等等。</p><p>　　經(jīng)過幾經(jīng)周折，漫長時間調(diào)試，個人網(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;　　總結 </b></p><p>　　在歷時將近三個月的時間內(nèi)，制作這次畢業(yè)設計，是從學習新的知識（ASP語言和HTML語言以及數(shù)據(jù)庫知識），到網(wǎng)站的完成。遇到了若干的問題和解決了不少的問題，在學習ASP+數(shù)據(jù)庫在電子商務中的運用，并不是我們想象的寫程序那么簡單，它包括了數(shù)據(jù)庫設計、編寫程序、網(wǎng)頁制作、圖象處理、版面設計、數(shù)據(jù)采集、文本編輯、服務器管理等等。用ASP開發(fā)的時候，在程序的調(diào)試上也

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

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

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

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