1、基于asp技術的網絡購花網站設計摘 要隨著現代計算機科學的發展，計算機信息系統越來越受到重視，電子商務也逐漸發展，在今天進行網上購物已經是一件很平常的事情。可以同時比較上千種同類產品，可以比較上百家不同的店鋪。 可以和店家交流可以認識很多五湖四海的朋友。 平時很難看到的東西都有得賣，也許踏破鐵鞋無覓處，得來全不費工夫。 坐在家里購物方便，還可以直接送禮物到朋友家。 本文重在講解如何用asp進行網上購物系統的設計，包括所用到的工具、制作動態網站的前期工作用asp技術來實現b/s系統，asp技術與數據庫技術結合，用戶在瀏覽器端可以隨意查詢自己需要的標本，而數據的后臺操作則由服務器端處理。并詳細講解

2、了用asp如何進行模塊功能的實現。關鍵詞：網上購物系統， asp技術，動態網頁abstract：along with the modern computer science development, the computer information system more and more receives takes, electronic commerce also gradually develops, carried in the net in today the shopping already was a very ordinary matter. may simultaneous

3、ly compare over a thousand similar products, may compare on hundred different shops. may exchange the friend with the shop owner who may know very many all corners of the country。usually very is difficult to see the thing all has sells, perhaps the you wear out iron shoes in hunting round, must come

4、 all not to time-consuming. sits the shopping to be at home convenient, but also may give the gift directly to the friend family. how this article in does explain again uses asp to carry in the net the shopping system design, including the tool, the manufacture dynamic website preliminary labor whic

5、h uses affects the asp technology to realize the b/s system, the asp technology and the data bank technology union, the user the specimen which may inquire at will in the browser end oneself needs, but the data backstage operation processes by the server end.。and how explained in detail has carried

6、on the module function with asp the realization.keyword: net shopping system, asp technology, dynamic webpage目錄引 言. .3第一章網上購物系統的優勢.41.1動態網頁的優點.41.2.基礎知識.41.2.1制作動態的前期工作41.2.2動態網站制作所用到的工具.41.2.3動態網站制作用asp編程.41.2.4asp使用范圍.41.2.5access數據庫.41.3市場需求：5第二章設計思路.62.1網站的信息的制作.62.2頁面美工設計：.7第三章數據庫設計93.1 e-r圖932

7、整個系統e-r圖如圖所示：1133數據庫邏輯結構設計123.4數據庫物理結構設計.12第四章：網站介紹.1341登錄模塊流程.144.2銷售管理模塊1543密碼修改流程1644購物車模塊1745購物車訂購流程1846訂單審核流程1947花入庫流程204.8花出庫流程.204.9會員管理模塊.204.10管理員管理模塊.21第五章：重點和難點22第六章 總結22參考文獻： 22致謝23引 言隨著計算機及網絡技術的飛速發展，internet/intranet應用在全球范圍內日益普及，在眾多的網絡服務中，web給人耳目一新的感覺，而在這其中，網上購物已經日漸普及，很多人都通過網絡來購物。網上購物的好

8、處在于能夠不用交房租、不用雇傭伙計、一天24小時隨時能進行服務等等。一個購物網站的好壞直接關系到它是否能夠吸引顧客，是否能夠在眾多的網上購物網站中生存。現在，在互聯網上，可以買圖書、光盤，可以買服裝、鞋帽，可以買手機、相機，可以定機票、酒店，也可以買一些不好意思直接去商店買的東西。網上購物有很多好處。不必受奔波之苦，也不容易被奸商忽悠。男士不必擔心誤入女士內衣專區的尷尬，女士不必害怕心有余而力不足。不去商場，自然也不必擔心手機、錢包不翼而飛。第一章網上購物系統的優勢1.1動態網頁的優點在internet迅猛發展的今天，用戶不再只滿足于通過瀏覽器看到靜態頁面，而是希望能根據要求生成更加靈活、生動

9、的動態頁面。數據庫對于信息的動態檢索無疑具有極大的優越性，因此根據數據庫信息的不斷變化生成動態web頁面將成為網頁設計的重要方法。動態網頁的技術就有多個廠商的支持，他們都有各自的優點。利用jsp、asp、php和其它有關技術，一個用戶可以將一個http請求送到一個可執行應用程序而不是一個靜態的html文件。服務器將會立即運行這個限定的程序，對用戶的輸入做出反應，將處理結果返回客戶端，或者對數據的記錄進行更新。通過這個模型，就可以在服務器端和客戶端之間有效的進行交互。靜態網頁瀏覽者可以直接從服務器端調用瀏覽，占用服務器的資源較少但缺點是其不包含交互功能，對于使用者來說，只能看但不能參與活動，這是

10、一個很大的缺陷。動態網頁包含交互功能，瀏覽者可以和服務頁面間產生會話作用，完成一系列的動作。動態網頁有如下一些優點:（1）讀者可與web服務器進行交互（2）可實現數據庫的查詢 （3）可以與html以外的文件進行交互 （4）可縮短查詢時間，提高瀏覽效率（5）它的最大的優勢體現在用戶可以進行直接參與活動9。1.2.基礎知識1.2.1制作動態的前期工作：定位網站的方向和標題，采集、整理網站內容，確定主色調，設計頁面樣稿，iis安裝，odbc數據源的建立、測試，在本地機器中建立個人站點文件夾，定義站點虛擬目錄，建立dreamweavermx站點。1.2.2動態網站制作所用到的工具：microsoft

11、office 2007 beta2， dreamweaver mx（制作網站頁面框架） ，photoshop（圖片處理軟件），coreldraw（圖形圖片制作軟件 一般用來繪制失量圖片），macromedia flash （動畫制作大型動畫制作）。1.2.3動態網站制作用asp編程，asp即active server page的縮寫。它是一種包含了使用vb script或jscript腳本程序代碼的網頁。當瀏覽器瀏覽asp網頁時, web服務器就會根據請求生成相應的html代碼然后再返回給瀏覽器,這樣瀏覽器端看到的 就是動態生成的網頁。asp是微軟公司開發的代替cgi腳本程序的一種應用,它可以

12、與數據庫和其它程序進行交互。是一種簡單、方便的編程工具。在了解了vbscript的基本語法后，只需要清楚各個組件的用途、屬性、方法，就可以輕松編寫出自己的asp系統。asp的網頁文件的格式是.asp1.2.4asp使用范圍 用a s p實現各功能時幾乎沒有什么限制，只要網站存在并正常運行，以下是的應用示例列表：在你的網站主頁頂部添加一個滾動顯示的廣告欄。從h t m l的表單中接受信息并且存到數據庫中。根據不同訪問者顯示不同內容，創建個性化主頁。在你的主頁中添加點擊計數器。根據用戶瀏覽器的版本、類型和能力顯示不同檔次的內容。連接多個主頁使之容易網際導航。跟蹤用戶網站上的活動信息并且存入日志文件

13、。使用基于windows nt的i n t r a n e t建立你的m i s應用。用a s p編寫出的系統，完全可以達到原來使用c l i e n t / s e r v e r的網絡數據庫系統的水平。使用a s p最大的好處是，在你對程序進行升級時，你只需要修改服務器上的a s p文件，而不需要修改客戶端程序。以上只是簡單介紹，看完下面章節，你會對利用a s p做的事情有更加全面深入的了解。你會真正學會如何使用a s p建立各種應用。1.2.5access數據庫：在制作網頁的時候，很多情況下我們會要連接到數據庫，比如在這次的個人主頁的設計里面，其中留言板的功能就涉及到數據庫的知識，本次使

14、用的數據庫是access數據庫的，利用軟件是microsoft server 2000,下面簡要說明一下access數據庫的用法： 數據庫窗口的使用數據庫窗口的使用也很簡單。數據庫窗口中也有一些功能按鈕，它們的使用方法和剛才所講的工具欄上的按鈕一樣，要執行一個操作只要單擊相應的按鈕就可以了。窗口左側包含兩個方面的內容，上面是“對象”，下面是“組”。“對象”下分類列出了access數據庫中的所有對象，比如說用鼠標點一下這里的“表”，窗口右邊就會列出本數據庫中已經創建的所有表。而“組”則提供了另一種管理對象的方法：我們可以把那些關系比較緊密的對象分為同一組，不同類別的對象也可以歸到同一組中。1.3

15、市場需求：網上購物越來越成為時尚，是時代發展所趨。專家預測，在未來 510年內將有50的成交是在網上進行的。現在市場需要一種方便、快速、價格合理、安全的購物環境，而網上購物正解決了消費者的這種需求，網上購物的市場巨大，如廣州、北京、上海、南京、西安、青島、武漢等大城市，人口眾多，素質相對較高，工薪階層較多，加之這些城市的生活節奏較快，上網人數相對集中，這些人（上網的人）勇于接受新事物，市場容量大。但現在中國做電子商務的web規模小，銷售的商品少，服務相對滯后，而且都是單打獨斗；再者，現在網上銷售的商品沒有統一的質量標準，價格跟市面的價格沒有什么區別，反而要比市面的價格要高，這也是使網上購物發展

16、緩慢的一個原因。對于消費者目前強烈要求的是一個規模大，信息量大的，商品齊全，服務好的電子商務網站。網上購物早已成為現實，而且成交額逐年增長。有關專家指出：電子化商業通常可以增加20的收入，減少2045的成本支出，減少2060的資本投入。聯合國預計，1998年全球電子商務銷售總額為450億美元，1999年猛增到24000美元，預計到2003年將達到13000億美元。同樣在我國，從1994年開始引進電子商務這個概念，近幾年來展很快，已滲 透到社會生活的各個方面。到2000年3月底，我國從事消費類電子商務的網站達1100多家，1999年我國電子商務總交易額達到2億元，比1998年增長了一倍。第二章設

17、計思路2.1網站的信息的制作：一. 導航要求 * 在此站點的每一個頁面都出現 * 內容包括：主頁，網站介紹，站點視圖，聯系方式，反饋，搜索工具，常見問題解答，實際內容欄目(包括相關站點鏈接、新聞頁) * 欄目如果采用圖標,下面應附有文字說明，以避免圖像表達不清。 * 無任何鏈接內容的不做成按鈕的形式 * 純文本like用常用顏色。避免在鏈接處使用特殊的顏色。應該使用標準、醒目的顏色。 * 屏幕上顯示的頁面所對應的按鈕應該相應變成灰色、突出顯示或以其它 方式表示出來。 * 每個頁面都應包括: 版權及網站管理員的e-mail地址 * 每個頁面都應包括代表返回或前進的箭頭。 二. 內容要求 1.網站

18、介紹 * 背景介紹 * 欄目介紹（提供連接） 2. site map（站點結構圖） * 結構圖（提供連接） 3. contact page（聯系方式頁） * 網站管理員的e-mail地址（根據需要加入其它職能負責的e-mail） * 通信地址，聯系人，傳真、電話號碼等。 4. feedback forms（反饋表）reasons : *姓名：*年齡： *職業： *單位： *聯系方式： *意見建議： （根據實際就以上各項作調整，力求簡潔有效） 5. 實際內容，及欄目設置要求 * 在每頁中都要包含相關的，引人入勝的內容。特別是當你要銷售一種產 品的時候，每個頁面都要用詳細的內容和圖像精心修飾一番。

19、 * 網頁上的語言盡量通俗易懂。 * 用符號突出特別重要的內容，不要過多，保持頁面的簡潔。 * 不要把你的站點建成單純的網上公司介紹，適當發布行業信息。 6. faqs（常見問題解答） * 將所有問題列于頁面的上部，并將每個問題與答案鏈接在一起。 * 對專業用語及技術術語進行解釋。 * 回答共性問題節省網管和訪問者的時間和精力。 7. searching mechanisms（搜索工具） * 在搜索框中鍵入關鍵詞語或詞組，在點擊查尋按鈕后，本站 相關的網頁列表就會出現在屏幕中。 * 有效查尋的說明。 8. 新聞 * 在最新更新的信息邊加注一個亮麗的小圖標-新！。 * 為最新消息創建單獨頁面，并

20、在一段時間后將新聞放置于適當的目錄下。 * 在主頁或每個頁面下加注一行文字，表明本站點或每個單獨的頁面最近 一次被更新的時間。 9. relevant links（相關站點鏈接） * 提供其它網站鏈接，以提供更多相關信息。 * 每個鏈接做簡要說明，并對它被鏈接的原因進行闡述。 * 每周對各鏈接站點作定期的訪問，刪除那些死站點。 * 為你的站點創建純文本的版本。 三. vi標準化要求 * logo 及中英文標準字體* 網站標準色* 鏈接圖標兩個四. 網頁制作技術要求 * 主要頁面要寫 (主頁要寫上企業中英文名稱) * 主要頁面字段便于搜索引擎查找。 * 的長寬值和alt屬性,使不能看圖的用戶也可

21、以讀懂頁面。 * 以最流行的瀏覽器的最普及版本為標準，同時照顧低版本瀏覽器。 為不同的瀏覽器分別制作不同的頁面，以獲得盡可能多的瀏覽量。 * 盡量使用廣泛支持的技術。頁面適應不同的屏幕分辨率。 * 不使用過小的字體 ，不使用過大的圖片、動畫、聲音 ，不使用過長的滾屏 2.2頁面美工設計：具有flash，背景音樂，有浮動的商品圖片網頁的色彩搭配打開一個網站，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺效果非常明顯，一個網站設計成功與否，在某種程度上取決于設計者對色彩的運用和搭配。因為網頁設計屬于一種平面效果設計，在排除立體圖形、動畫效果之外，

22、在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。因此，在設計網頁時，必須要高度重視色彩的搭配。色彩五顏六色、千變萬化。其中，紅、黃、藍是三原色，三原色通過不同比例的混合可以得到各種顏色。色彩有冷暖色之分，冷色(如藍色)給人的感覺是安靜、冰冷；而暖色(如紅色)給人的感覺是熱烈、火熱。冷暖色的巧妙運用可以讓網站產生意想不到的效果。色彩與人的心理感覺和情緒也有一定的關系，利用這一點可以在設計網頁時形成自己獨特的色彩效果，給瀏覽者留下深刻的印象。一般情況下，各種色彩給人的感覺是：紅色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥橙色代表光明、華麗、興奮、甜蜜、快樂黃色代表明朗、愉快、高貴、希望

23、綠色代表新鮮、平靜、和平、柔和、安逸、青春藍色代表深遠、永恒、沉靜、理智、誠實、寒冷紫色代表優雅、高貴、魅力、自傲白色代表純潔、純真、樸素、神圣、明快灰色代表憂郁、消極、謙虛、平凡、沉默、中庸、寂寞黑色代表崇高、堅實、嚴肅、剛健、粗莽在色彩搭配中一般遵循下述一些原則：(1) 特色鮮明：一個網站的用色必須要有自己獨特的風格，這樣才能顯得個性鮮明，給瀏覽者留下深刻的印象。(2) 搭配合理：網頁設計雖然屬于平面設計的范疇，但它又與其它平面設計不同，它在遵從藝術規律的同時，還考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成視覺疲勞。(3) 講究藝

24、術性：網站設計也是一種藝術活動，因此它必須遵循藝術規律，在考慮到網站本身特點的同時，按照內容決定形式的原則，大膽進行藝術創新，設計出既符合網站要求，又有一定藝術特色的網站。在設計標本室時主要考慮的因素是要能讓用戶瀏覽過之后，以后還會再登陸標本室網站，因此用了樸素、大方、簡潔、和諧的設計原則。第三章數據庫設計數據庫是本系統開發的基礎，數據庫建立的正確與否對系統是否能正常而準確有效的運行起著關鍵性作用。所建立的數據庫要避免冗余，同時要作到覆蓋面廣，既要使編制的程序便于對數據庫進行維護管理，又要最大程度縮短運算及操作時間15。數據庫設計有兩個最重要的目標:一是滿足應用功能需求；二是具有良好的數據庫性

25、能。所謂滿足應用功能需求，主要是指用戶當前和可預見的將來應用所需要的數據及其聯系應全部、準確地存在于數據庫中，從而滿足用戶應用中所需要的對數據的存、取、刪、改等操作。所謂良好的數據庫性能是指對數據的好笑存取和空間的節省，并具有良好的數據共享性、完整性、一致性和安全保密性.3.1 e-r圖使用e-r圖來描述概念結構的設計。在e-r圖中，長方形表示實體，橢圓表示實體的屬性，菱形表示實體之間的聯系。本系統e-r圖的實體及其屬性如圖所示：會員會員編號會員名會員折扣會員級別花花編號花名成本價批發價訂單倉庫訂單編號花型號批發價數量倉庫編號花編號數量總金額花名批發價圖1本系統e-r圖的實體及其屬性本系統實體

26、間的聯系如圖所示：會員訂單訂購庫存包含訂單花花倉庫數量出庫倉庫會員圖2 本系統實體間的聯系32整個系統e-r圖如圖所示：會員訂購包含花庫存倉庫出貨圖3整個系統e-r圖33數據庫邏輯結構設計本系統數據庫邏輯結構設計如下：管理員：管理員編號，管理員名，密碼；會員：會員編號，會員名，密碼，聯系人，性別，電話，郵箱，公司，會員級別，折扣；花：花編號，花型號，圖片路徑，成本價，批發價，庫存量，詳細說明；購物車：購物車編號、花名、批發價、數量、折扣、總金額；訂單詳細：訂單號，花型號，批發價，數量，總金額；訂單：訂單詳細編號，花型號，批發價，數量，總金額，收貨人，收貨單位，付款方式，下單時間；會員留言表：留

27、言編號、會員名、主題、內容；3.4 數據庫物理結構設計本系統中物理結構設計如下：表1. 管理員信息表(表名：adminusers)列名說明索引等數據類型長度是否允許空admin_id管理員編號主鍵int4否admin_user管理員名varchar50否adminpwd密碼varchar50否表2. 會員信息表(表名：users)列名說明索引等數據類型長度是否允許空user_id會員編號主鍵int4否user_name會員名varchar50否password密碼varchar50否truename聯系人varchar50是sex性別varchar50是phone電話varchar50是ema

28、il郵箱varchar50是company公司varchar50是rank會員級別varchar50是discount折扣decimal9否表3. 花信息表(表名：bags)列名說明索引等數據類型長度是否允許空bag_id花編號主鍵int4否bag_name花型號varchar50否class_name花類別varchar50是bagsize尺寸varchar50是imageurl圖片路徑varchar50是costprice成本價decimal9否saleprice批發價decimal9否stock庫存量int4是info詳細說明varchar100是表4. 購物車信息表(表名：shoppi

29、ngcart)列名說明索引等數據類型長度是否允許空cart_id購物車編號主鍵int4否bag_name花型號varchar50是saleprice批發價varchar50是quantity數量int4是discount折扣decimal9是totalmoney總金額decimal9是表5.訂單詳細信息表(表名：orderdetails)列名說明索引等數據類型長度是否允許空orderdetail_id訂單詳細編號主鍵int4否order_id訂單編號varchar50是bag_name花型號varchar50是saleprice批發價decimal9是quantity數量int4是totalm

30、oney總金額decimal9是表6. 訂單信息表(表名：order)列名說明索引等數據類型長度是否允許空order_id訂單編號主鍵varchar50否user_name會員名varchar50是totalmoney總金額varchar50是regtime下單時間datetime8是shname收貨人姓名varchar50是shcompany收貨公司varchar50是shaddress收貨地址varchar50是shphone聯系電話varchar50是payment付款方式varchar50是orderstate訂單狀態varchar50是remark備注varchar100是表7. 會

31、員留言信息表(表名：voice)列名說明索引等數據類型長度是否允許空voice_id留言編號主鍵int4否user_name會員名varchar50是topic主題varchar50是content內容varchar200是第四章網站介紹41登錄模塊流程實現對用戶權限的管理，不同的權限登錄不同的界面。管理員登錄后臺的管理界面，而會員登錄的是前臺的會員主界面。開始進入用戶登錄界面身份驗證是否通過填寫身份驗證信息否是y判斷用戶進入會員主界面進入管理員主界面結束圖1 用戶登錄流程圖4.2銷售管理模塊本模塊主要實現對銷售訂單的處理，主要包括：（1） 訂單管理：記錄客戶的銷售訂單。（2） 訂單詳細信息管

32、理：記錄訂單的詳細信息。（3） 銷售收款：記錄客戶訂單的付款情況。銷售查詢：訂單查詢、收款查詢、退貨查詢銷售管理訂單管理訂單詳細信息管理銷售收款銷售查詢圖2 銷售管理模塊功能結構圖4.3密碼修改流程會員和管理員為提高安全性，可進行密碼的修改。進入會員修改密碼界面兩次輸入的密碼是否相同輸入新密碼，再次輸入確認修改密碼成功是否 圖3會員修改密碼流程圖進入管理員密碼修改頁面輸入新密碼再次輸入新密碼兩次輸入的密碼是否相同修改密碼成功是否圖4 管理員修改密碼流程圖4.4購物車模塊該模塊在網上實現會員的整個訂購過程，主要包括：（1）添加花：會員對花單擊“訂購”，花就會自動添加到購物車里。（2）修改花數量：

33、會員可以隨時修改在購物車內的每一種花的數量，每款數量默認值為100。（3）刪除花：會員通過購物車，可以隨時刪除在購物車內的箱包。（4）清空購物車：如果會員決定放棄訂購，可以清空購物車內所有的箱包。（5）提交購物車：提交購物車后會生成相應的訂單號，并提醒會員選擇相應的付款方式。購物車添加花修改花數量刪除花清空購物車提交購物車45購物車訂購流程瀏覽花訂購花是否是會員否是進入購物車頁面花的修改、刪除是否繼續訂購是否提交購物車生成訂單填寫收貨信息圖5購物車訂購流程圖46訂單審核流程前臺訂單審核有效訂單庫存管理無效訂單不執行庫存操作圖6 訂單審核流程圖47花入庫流程管理員箱包入庫箱包庫存入庫操作庫存操作文件 圖7 箱包入庫流程圖48花出庫流程管理員箱包出庫銷售管理銷售發貨出庫操作箱包庫存庫存操作文件圖8箱包出庫流程圖4.9會員管理模塊本模塊主要實現對會員的分類管理及客戶關系管理：（1）會員資料管理：對會員資料的查看、修改、刪除。（2）會員詳細情況：可以查看會員相對應的訂單信息。（3）添加會員：管理員可以增加新會員。（4）在線留言管理：管理會員對企業的意見和建議的管理，回復會員的問題。會員管理會員資料管理會員詳細情況添加會員在線留言管理 圖9 會員管理模塊功能結構圖410管理員管理模塊本模