書城的設(shè)計(jì)制作與實(shí)現(xiàn)畢業(yè)設(shè)計(jì)

1、<p>　　畢 業(yè) 設(shè) 計(jì) 說(shuō) 明 書</p><p>　　書城的設(shè)計(jì)制作與實(shí)現(xiàn)</p><p><b>　　目 錄</b></p><p><b>　　[摘要]2</b></p><p><b>　　[關(guān)鍵詞]2</b></p><p>

2、<b>　　一、引言2</b></p><p>　　1.1電子信息化的潮流2</p><p>　　1.2電子商務(wù)的構(gòu)建基礎(chǔ)2</p><p>　　1.3風(fēng)訊書城管理程序2</p><p><b>　　二、網(wǎng)站規(guī)劃3</b></p><p>　　2.1 網(wǎng)站的主題3

3、</p><p>　　2.2 搜集相關(guān)資料3</p><p>　　2.3 網(wǎng)站架構(gòu)與網(wǎng)頁(yè)內(nèi)容3</p><p>　　2.4 借助各種軟件策劃與編輯網(wǎng)頁(yè)3</p><p><b>　　三、網(wǎng)站的風(fēng)格4</b></p><p><b>　　四、數(shù)據(jù)庫(kù)模塊5</b><

4、;/p><p><b>　　4.1定義5</b></p><p><b>　　4.2軟件結(jié)構(gòu)6</b></p><p><b>　　五、程序描述9</b></p><p>　　5.1數(shù)據(jù)庫(kù)模塊9</p><p>　　六、數(shù)據(jù)庫(kù)設(shè)計(jì)11</p&

5、gt;<p><b>　　七、制作體會(huì)13</b></p><p><b>　　八、致謝13</b></p><p><b>　　九、參考文獻(xiàn)14</b></p><p>　　《風(fēng)訊書城》的設(shè)計(jì)制作與實(shí)現(xiàn)</p><p>　　江門廣播電視大學(xué)2002電子商務(wù)

6、 梁娟</p><p>　　[摘要]本文從網(wǎng)站流程規(guī)劃，到網(wǎng)站風(fēng)格、功能模塊劃分，到程序描述、數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)，到網(wǎng)站具體制作，逐步描述了“風(fēng)訊書城”的建設(shè)過(guò)程。詳細(xì)講述了ASP技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)上的具體應(yīng)用，如商品動(dòng)態(tài)更新、商品查詢、商品購(gòu)買、書城管理等。通過(guò)對(duì)本網(wǎng)站設(shè)計(jì)與建設(shè)，具體說(shuō)明了動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的優(yōu)點(diǎn)及具體應(yīng)用。</p><p>　　關(guān)鍵詞： 書城 電子商務(wù) 創(chuàng)作 網(wǎng)站&l

7、t;/p><p><b>　　一、引言</b></p><p>　　1.1電子信息化的潮流</p><p>　　伴隨著WTO的新世紀(jì)來(lái)臨，政府上網(wǎng)、企業(yè)上網(wǎng)已成勢(shì)不可擋,市民上網(wǎng)也已經(jīng)越來(lái)越普及的情況下。電子商務(wù)也迅速成為了新世紀(jì)具有網(wǎng)絡(luò)構(gòu)建的銷售必用方法。</p><p>　　1.2電子商務(wù)的構(gòu)建基礎(chǔ)</p>

8、<p>　　對(duì)與銷售商的戰(zhàn)略發(fā)展，要建設(shè)及發(fā)展有高效的電子商務(wù)信息平臺(tái)。而環(huán)顧我們周圍的銷售商，銷售商越做越大，但對(duì)分支機(jī)構(gòu)的控制能力卻越來(lái)越弱；無(wú)法獲得集團(tuán)各地的最新各類信息。銷售信息反饋渠道速度不一，決策帶后，信息相互脫節(jié)，嚴(yán)重影響銷售商的戰(zhàn)略部署。</p><p>　　1.3風(fēng)訊書城管理程序</p><p>　　為解決銷售商面臨的難題，使銷售商順利通向電子信息化，風(fēng)訊書城

9、管理程序正是在這種情況下構(gòu)建的。</p><p>　　風(fēng)訊書城管理程序必須架建于 Microsoft IIS 5.0 以上的具有ASP 運(yùn)行能力的 IIS 平臺(tái)。并可以根據(jù)用戶的服務(wù)器軟件支持情況選擇Access數(shù)據(jù)庫(kù)。風(fēng)訊書城管理程序吸取了眾多經(jīng)驗(yàn)下，強(qiáng)化了核心程序，擁有許多的功能。</p><p>　　如版面美觀大方，俱備完整的購(gòu)物網(wǎng)站功能、購(gòu)物方便，操作簡(jiǎn)單，網(wǎng)站整體配色明朗<

10、/p><p><b>　　二、網(wǎng)站規(guī)劃</b></p><p><b>　　2.1 網(wǎng)站的主題</b></p><p>　　本網(wǎng)站的構(gòu)思主要從顧客的角度入手，以實(shí)用、美觀、新穎、方便為主的用戶型網(wǎng)站。其構(gòu)思如下：首先，必須知道自己要做一個(gè)什么樣的網(wǎng)站，也就是說(shuō)要了解自己的需要，清楚知道該網(wǎng)站的定位，我主要從顧客的角度來(lái)考慮設(shè)計(jì)

11、整個(gè)網(wǎng)站的，主題要小而精，貴在創(chuàng)新，給顧客提供新鮮的內(nèi)容。</p><p>　　2.2 搜集相關(guān)資料</p><p>　　確定了網(wǎng)站主題后，就要開(kāi)始搜集相關(guān)的資料，包括文字信息、各種最新書籍，包括網(wǎng)頁(yè)制作素材和圖片等。它的款式和價(jià)格，所以我對(duì)這部份的素材主要是從新、快這個(gè)角度去考慮，并且盡量以簡(jiǎn)短的文字來(lái)概述，為此，我用了網(wǎng)站的搜索功能，從各類書城的網(wǎng)站找出最新，最流行的各類書籍，；讓顧客

12、可以從本網(wǎng)站了解到最新、最快、最好的書。</p><p>　　2.3 網(wǎng)站架構(gòu)與網(wǎng)頁(yè)內(nèi)容</p><p>　　將資料采編整理后，接下來(lái)就可以把原先的構(gòu)思逐一落實(shí)，首先把網(wǎng)站內(nèi)容進(jìn)行分類。</p><p>　　2.4 借助各種軟件策劃與編輯網(wǎng)頁(yè)</p><p>　　我利用Photoshop7.0對(duì)圖片的簡(jiǎn)單分割設(shè)計(jì)，圖片與文字的排列，背景、顏色

13、設(shè)定；Dreamweaver MX創(chuàng)建層面網(wǎng)頁(yè)；ProntPage 2000導(dǎo)入文件、編輯布景主題，文字編輯與排版，F(xiàn)irewords MX創(chuàng)建網(wǎng)頁(yè)按鈕，除利用上述軟件，還利用其他軟件來(lái)進(jìn)行配合制作圖片、文字、動(dòng)畫效果等，本網(wǎng)站也采用下載方式收集素材。制作軟件的主要功能有：</p><p><b>　　導(dǎo)入文件</b></p><p><b>　　編排布景主

14、題</b></p><p><b>　　網(wǎng)頁(yè)中編輯文字</b></p><p><b>　　文字與段落編排</b></p><p>　　條列項(xiàng)目的文字排列整齊</p><p>　　利用表格來(lái)編輯網(wǎng)頁(yè)的版面</p><p><b>　　圖片與文字的排列&l

15、t;/b></p><p><b>　　加入圖片與動(dòng)畫</b></p><p>　　利用FLASH特效加入各種效果</p><p><b>　　加入超鏈接</b></p><p>　　除此之外，還利用其他的軟件來(lái)制作網(wǎng)頁(yè)中的圖案、動(dòng)畫、音效等。</p><p><

16、b>　　三、網(wǎng)站的風(fēng)格</b></p><p>　　3.1 網(wǎng)站題材的選擇</p><p>　　創(chuàng)作一個(gè)網(wǎng)站，首先遇到的問(wèn)題就是網(wǎng)站主題。創(chuàng)作這個(gè)網(wǎng)站以書籍為題材，緊緊圍繞書的主題。</p><p><b>　　3.2網(wǎng)站的命名</b></p><p>　　網(wǎng)站名稱是網(wǎng)站設(shè)計(jì)的一部分，而且是一個(gè)很關(guān)鍵的

17、一個(gè)要素；而我的網(wǎng)站名稱為“風(fēng)訊書城”，像風(fēng)一樣的速度傳遞著最快的信息。</p><p>　　3.3確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)</p><p>　　目錄結(jié)構(gòu)的好壞對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但對(duì)于網(wǎng)站本身的上傳維護(hù)、內(nèi)容的擴(kuò)充和移植有著重要的影響。把書的內(nèi)容按類別進(jìn)行分類，讓人一目了然，頁(yè)面排版井井有條，讓人覺(jué)得輕松。網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的星形結(jié)構(gòu)，每個(gè)頁(yè)面相互之間都

18、建立有鏈接，形成星狀鏈接結(jié)構(gòu)，每個(gè)頁(yè)面里顯示導(dǎo)航條，幫助瀏覽都明確自己所處的位置，在每個(gè)欄目之間方便跳轉(zhuǎn)，隨時(shí)返回首頁(yè)，使網(wǎng)站結(jié)構(gòu)清晰。</p><p><b>　　四、數(shù)據(jù)庫(kù)模塊</b></p><p><b>　　4.1定義</b></p><p><b>　　定義關(guān)鍵詞如下：</b></p

19、><p>　　HTTP —— Hyper Text Transfer Protocol.（超文本傳輸協(xié)議） IIS—— Internet 信息服務(wù).</p><p>　　HTML—— Hyper Text Markup Language(超文本標(biāo)記語(yǔ)言).</p><p>　　ASP——Active Server Pages </p><p&

20、gt;　　ODBC——開(kāi)放數(shù)據(jù)庫(kù)連接</p><p>　　ADO ――活動(dòng)存儲(chǔ)對(duì)象</p><p>　　IPO—— input & process & output(輸入、處理、輸出)</p><p>　　CGI―― Common GateWay interface (公用網(wǎng)關(guān)接口技術(shù))</p><p><b>

21、　　4.2軟件結(jié)構(gòu)</b></p><p>　　4.2.1 數(shù)據(jù)庫(kù)模塊：</p><p>　　風(fēng)訊書城管理程序的數(shù)據(jù)庫(kù)共分為admin ,announce goods goods_order goods_sort link , mycart , payway, sendway, userinfo , web_infor ,11個(gè)數(shù)據(jù)表，其中有admin, goods goods

22、_order goods_sort userinfo 等重要的數(shù)據(jù)表。</p><p>　　現(xiàn)在說(shuō)明幾個(gè)重要的數(shù)據(jù)表的作用：</p><p>　　Admin 保存了管理程序管理員的信息，其中對(duì)密碼進(jìn)行了MD5的加密，goods 主要是保存了程序加入的每一個(gè)產(chǎn)品的信息，goods_order 是用戶下的訂單，goods_sort 記錄了首頁(yè)中產(chǎn)品中的分類，userinfo 記錄了注冊(cè)會(huì)員的

23、信息，需要更另詳細(xì)的信息，請(qǐng)看系統(tǒng)文件目錄下的\data\evan.asp 數(shù)據(jù)庫(kù)文件，為 .asp文件是為了系統(tǒng)的安全，可以把它改為.mdb文件后用Access打開(kāi)</p><p>　　4.2.2 系統(tǒng)文件模塊：</p><p>　　系統(tǒng)采用前臺(tái)，后臺(tái)分開(kāi)的設(shè)計(jì)方法，操作簡(jiǎn)單，安全。</p><p>　　前臺(tái)系統(tǒng)中，風(fēng)訊書城共分為六個(gè)欄目:</p>

24、<p><b>　　書城首頁(yè)</b></p><p><b>　　特價(jià)書目</b></p><p><b>　　新書上架</b></p><p><b>　　用戶中心</b></p><p><b>　　關(guān)于我們</b>&l

25、t;/p><p><b>　　聯(lián)系我們</b></p><p>　　例：欄目名（網(wǎng)頁(yè)名）</p><p>　　├── 書城首頁(yè) (index.asp)</p><p>　　├── 特價(jià)書目 (cheap_goods.asp)</p><p>　　├── 新書上架 (new_on

26、sale.asp)</p><p>　　├── 用戶中心 (user.asp)</p><p>　　├── 關(guān)于我們 (help.asp)</p><p>　　├── 聯(lián)系我們 (管理員E-mail)</p><p>　　index.asp 為欄目頂級(jí)，是程序的首頁(yè)。</p><p>　　cheap_g

27、oods.asp 是特價(jià)書目，可以添加產(chǎn)品，但添加的只有是特價(jià)的商品才會(huì)在其目錄下自動(dòng)生成一個(gè)商品說(shuō)明。</p><p>　　new_onsale.asp為新書的專題，可以添加新的書集。</p><p>　　user.asp是用戶中心，其主要是為新員而開(kāi)設(shè)，會(huì)員可以在其中修改個(gè)人資料，和修改密碼，查看訂單等。</p><p>　　help.asp 新注冊(cè)用戶可以按這

28、頁(yè)面下的操作過(guò)行商品選購(gòu)</p><p>　　聯(lián)系我們，如果大家有什么問(wèn)題和建意的，可以和管理員E-mail。</p><p>　　其中最為重要的產(chǎn)品分類，我們把它放在了頁(yè)面的左邊，按其書本的類型，我們的書城現(xiàn)在細(xì)分了四個(gè)類型：</p><p><b>　　計(jì)算機(jī)類</b></p><p><b>　　財(cái)經(jīng)類&

29、lt;/b></p><p><b>　　管理類</b></p><p><b>　　娛樂(lè)休閑類</b></p><p>　　以后管理員可以視網(wǎng)站的需要可以直接在后臺(tái)加上所需類別。</p><p>　　后臺(tái)系統(tǒng)也細(xì)分了各模塊的功能細(xì)分為：</p><p>　　├──商城

30、信息設(shè)置</p><p><b>　　├──基本信息設(shè)置</b></p><p>　　├──最新動(dòng)態(tài)添加|管理</p><p><b>　　├──商品管理</b></p><p>　　├──商品類別管理</p><p>　　├──商品添加 | 管理</p

31、><p><b>　　├──用戶管理</b></p><p><b>　　├──前臺(tái)用戶管理</b></p><p><b>　　├──管理員管理</b></p><p><b>　　├──訂單管理</b></p><p><

32、b>　　├──客房訂單管理</b></p><p><b>　　├──其他管理</b></p><p><b>　　├──合作站點(diǎn)添加</b></p><p><b>　　├──配送方式添加</b></p><p>　　五個(gè)模塊，流程圖為：</p>

33、<p><b>　　M1：商城信息設(shè)置</b></p><p><b>　　M2：商品管理</b></p><p><b>　　M3：用戶管理</b></p><p><b>　　M4：訂單管理</b></p><p><b>　　

34、T1：添加刪除類別</b></p><p><b>　　T2：添加商品</b></p><p><b>　　T3：刪除商品</b></p><p><b>　　S1：刪除前臺(tái)用戶</b></p><p><b>　　S2：添加管理員</b>&l

35、t;/p><p><b>　　S3：刪除管理員</b></p><p><b>　　五、程序描述</b></p><p><b>　　5.1數(shù)據(jù)庫(kù)模塊</b></p><p><b>　　5.1.1 功能</b></p><p>　　

36、用戶在登錄界面輸入用戶名和密碼，系統(tǒng)驗(yàn)證是否正確，并根據(jù)用戶名判斷用戶類別，并跳轉(zhuǎn)到相應(yīng)的子模塊；</p><p><b>　　5.1.2 性能</b></p><p><b>　　5.1.3關(guān)系圖</b></p><p><b>　　六、數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p>

37、　　本系統(tǒng)所選用的DBMS為ACCESS，共分為11個(gè)數(shù)據(jù)表，系統(tǒng)主要是維護(hù)5張數(shù)據(jù)表：</p><p><b>　　1. 管理員信息表</b></p><p><b>　　2. 會(huì)員信息表</b></p><p><b>　　3. 商品信息表</b></p><p><

38、b>　　4. 訂單處理表</b></p><p><b>　　5. 商品分類表</b></p><p><b>　　六、制作體會(huì)</b></p><p><b>　　七、制作體會(huì)</b></p><p>　　通過(guò)這次的網(wǎng)站系統(tǒng)創(chuàng)作，使本人感觸頗深；首先確定網(wǎng)站

39、開(kāi)發(fā)流程：定義站點(diǎn)→建立網(wǎng)站結(jié)構(gòu)→設(shè)計(jì)制作主頁(yè)→其他頁(yè)面制作→測(cè)試頁(yè)面→發(fā)布和維護(hù)。然后構(gòu)想出網(wǎng)站的主題，明確建立網(wǎng)站的目的，確定網(wǎng)站提供的內(nèi)容，以及網(wǎng)站資料的搜集。還有網(wǎng)站框架、模板與表格的設(shè)計(jì)，顏色的調(diào)配，圖片的修改，在制作過(guò)程中要求特別細(xì)致，如果框架、表格與圖片大小不一致，就會(huì)發(fā)生變形，扭曲；所以通過(guò)多次修改、測(cè)試才能制作一個(gè)網(wǎng)站；雖然我創(chuàng)作只是一個(gè)特別簡(jiǎn)單虛構(gòu)的小型網(wǎng)站，但是卻付出了很多時(shí)間和心血。但通過(guò)本次創(chuàng)作網(wǎng)站的過(guò)程，融匯

40、、貫通三年來(lái)里所學(xué)習(xí)的專業(yè)基礎(chǔ)知識(shí)和專業(yè)理論知識(shí)，學(xué)會(huì)各種設(shè)計(jì)軟件的一些基本操作。回顧一下總結(jié)經(jīng)驗(yàn)，創(chuàng)作一個(gè)網(wǎng)站需要以下幾個(gè)階段：擬定網(wǎng)站的總體布局、總體規(guī)劃、網(wǎng)站的風(fēng)格和網(wǎng)站實(shí)際作用與主題，從多方面搜集相關(guān)的資料，規(guī)范網(wǎng)站架構(gòu)模塊與網(wǎng)頁(yè)的具體內(nèi)容，借助Dreamwaver MX，F(xiàn)lash MX，F(xiàn)ireworks MX，PhotoShop 7.0等軟件的強(qiáng)大功能來(lái)策劃與編輯網(wǎng)頁(yè)；并要做到網(wǎng)站與顧客良好的互動(dòng)性、網(wǎng)站的永續(xù)經(jīng)營(yíng)?？傊?，

41、能創(chuàng)造并設(shè)計(jì)出一個(gè)既新穎又內(nèi)容豐富的網(wǎng)站，是走向成功的第一步。</p><p><b>　　八、致謝</b></p><p>　　在此，衷心感謝我的指導(dǎo)老師，陳老師認(rèn)真負(fù)責(zé)的工作態(tài)度，嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神都是非常值得我們學(xué)習(xí)的。還要感謝學(xué)校領(lǐng)導(dǎo)、班主任、各位同學(xué)對(duì)我們的關(guān)懷、幫助，為我們提供了良好的設(shè)計(jì)環(huán)境以及各方面的支持。感謝電大給我們創(chuàng)造學(xué)習(xí)的機(jī)會(huì)，感謝所有教過(guò)我的電大

42、老師。</p><p><b>　　九、參考文獻(xiàn)</b></p><p>　　[1] 廖信彥﹒Active Server Pages應(yīng)用大全——ASP與數(shù)據(jù)庫(kù)的整合[M]﹒清華大學(xué)出版社，2000</p><p>　　[2] Vivek Sharma,Rajiv Sharma﹒電子商務(wù)網(wǎng)站開(kāi)發(fā)指南[M]﹒清華大學(xué)出版社，2002 </p&