基于ASP技術(shù)的網(wǎng)上商店的設(shè)計(jì)與實(shí)現(xiàn)

《基于ASP技術(shù)的網(wǎng)上商店的設(shè)計(jì)與實(shí)現(xiàn)》由會(huì)員分享，可在線(xiàn)閱讀，更多相關(guān)《基于ASP技術(shù)的網(wǎng)上商店的設(shè)計(jì)與實(shí)現(xiàn)（110頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、 畢 業(yè) 設(shè) 計(jì) （ 論 文 ） 基于 ASP 技術(shù)的網(wǎng)上商店的設(shè)計(jì)與實(shí)現(xiàn) 專(zhuān) 業(yè) 計(jì) 算 機(jī) 技 術(shù) 與 應(yīng) 用 學(xué) 生 班 號(hào) 學(xué) 號(hào) 指 導(dǎo) 教 師 答 辯 日 期 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育畢業(yè)設(shè)計(jì)（論文）評(píng)語(yǔ) 姓名： 楊晶晶 班號(hào)： 學(xué)號(hào)： 201003056730310012 專(zhuān)業(yè)： 計(jì)算機(jī)技術(shù)與應(yīng)用 層次： 專(zhuān)升本 學(xué)習(xí) 中心： 航三教育中心 畢業(yè)設(shè)計(jì)（論文）題目： 基于 ASP 技術(shù)網(wǎng)上商店的設(shè)計(jì)與實(shí)現(xiàn) 工作起止日期：_ 年_ 月_ 日起 _ 年_ 月_ 日止 指導(dǎo)教師對(duì)畢業(yè)設(shè)計(jì)（論文）進(jìn)行情況、完成質(zhì)量的評(píng)價(jià)意見(jiàn)： 指導(dǎo)教師簽字： 指導(dǎo)教師職稱(chēng)： 評(píng)閱人評(píng)閱意見(jiàn)： 評(píng)閱教師簽字：

2、 評(píng)閱教師職稱(chēng)： 答辯委員會(huì)評(píng)語(yǔ)： 根據(jù)畢業(yè)設(shè)計(jì)（論文）的材料和學(xué)生的答辯情況，答辯委員會(huì)作出如下評(píng)定： 學(xué)生 畢業(yè)設(shè)計(jì)（論文）答辯成績(jī)?cè)u(píng)定為： 對(duì)畢業(yè)設(shè)計(jì)（論文）的特殊評(píng)語(yǔ)： 答辯委員會(huì)主 任（簽字）： 職 稱(chēng)： 答辯委員會(huì)副主任（簽字）： 答辯委員會(huì)委 員（簽字）： 年 月 日 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育畢業(yè)設(shè)計(jì)（論文）任務(wù)書(shū) 姓 名： 學(xué)習(xí)中心： 班 號(hào)： 層 次： 學(xué) 號(hào)： 專(zhuān) 業(yè)： 任務(wù)起止日期： 年 月 日至 年 月 日 畢業(yè)設(shè)計(jì)（論文）題目： 立題的目的和意義： 技術(shù)要求與主要內(nèi)容： 進(jìn)度安排： 同組設(shè)計(jì)者及分工： 指導(dǎo)教師簽字：_ 年 月 日 教研室主任意見(jiàn)： 教研室主任簽字：_

3、年 月 日 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） I 摘 要 21 世紀(jì)伴隨著電子商務(wù)網(wǎng)站的大量涌現(xiàn)，企業(yè)網(wǎng)絡(luò)化已經(jīng)成為一種營(yíng)銷(xiāo) 捷徑 。為了適應(yīng)社會(huì)發(fā)展的需要，跟上時(shí)代的步伐，提高人們的生活效率， 設(shè)計(jì)了電腦在線(xiàn)銷(xiāo)售系統(tǒng)。楊晶晶網(wǎng)上電腦銷(xiāo)售系統(tǒng)，已經(jīng)啟用它自己的網(wǎng)站 并實(shí)現(xiàn)了在線(xiàn)交易。 本系統(tǒng)主要使 ASP 和 ACCESS 開(kāi)發(fā)工具實(shí)現(xiàn)了網(wǎng)上 24 小時(shí)在線(xiàn)銷(xiāo)售。真 正實(shí)現(xiàn)了零庫(kù)存。作為顧客可以查詢(xún)和購(gòu)買(mǎi)任何一款你喜歡的電腦。而且可以 在最快的時(shí)間里得到所需的產(chǎn)品。作為管理員可以維護(hù)，添加，刪除和修改會(huì) 員，顧客，廠商，和定單的信息。 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） II

4、 Abstract 21 centuries accompany with the electronic commerce website to flow out in great quantities now, the business enterprise network turn to have already become a kind of marketing shortcut.For adapting the demand of the social development, keep up with the step of the ages, raise the peoples

5、living efficiency, design the on- line sale system of cellular phone.The computer sale system on YANGJINGJING3 WANG3, have already be in use it by itself of website and carry out the on-line bargain. This system mainly made the ASP and ACCESSs develop the tool to carry out the on-line sale of last 2

6、4 hourses of net.Real realization zero stocks.Be the customer, you can search and purchase any cellular phone that you like.And you can get the product that you need in quickest time.Be the managing person, you can support, increase, deleting and modifying the member, customer, factory, and the info

7、rmation of the order form. 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） III 目 錄 摘 要 I Abstract II 目 錄 III 緒 論 1 第 1 章 系統(tǒng)簡(jiǎn)介 3 1.1 系統(tǒng)功能與應(yīng)用背景 3 1.2 系統(tǒng)特點(diǎn) 4 1.3 系統(tǒng)功能模塊設(shè)計(jì) 4 第 2 章 系統(tǒng)開(kāi)發(fā)工具概述 6 2.1 ASP6 2.1.1 ASP 的特點(diǎn) 6 2.1.2 ASP 的工作原理 7 2.2 Dreamweaver8 2.3ACCESS9 2.3.1 概述 9 2.3.2 Access2000 的特點(diǎn) 9 2.4 數(shù)據(jù)庫(kù)設(shè)計(jì) 10 2.4.1 數(shù)據(jù)庫(kù)需求分析 10 2.4.

8、2 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì) 11 2.4.3 創(chuàng)建數(shù)據(jù)庫(kù)及注意事項(xiàng) 13 第 3 章 客戶(hù)端界面設(shè)計(jì)與實(shí)現(xiàn) 15 3.1 客戶(hù)端界面結(jié)構(gòu) 15 3.2 界面頭，尾 16 3.3 界面左側(cè)快捷菜單 16 3.4 商城主頁(yè)的 18 3.5 商品信息瀏覽模塊 20 3.6 購(gòu)物車(chē)管理模塊 21 3.7 提交訂單模塊 23 3.8 在線(xiàn)幫助模塊 24 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） IV 3.9 會(huì)員管理模塊 25 3.10 留言模塊 25 第 4 章 管理端設(shè)計(jì)與實(shí)現(xiàn) 27 4.1 界面 27 4.2 廠家管理模塊 27 4.3 商品管理模塊 28 4.4 會(huì)員管理 30 4.5 訂單維護(hù)模

9、塊 31 4.6 查看發(fā)貨模塊 34 4.7 管理員維護(hù)模塊 34 4.8 用戶(hù)登錄模塊 35 結(jié) 論 36 致謝 37 參考文獻(xiàn) 38 附錄 35 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 1 緒 論 21 世紀(jì)隨著全球信息的不斷發(fā)展，互聯(lián)網(wǎng)以前所未有的速度發(fā)展，成為繼 報(bào)紙、廣播之后的第四大媒體，并正以其便捷的信息傳輸形式改變著人們以往 的消費(fèi)觀念，利用簡(jiǎn)單、快捷且低成本的電子通訊方式，買(mǎi)賣(mài)雙方不謀面就可 以進(jìn)行商貿(mào)活動(dòng)，互聯(lián)網(wǎng)商業(yè)的普遍應(yīng)用已經(jīng)成為網(wǎng)絡(luò)經(jīng)濟(jì)的一大勢(shì)所趨。 1996 年前后，在美國(guó)學(xué)術(shù)界提出“電子商務(wù)概念的短短幾年的時(shí)間里，這 一概念在全球已被廣泛接受。B2C 是一種主要

10、的商務(wù)形式，B2C 網(wǎng)上購(gòu)物商店 是實(shí)現(xiàn)這種商務(wù)活動(dòng)的電子平臺(tái)。 伴隨電子商務(wù)網(wǎng)站的大量涌現(xiàn)，企業(yè)網(wǎng)絡(luò)化已經(jīng)成為一種捷徑。網(wǎng)上電腦 銷(xiāo)售系統(tǒng)適用于各中小商場(chǎng)和中小企業(yè)在網(wǎng)上宣傳和銷(xiāo)售產(chǎn)品使用。而不僅僅 局限于電腦。隨著 INTENET 技術(shù)的迅猛發(fā)展，在網(wǎng)上擁有自己的主頁(yè)幾乎成了 每個(gè)網(wǎng)絡(luò)用戶(hù)的夢(mèng)想。各大公司要想在網(wǎng)上占有一席之地，提高自己的訪問(wèn)率。 如何使網(wǎng)站更有吸引力，對(duì)網(wǎng)站的設(shè)計(jì)者來(lái)說(shuō)是十分重要的。網(wǎng)站開(kāi)發(fā)工具很 多，但有不同程度的局限性，不能滿(mǎn)足網(wǎng)站設(shè)計(jì)者盡乎“苛刻”的要求。 在線(xiàn)電腦銷(xiāo)售系統(tǒng)所采用的應(yīng)用程序(ASP)是由微軟公司研究開(kāi)發(fā)的，使 用 ASP 可以輕松的結(jié)合 HTML、W

11、EB 頁(yè)面、腳本 SCRIPT 程序和 ACTIVEX 組件建 立或執(zhí)行交互 WEB 服務(wù)器應(yīng)用程序。使用 ADO 可以非輕松地實(shí)現(xiàn)客戶(hù)端與數(shù)據(jù) 庫(kù)的連接。便于維護(hù)。 本系統(tǒng)采用的數(shù)據(jù)庫(kù)是(ACESS)是 OFFICE 的組件，發(fā)展至今也已經(jīng)相當(dāng)成 熟。使系統(tǒng)前臺(tái)有功能齊全的應(yīng)用程序后臺(tái)有強(qiáng)大的數(shù)據(jù)庫(kù)支持。在技術(shù)和安 全方面有很好的保證。ASP 發(fā)展至今已經(jīng)相當(dāng)成熟，許多成功的網(wǎng)站如 DELL，M 等都是由 ASP 建立的。 本系統(tǒng)主要完成的功能如下：在客戶(hù)界面部分，可以選購(gòu)自己喜歡的電腦， 可以查看銷(xiāo)售量較高和價(jià)格相對(duì)來(lái)說(shuō)比較優(yōu)惠的電腦、可以把所選商品放入購(gòu) 物車(chē)、查看電腦的詳細(xì)功能和圖片。

12、可以申請(qǐng)注冊(cè)為會(huì)員、用戶(hù)登陸、查看用 戶(hù)的訂單信息。修改用戶(hù)個(gè)人信息、找回密碼功能購(gòu)物車(chē)幫助功能。如果是會(huì) 員則可以查詢(xún)自己的信息。 后臺(tái)管理界面：廠商維護(hù)(增加、修改、刪除廠商)，現(xiàn)有電腦管理(修改、 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 2 刪除、查看)，用戶(hù)管理(修改、刪除、查看)，訂單管理(查看訂單清單、更新 訂單、付款出貨狀態(tài)、刪除訂單)，添加新電腦(可分別上傳電腦的大、小圖片)， 維護(hù)購(gòu)物車(chē)幫助(增加、修改、刪除)。 由于設(shè)計(jì)水平有限，對(duì)系統(tǒng)的有些功能 有待改進(jìn)，尤其是數(shù)據(jù)庫(kù)的轉(zhuǎn)儲(chǔ) 功能更應(yīng)加強(qiáng)。另外對(duì)電腦銷(xiāo)售知識(shí)缺乏，考慮不周全有待進(jìn)一步改進(jìn)。在諸 多問(wèn)題 系統(tǒng)在使用時(shí)，希

13、望得到廣大用戶(hù)的支持，并提出寶貴的意見(jiàn)。 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 3 第 1 章 系統(tǒng)簡(jiǎn)介 1.1 系統(tǒng)功能與應(yīng)用背景 互聯(lián)網(wǎng)發(fā)展速度迅猛，電子商務(wù)成為了 21 世紀(jì)商務(wù)發(fā)展道路上的一大熱 點(diǎn)。隨著寬帶網(wǎng)絡(luò)的不斷普及互聯(lián)網(wǎng)絡(luò)應(yīng)用方式的發(fā)展，電子商務(wù)正以前所未 有的速度對(duì)傳統(tǒng)商務(wù)方式及理論造成沖擊，并對(duì)以往傳統(tǒng)商務(wù)方式占主導(dǎo)的領(lǐng) 域進(jìn)行滲透。 電子商務(wù)以其低廉的成本，相對(duì)方便的應(yīng)用，以及互聯(lián)網(wǎng)絡(luò)所帶來(lái)的前所 未有的宣傳效應(yīng)，正成為商務(wù)活動(dòng)開(kāi)展的一個(gè)至關(guān)重要的平臺(tái)。電子商務(wù)作為 一個(gè)新興事物，雖然發(fā)展速度迅猛，但仍處于發(fā)展的初期。 越來(lái)越多的人開(kāi)始青睞這種簡(jiǎn)單，快捷，低-成本的

14、電子通信方式。據(jù)預(yù) 測(cè)，走向商業(yè)的互聯(lián)網(wǎng)已經(jīng)成為網(wǎng)絡(luò)的大勢(shì)所趨。其中所蘊(yùn)含的商機(jī)可想而知。 企業(yè)網(wǎng)絡(luò)化已經(jīng)成為一個(gè)趨勢(shì)。本系統(tǒng)通過(guò)網(wǎng)上電腦銷(xiāo)售系統(tǒng)。講述采用 ASPAccess 的模式構(gòu)建一個(gè)面向中小企業(yè)形象網(wǎng)站的解決方案。 本系統(tǒng)實(shí)現(xiàn)的主要功能如下： 1查看最近銷(xiāo)售量最好的產(chǎn)品 2顯示最新產(chǎn)品和推薦產(chǎn)品排行。 3可以查看購(gòu)物車(chē)幫助。 4可以注冊(cè)為會(huì)員。 5可以購(gòu)買(mǎi)自己喜歡的商品。 6如果是注冊(cè)用戶(hù)忘記密碼，可以提供找回密碼功能。 7可以根據(jù)廠商，或訂單號(hào)來(lái)搜索產(chǎn)品。 8會(huì)員登錄功能，如果是會(huì)員登錄可以查看自己的詳細(xì)資料。 9進(jìn)入管理頁(yè)面。 管理端實(shí)現(xiàn)的功能： 1電腦管理模塊（添加，刪除，修改

15、）。 2廠商管理模塊（對(duì)廠商及信息進(jìn)行添加，刪除和修改） 3會(huì)員管理模塊（對(duì)會(huì)員信息進(jìn)行維護(hù)） 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 4 4維護(hù)訂單（查看訂單是否發(fā)出，判斷是會(huì)員還是非會(huì)員。） 5維護(hù)管理員。（主要是對(duì)管理員信息進(jìn)行維護(hù)） 6.添加商品時(shí)可以上傳圖片。 1.2 系統(tǒng)特點(diǎn) 模塊化設(shè)計(jì)：本系統(tǒng)在界面與功能的設(shè)計(jì)上，都采用了模塊化的設(shè)計(jì)的思 想。把一些常用的頁(yè)面和功能，都設(shè)計(jì)成了一個(gè)單一的 ASP 文件或子程序，函 數(shù)。例如頁(yè)面的頭和尾及返回的錯(cuò)誤信息。這樣在開(kāi)發(fā)過(guò)程中使用到這些模塊 的地方，只要使用！include file文件名 即可調(diào)用這些模塊文 件，大大提高了開(kāi)發(fā)的效率

16、及系統(tǒng)的可維護(hù)性，同時(shí)為以后的利用打下基礎(chǔ)。 安全性設(shè)計(jì)：本系統(tǒng)在處理的過(guò)程中，尤其注重系統(tǒng)的安全性。無(wú)論是用 戶(hù)的誤操作，系統(tǒng)和數(shù)據(jù)庫(kù)錯(cuò)誤，還是惡意的攻擊，都能及時(shí)的分辨并加以糾 正和阻止，提高了系統(tǒng)的穩(wěn)定性及維護(hù)性。 人性化設(shè)計(jì)：用戶(hù)操作簡(jiǎn)便，可以通過(guò)多種手段查找所需的產(chǎn)品。后臺(tái)管 理功能強(qiáng)大。而且本網(wǎng)站的亮點(diǎn)就是導(dǎo)航清晰，無(wú)論你處在網(wǎng)站的哪一個(gè)位置 都不會(huì)迷路。 豐富的首頁(yè)設(shè)計(jì)：當(dāng)用戶(hù)登錄首頁(yè)后，便可以了解最新的產(chǎn)品信息，最優(yōu) 惠的產(chǎn)品信息和熱點(diǎn)常見(jiàn)問(wèn)題及其它信息。 1.3 系統(tǒng)功能模塊設(shè)計(jì) 客戶(hù)端主要功能模塊如下所示： 管理端管理模塊如下： 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文）

17、5 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 6 第 2 章 系統(tǒng)開(kāi)發(fā)工具概述 本系統(tǒng)在開(kāi)發(fā)中用到的工具有 ASP，ACCESS ，DREAMWEAR 下面將做簡(jiǎn)單 的介紹。 2.1 ASP 在 Web 頁(yè)面，后臺(tái)數(shù)據(jù)庫(kù)規(guī)劃以后，必須要考慮的問(wèn)題是如何將二者有效 地鏈接起來(lái)，也就是要解決如何在 Web 頁(yè)面實(shí)現(xiàn)對(duì)后臺(tái)數(shù)據(jù)庫(kù)的訪問(wèn)。在解決 這一問(wèn)題時(shí)，選用了 ASP 技術(shù)作為連接二者的橋梁。ASP 可通過(guò) ADO 或者 OLE DB 高速訪問(wèn)數(shù)據(jù)庫(kù)。據(jù)評(píng)測(cè)，ASP 的運(yùn)行速度并非最佳，但是在 ASP 中訪問(wèn)數(shù) 據(jù)庫(kù)，卻比其它平臺(tái)要快得多。因此，從整體性能來(lái)看，通過(guò) ASP 技術(shù)訪問(wèn)數(shù) 據(jù)庫(kù)是最

18、優(yōu)方案。 2.1.1 ASP 的特點(diǎn) ASP 是 Active Server Pages 的簡(jiǎn)稱(chēng),是微軟公司開(kāi)發(fā)的一套服務(wù)器端腳本 環(huán)境。在這種環(huán)境中，通過(guò)在標(biāo)準(zhǔn)的 HTML 網(wǎng)頁(yè)中嵌入和使用 ASP 內(nèi)建的對(duì)象 和可安裝的 ActiveX 組件，并結(jié)合 VBScript 或 JavaScript 編程，即可建立動(dòng) 態(tài)的、交互的、功能強(qiáng)大的 Web 頁(yè)面，這種頁(yè)面就稱(chēng)之為動(dòng)態(tài)網(wǎng)頁(yè)，ASP 是目 前開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的一種常用技術(shù)，主要運(yùn)行于 WindowsNT 或 Windows 2000Server 平臺(tái)， 其 Web 服務(wù)器為 IIS 4.0/5.0。 學(xué)習(xí) ASP 之前，讀者最好能具備靜態(tài)網(wǎng)頁(yè)

19、設(shè)計(jì)的知識(shí)。利用 FrontPage 或 Dreamweaver 所設(shè)計(jì)出的具有.htm 或.html 擴(kuò)展名的網(wǎng)頁(yè)，即為靜態(tài)網(wǎng)頁(yè)。這 種網(wǎng)頁(yè)無(wú)法存取后臺(tái)數(shù)據(jù)庫(kù)，不能利用代碼動(dòng)態(tài)改變網(wǎng)頁(yè)的顯示內(nèi)容、只能固 定顯示事先設(shè)計(jì)好的頁(yè)面內(nèi)容。故稱(chēng)為靜態(tài)網(wǎng)頁(yè)。靜態(tài)網(wǎng)頁(yè)運(yùn)行于客戶(hù)端的瀏 覽器。 ASP 網(wǎng)頁(yè)是在靜態(tài)網(wǎng)頁(yè)的基礎(chǔ)上，通過(guò)嵌入和使用 ASP 代碼(ASP 對(duì)象 +VBScript)而形成的網(wǎng)頁(yè)。為了以示區(qū)別，ASP 網(wǎng)頁(yè)的擴(kuò)展名為.asp，通過(guò)內(nèi) 建的 ASP 對(duì)象，可實(shí)現(xiàn)對(duì)后臺(tái)數(shù)據(jù)庫(kù)的存取，并能利用數(shù)據(jù)庫(kù)中的數(shù)據(jù)，動(dòng)態(tài) 生成客戶(hù)端現(xiàn)實(shí)的頁(yè)面，所以 ASP 網(wǎng)頁(yè)屬于動(dòng)態(tài)網(wǎng)頁(yè)，它運(yùn)行于服務(wù)器端。它

20、 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 7 的特點(diǎn)： （1） 全嵌入 HTML,與 HTML,Script 語(yǔ)言完美結(jié)合。 （2） 無(wú)需手動(dòng)編譯（Compling）后連接程序。 （3） 面向?qū)ο螅∣bjectOriented ） ，并可擴(kuò)展 ActiveX Server 組件功能。 （4） 存取數(shù)據(jù)庫(kù)輕松容易（使用 ADO 組件） 。 （5） 可使用任何語(yǔ)言邊寫(xiě)自己的 ActiveXServer 組件 （6） 無(wú)瀏覽器兼容問(wèn)題。 （7） 程序代碼隱藏，在用戶(hù)端僅可看到由 ASP 輸出的動(dòng)態(tài) HTML 文件。 2.1.2 ASP 的工作原理 網(wǎng)頁(yè)文件均是存放在 Web 服務(wù)器中的，當(dāng)從客戶(hù)

21、端瀏覽器的地址欄鍵入某 個(gè)網(wǎng)址并按回車(chē)時(shí)，使服務(wù)器觸發(fā)一個(gè) HTTP 請(qǐng)求，服務(wù)器將根據(jù)所請(qǐng)求網(wǎng)頁(yè) 的擴(kuò)展名，來(lái)決定響應(yīng)的方式。若擴(kuò)展名為.htm 或.html 則服務(wù)器直接從硬盤(pán) 中讀取出所請(qǐng)求的網(wǎng)頁(yè)文件，然后將其傳送給客戶(hù)端瀏覽器，作為對(duì) HTTP 請(qǐng) 求的響應(yīng),客戶(hù)端瀏覽器收到服務(wù)器傳送的網(wǎng)頁(yè)代碼后，然后對(duì)其解釋執(zhí)行， 從而顯示出網(wǎng)頁(yè)的內(nèi)容。若擴(kuò)展名為.asp，則服務(wù)器從硬盤(pán)中讀取出所請(qǐng)求的 ASP 網(wǎng)頁(yè)文件，然后對(duì)其中的 ASP 代碼進(jìn)行解釋執(zhí)行，ASP 網(wǎng)頁(yè)中非 ASP 代碼 部分保持不變，這樣 ASP 代碼執(zhí)行完后，就動(dòng)態(tài)生成了一個(gè)標(biāo)準(zhǔn)格式的 HTML 網(wǎng)頁(yè)，然后服務(wù)器將這個(gè)動(dòng)態(tài)生

22、成的 HTML 格式的網(wǎng)頁(yè)代碼發(fā)送給客戶(hù)端，作 為對(duì) HTTP 請(qǐng)求的響應(yīng)，客戶(hù)端瀏覽器收到后，再逐一對(duì)其中的代碼進(jìn)行解釋 執(zhí)行，從而顯示出網(wǎng)頁(yè)的內(nèi)容。 從中可見(jiàn)，ASP 網(wǎng)頁(yè)是運(yùn)行于服務(wù)器端的，在客戶(hù)端所查看到的網(wǎng)頁(yè)源代 碼，是 ASP 動(dòng)態(tài)生成的網(wǎng)頁(yè)的源代碼，并非 ASP 網(wǎng)頁(yè)本身的代的代碼，因此， ASP 網(wǎng)頁(yè)具有較高的保密性，另外，由于 ASP 輸出的是標(biāo)準(zhǔn)格式的 HTML 頁(yè)面， 故不存在瀏覽器不支持的問(wèn)題。 HTTP 請(qǐng)求 HTML 頁(yè)面 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 8 ASP 請(qǐng)求的流程圖 .htm，.html 和.asp 網(wǎng)頁(yè)文件實(shí)質(zhì)是純文本文件，原則上可以用任

23、何標(biāo) 準(zhǔn)的編輯器來(lái)編寫(xiě)網(wǎng)頁(yè)，如利用記事本、UItra Edit 編輯器、Dreamweaver UItraDev、ASPEdit 或 MicrosoftVisual InterDev 等軟件來(lái)編寫(xiě)，存盤(pán)時(shí)擴(kuò)展 名必須指定為.asp，建議使用 DreamweaverUItraDev 4、ASPEdit 或 Microsoft Visual InterDev 來(lái)編寫(xiě),這樣可提高開(kāi)發(fā)效率。 由于 ASP 網(wǎng)頁(yè)是在 HTML 網(wǎng)頁(yè)的基礎(chǔ)上嵌入相使用 ASP 代碼而形成的， 為了將 ASP 代碼和 HTML 標(biāo)記符區(qū)分開(kāi)來(lái)，ASP 代碼必須用括起來(lái),定義 ASP 代碼的結(jié)束。ASP 默入使用的腳本語(yǔ)言為

24、 VBScript，ASP 代碼中的程序邏輯控制就是通過(guò) VBScript 來(lái)實(shí)現(xiàn)的。另外，也 可用 JavaScript 等其他服務(wù)器可識(shí)別的腳本來(lái)編程的。 2.2 Dreamweaver Dreamweaver 是一種集成的 Web 應(yīng)用軟件開(kāi)發(fā)系統(tǒng)，包括開(kāi)發(fā)、發(fā)行、以 及管理數(shù)據(jù)庫(kù)驅(qū)動(dòng)的 Web 應(yīng)用軟件所需的所有功能。 精確性 Dreamweaver 采用 Roundtrip HTML 技術(shù)實(shí)現(xiàn)對(duì) HTML 源碼的精確控 它能生成最為簡(jiǎn)介和高效的 HTML 代碼。比如說(shuō)，在可視化編輯器時(shí)，可以在 HTML 源碼窗口中同步看到 HTML 變化；同樣，在 HTML 源碼窗口直接編寫(xiě)的代碼，

25、 也能在可視化編輯其中顯示可視化的結(jié)果；甚至在可視化編輯中可以對(duì) HTML 標(biāo)記直接進(jìn)行選擇、添加、修改、或刪除等操作。 1.1.1.2 1.1.1.1 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 9 易用性 Dreamweaver 編輯界面相當(dāng)友好，且操作相當(dāng)簡(jiǎn)單。通過(guò)各種工具面 板，可以非常方便的控制頁(yè)面各種元素的屬性。并且不用手工輸入以行代 碼情況下，可以制作各種特效，比如動(dòng)畫(huà)、動(dòng)態(tài)按鈕、索引條、分層等。 兼容性 它是的制作的頁(yè)面能在各種瀏覽器上正確的顯示。這在其他主頁(yè)制 作工具中沒(méi)有用的，也是人們更傾向于它的一個(gè)最為重要的原因。 2.3ACCESS 2.3.1 概述 系統(tǒng)各項(xiàng)功能的實(shí)現(xiàn)

26、，歸根到底是通過(guò)對(duì)數(shù)據(jù)庫(kù)進(jìn)行各項(xiàng)操作來(lái)完成的，因 此要實(shí)現(xiàn)系統(tǒng)規(guī)劃的功能，提高系統(tǒng)的性能，首先需要有一個(gè)設(shè)計(jì)合理，功能 完善的數(shù)據(jù)庫(kù)。 數(shù)據(jù)庫(kù)的設(shè)計(jì)即對(duì)數(shù)據(jù)的內(nèi)容和組織方式進(jìn)行設(shè)計(jì)，在設(shè)計(jì)數(shù)據(jù)庫(kù)時(shí)，因 此必須考慮的是數(shù)據(jù)庫(kù)的設(shè)計(jì)目標(biāo)，對(duì)于一個(gè)好的數(shù)據(jù)庫(kù)來(lái)說(shuō)，應(yīng)當(dāng)沒(méi)有冗余 數(shù)據(jù)，能夠迅速的定位某個(gè)記錄，并且易于維護(hù)。數(shù)據(jù)庫(kù)的設(shè)計(jì)目標(biāo)就是這樣 的數(shù)據(jù)庫(kù)。如果能夠?qū)崿F(xiàn)所有的數(shù)據(jù)庫(kù)設(shè)計(jì)目標(biāo)，當(dāng)然是最完美的。但是，通 常這些設(shè)計(jì)目標(biāo)就是相互排斥的，不可能同時(shí)實(shí)現(xiàn)。比如：要消除冗余數(shù)據(jù)， 就不能避免降低定位記錄的速度。商務(wù)站點(diǎn)要與用戶(hù)進(jìn)行實(shí)時(shí)交互，用戶(hù)發(fā)出 的各項(xiàng) Web 請(qǐng)求必須在短時(shí)間內(nèi)得到響應(yīng)，因此

27、 Web 響應(yīng)速度將是評(píng)價(jià)站點(diǎn)運(yùn) 行好壞的一個(gè)重要標(biāo)準(zhǔn)，也是商務(wù)站點(diǎn)能否吸引住消費(fèi)者的因素之一。所以在 設(shè)計(jì)數(shù)據(jù)庫(kù)時(shí)，要將速度放在第一位，允許有一定程度的冗余數(shù)據(jù)。 考慮到網(wǎng)上商店作為一個(gè)商務(wù)站點(diǎn)，需要存儲(chǔ)海量的數(shù)據(jù)，并且易于維護(hù)， 系統(tǒng)采用 Access 2000 建立數(shù)據(jù)庫(kù)。 2.3.2 Access2000 的特點(diǎn) 強(qiáng)大的數(shù)據(jù)共享 Access 2000 與 Word 2000、Excel 2000 等同屬 Office 2000 系列中 的應(yīng)用程序，因此在這些應(yīng)用程序中共享數(shù)據(jù)非常容易。用戶(hù)可以非常簡(jiǎn) 單的將 Word 、Excel 中的數(shù)據(jù)導(dǎo)入 Access 從而避免了許多重復(fù)工作；

28、同 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 10 樣，用戶(hù)也可以將 Access 中的數(shù)據(jù)導(dǎo)到 Word 、Excel 中，一方面可以 利用 Word 的編輯、排版功能保存大量的原始數(shù)據(jù)，另一方面又可以充分 利用 Excel 提供的數(shù)據(jù)分析功能分析 Access 數(shù)據(jù)庫(kù)中的數(shù)據(jù)，聲稱(chēng)各種 所需的圖表，增強(qiáng)數(shù)據(jù)的表現(xiàn)力。 全新的 Web 功能 Access 2000 最突出的特點(diǎn)就是提供了全新的 Web 工具以及超級(jí)連接 支持，使得世界上所有的 Access 2000 用戶(hù)之間可以全方位的交流數(shù)據(jù)。 比如，用戶(hù)可以在數(shù)據(jù)庫(kù)文件中插入超級(jí)連接，瀏覽 Web 頁(yè)面，可以通過(guò) Web 也來(lái)發(fā)布數(shù)據(jù)

29、庫(kù)中的數(shù)據(jù)，或者使用那些來(lái)自網(wǎng)絡(luò)的數(shù)據(jù)。又比如， 可以通過(guò)使用數(shù)據(jù)訪問(wèn)頁(yè)，來(lái)簡(jiǎn)單輕松的創(chuàng)建邦定數(shù)據(jù)的 HTML 頁(yè)，將視 數(shù)據(jù)庫(kù)得以用程序擴(kuò)展到企業(yè) Intranet 中；可以通過(guò)分組的數(shù)據(jù)訪問(wèn)頁(yè) 查看和管理相關(guān)信息，還可以按折疊的分級(jí)格式顯示這些信息。另外 Access 2000 利用新的 Office Web 組件和駐留在瀏覽器中的 COM 空件， 為用戶(hù)提供了集中查看和分析數(shù)據(jù)的方法。 2.4 數(shù)據(jù)庫(kù)設(shè)計(jì) 數(shù)據(jù)庫(kù)在一個(gè)信息管理中占有非常重要的位置，數(shù)據(jù)庫(kù)結(jié)構(gòu)的好壞將直接 對(duì)應(yīng)用系統(tǒng)的效率及實(shí)現(xiàn)的效果產(chǎn)生影響。合理的數(shù)據(jù)庫(kù)設(shè)計(jì)可以提高數(shù)據(jù)存 儲(chǔ)的效率，保證數(shù)據(jù)的完整和一致。 設(shè)計(jì)數(shù)據(jù)庫(kù)系統(tǒng)

30、時(shí)首先應(yīng)充分了解用戶(hù)在各方面的需求，包括現(xiàn)有 的和 將來(lái)有可能增加的需求。 2.4.1 數(shù)據(jù)庫(kù)需求分析 通過(guò)數(shù)據(jù)庫(kù)的需求分析得出：用戶(hù)的需求具體體現(xiàn)在各種信息的提供、保 存、更新和查詢(xún)方面，這就要求數(shù)據(jù)庫(kù)結(jié)構(gòu)能充分滿(mǎn)足各種信息的輸出和輸入。 收集基本數(shù)據(jù)、數(shù)據(jù)結(jié)構(gòu)及數(shù)據(jù)處理流程，組成一份詳盡的數(shù)據(jù)詞典，為后面 的具體設(shè)計(jì)打下基礎(chǔ)。 息可以這樣理解：因?yàn)橛脩?hù)一次可以購(gòu)買(mǎi)多種產(chǎn)品，則 對(duì)每一種產(chǎn)品 (即每一款型號(hào)的電腦) 生成一條訂單詳細(xì)信息記錄，然后多個(gè)這樣的訂單詳 細(xì)信息組成一個(gè)訂單列表。每一個(gè)訂單列表才與一個(gè)用戶(hù)對(duì)應(yīng)，在發(fā)貨時(shí)訂 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 11 單列表為單位

31、，也即用戶(hù)在操作時(shí)所看到的“訂單” 。 2.4.2 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì) 數(shù)據(jù)庫(kù)的概念結(jié)構(gòu)設(shè)計(jì)完畢后，現(xiàn)在可將上面的數(shù)據(jù)庫(kù)概念結(jié)構(gòu)轉(zhuǎn)化為某種數(shù) 據(jù)庫(kù)系統(tǒng)所支持的實(shí)際數(shù)據(jù)模型，也就是邏輯結(jié)構(gòu)。 根據(jù)在線(xiàn)電腦銷(xiāo)售系統(tǒng)使用情況的不同，可以采用 ACCESS 或 SQL 數(shù)據(jù) 庫(kù)。本系統(tǒng)采用的是 ACCESS 數(shù)據(jù)庫(kù)，出于安全性的考慮在使用時(shí)建議使用 SQL 數(shù)據(jù)庫(kù)。 在線(xiàn)電腦的銷(xiāo)售系統(tǒng)中各個(gè)表的設(shè)計(jì)結(jié)果如下表所示。每個(gè)表格表示 在數(shù)據(jù)庫(kù)中的一個(gè)表. 表 1-1 為管理員信息表(Admins) 列名 數(shù)據(jù)類(lèi)型 字段大小 必填字段 默認(rèn)值 說(shuō)明 Account 文本 20 是 (無(wú)) 管理員帳號(hào) (主)

32、Name 文本 20 是 (無(wú)) 管理員姓名 Pwd 文本 20 是 (無(wú)) 管理員密碼 表 1-2 為會(huì)員信息表，記錄系統(tǒng)中注冊(cè)用戶(hù)的詳細(xì)信息。 表 1-2 會(huì)員信息表(Member) 列名 數(shù)據(jù)類(lèi)型 字段大小 必填字段 默認(rèn)值 說(shuō)明 MemberID 文本 20 (無(wú)) (無(wú)) 會(huì)員帳號(hào)(主 鍵) Name 文本 20 是 (無(wú)) 姓名 Sex 文本 2 是 男 姓別 Pwd 文本 20 是 (無(wú)) 密碼 Question 文本 100 是 “” 忘記密碼問(wèn)題 Answer 文本 100 是 “” 密碼答案 Email 文本 30 是 “” E-mail Phone 文本 20 是 “”

33、電話(huà) Address 文本 100 是 “” 地址 Zipcode 文本 10 是 “” 郵編 表 1-3 為產(chǎn)品信息表，記錄系統(tǒng)中已有電腦產(chǎn)品的信息。 產(chǎn)品信息表(Product) 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 12 列名 數(shù)據(jù)類(lèi)型 字段大小 必填字段 默認(rèn)值 說(shuō)明 ID 自動(dòng)編號(hào) 長(zhǎng)整型 是 (無(wú)) 產(chǎn)品編號(hào)(主 鍵) ProductType 數(shù)字 長(zhǎng)整 是 (無(wú)) 產(chǎn)品類(lèi)型編 號(hào) Introduce 備注 是 (無(wú)) 產(chǎn)品介紹 Remark 備注 是 “” 產(chǎn)品說(shuō)明 MarketPrice 貨幣 是 “” 市場(chǎng)價(jià) Memberprice 貨幣 是 0 會(huì)員價(jià) Smallin

34、mg 文本 100 是 0 小圖片相對(duì) 路徑 Bigimg 文本 100 是 “” 大圖片相對(duì) 路徑 Hitnum 數(shù)字 長(zhǎng)整型 是 “” 點(diǎn)擊數(shù) Byunum 數(shù)字 長(zhǎng)整型 是 0 購(gòu)買(mǎi)次數(shù) Recommend 數(shù)字 字節(jié) 是 0 是否推薦 (1，是 ) Name 文本 30 是 0 產(chǎn)品名稱(chēng) RecommendDate 日期、時(shí) 間 是 是 設(shè)置為推薦 的日期，用 于排序 產(chǎn)品類(lèi)型信息表(ProductType)1-4 列名 數(shù)據(jù)類(lèi)型 字段大小 必填字段 默認(rèn)值 說(shuō)明 ID 自動(dòng)編號(hào) 長(zhǎng)整型 是 (無(wú)) 類(lèi)型(主鍵 ) SuperId 數(shù)字 長(zhǎng)整型 是 0 上級(jí)類(lèi)型 ID(備) Name

35、文本 20 是 (無(wú)) 上級(jí)類(lèi)型 ID(備) 訂單詳細(xì)信息表(OrderDetail)1-5 列名 數(shù)據(jù)類(lèi)型 字段大小 必填字段 默認(rèn)值 說(shuō)明 ID 自動(dòng)編號(hào) 長(zhǎng)整型 是 (無(wú)) 產(chǎn)品編號(hào)(主 鍵) OrderID 數(shù)字 長(zhǎng)整 是 (無(wú)) 產(chǎn)品類(lèi)型編號(hào) ProductID 備注 是 (無(wú)) 產(chǎn)品介紹 Remark 備注 是 “” 產(chǎn)品說(shuō)明 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 13 producename 是 是 “” 0 市場(chǎng)價(jià) 會(huì)員價(jià) Quality 文本 100 是 0 小圖片相對(duì)路 徑 訂單列表信息表(OrderList)1-6 列名 數(shù)據(jù)類(lèi)型 字段大小 必填字段 默認(rèn) 值 說(shuō)明

36、 ID 自動(dòng)編號(hào) 長(zhǎng)整型 是 (無(wú)) 訂單列表編號(hào) MemberID 文本 20 是 0 會(huì)員 ID，非為 0 Customername 文本 20 是 (無(wú)) 客戶(hù)姓名 Address 文本 100 是 (無(wú)) 詳細(xì)地址(客戶(hù) 用) Zipcode 文本 10 是 (無(wú)) 郵編 Phone 文本 20 是 (無(wú)) 聯(lián)系電話(huà) Email 文本 30 是 (無(wú)) 電子郵件 Payment 文本 20 是 (無(wú)) 應(yīng)付款額 Remark 備注 是 “” 備注 Createdate 日期，時(shí) 間 常規(guī)日期 是 Now() 下單時(shí)間 State 數(shù)字 字節(jié) 是 0 處理狀態(tài) Treatedate 日期

37、，時(shí) 間 常規(guī)日期 否 (無(wú)) 送貨日期 treateremark 備注 是 “” 送貨備注 常見(jiàn)問(wèn)題表(FAQ)1-7 列名 數(shù)據(jù)類(lèi)型 字段大小 必填字段 默認(rèn)值 說(shuō)明 ID 自動(dòng)編號(hào) 長(zhǎng)整型 是 (無(wú)) 問(wèn)題編號(hào)(主 鍵) question 文本 100 是 (無(wú)) 問(wèn)題標(biāo)題 answer 備注 是 (無(wú)) 答案 hitnum 數(shù)字 長(zhǎng)整型 是 0 點(diǎn)擊數(shù) 設(shè)計(jì)完后，得到數(shù)據(jù)庫(kù)的邏輯結(jié)構(gòu)?，F(xiàn)在就開(kāi)始在數(shù)據(jù)庫(kù)中創(chuàng)建數(shù)據(jù)表 。 2.4.3 創(chuàng)建數(shù)據(jù)庫(kù)及注意事項(xiàng) 使用 ACCESS 數(shù)據(jù)庫(kù)時(shí)，要特別注意數(shù)據(jù)庫(kù)文件及所在目錄的權(quán) 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 14 限。首選要去除只讀

38、屬性，否則無(wú)法更新和刪除。對(duì)于 NTFS 分區(qū)， AACCESS 文件或它所在的目錄必須有足夠的權(quán)限才可保證對(duì)數(shù)據(jù)庫(kù) 的操作尤其是安下心來(lái)操作正常進(jìn)行一般簡(jiǎn)單的解決方法是給它的 EVERYONE 用戶(hù)添加完全控制權(quán)限。 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 15 第 3 章 客戶(hù)端界面設(shè)計(jì)與實(shí)現(xiàn) 客戶(hù)端的設(shè)計(jì)采用了模塊化的思想，每個(gè)頁(yè)面都有一定的功能。并且此 系統(tǒng)的另外的一個(gè)優(yōu)點(diǎn)就時(shí)命名時(shí)采用了模塊名功能名的方式?？蛻?hù)端的頁(yè) 面所具有的功能如下： 1內(nèi)容豐富的首頁(yè)設(shè)計(jì)。 2按電腦廠商瀏覽電腦。 3查看電腦的詳細(xì)信息。 4購(gòu)物車(chē)管理功能。 5確認(rèn)購(gòu)買(mǎi)，輸入個(gè)人信息，提交訂單。 6根據(jù)關(guān)鍵字

39、查詢(xún)電腦或訂單。 7查看購(gòu)物幫助。 8用戶(hù)注冊(cè)。 9用戶(hù)找回密碼功能。 具體的功能模塊和使用文件及實(shí)現(xiàn)方法如下. 3.1 客戶(hù)端界面 在客戶(hù)端界面中，處于美觀考慮，沒(méi)有采用框架?？蛻?hù)端的界面是由頭， 尾，體和左側(cè)快捷菜單組成。由于沒(méi)有使用框架，各個(gè)模塊的頁(yè)面需要在此結(jié) 構(gòu)的基礎(chǔ)上，在此頁(yè)面的“體”處加入實(shí)現(xiàn)功能特點(diǎn)的頁(yè)面代碼。 頁(yè)面結(jié)構(gòu)在文件中定義，這個(gè)文件的代碼如下所示： 從以上代碼可以看到，頁(yè)面結(jié)構(gòu)非常清晰，由于采用了模塊化。每個(gè)模 塊的功能頁(yè)面添加在注釋為“”頁(yè)面中。 每個(gè)頁(yè)面不同則右側(cè)頁(yè)面的內(nèi)容不同。 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 16 公共頁(yè)面的文件具體如下： 3.2

40、界面頭，尾 為了提高代碼的的重用性，我們把部分相同的頭尾文件做成兩個(gè)分別為。 為于文件夾 include 下。具體代碼如下： 在中除了功能菜單外，還集成了一個(gè)會(huì)員登錄功能，在文件中調(diào)用過(guò)程 就是為了實(shí)現(xiàn)此功能的，其作用是根據(jù)會(huì)員是否登錄來(lái)顯示歡迎信息或登錄菜 單。這個(gè)過(guò)程位于文件中，實(shí)現(xiàn)起來(lái)不是很難。 圖 11 是文件只顯示頭和尾的運(yùn)行效果，為了更清楚的說(shuō)明問(wèn)題，對(duì)中 間的內(nèi)容適當(dāng)做了一下修改，這樣可以更好的了解頁(yè)面結(jié)構(gòu)的各個(gè)組件部分在 運(yùn)行是頁(yè)面中的位置。注意，在頁(yè)面頭中不僅包含了菜單還包含了用戶(hù)登錄注 冊(cè)表單。若你是會(huì)員登錄后會(huì)在注冊(cè)等錄部分顯示，查看個(gè)人信息。點(diǎn)擊可以 查看個(gè)人資料。 3

41、.3 界面左側(cè)快捷菜單 在上面界面預(yù)覽中可看處除了頁(yè)面頭和尾外，另一個(gè)重要部分就是頁(yè)面左 側(cè)部分。這個(gè)文件的實(shí)現(xiàn)比較復(fù)雜。從圖中可以看出再在頁(yè)面體處加上相 應(yīng)的功能模塊就組成了一個(gè)完整的網(wǎng)上在線(xiàn)銷(xiāo)售的完整客戶(hù)界面了。 圖 11 中左側(cè)部分包括三個(gè)部分，分別是電腦廠商，優(yōu)惠產(chǎn)品和熱門(mén)商品， 首先看一下文件的實(shí)現(xiàn)，它所包含的每一個(gè)部分都是有一個(gè)表格組成的，由于 需要頁(yè)面美化，其中每一個(gè)表個(gè)都包含了一些 HTML 編碼。為了實(shí)現(xiàn)代碼的完 整性在這里一一列出，。 這個(gè)文件也非常清晰的分為三個(gè)部分，我們可以在此基礎(chǔ)上進(jìn)行功能擴(kuò)展， 只要按要求加上表格，然后在表格中調(diào)用相應(yīng)的功能即可創(chuàng)建出風(fēng)格一致的欄 目

42、。拋開(kāi)所修飾的代碼，顯示廠商列表的核心代碼如下： 可知電腦廠商列表功能是在 ProductTypeList.asp 文件中實(shí)現(xiàn)的，下面介紹一 下此功能的具體實(shí)現(xiàn)。 1.電腦廠商列表 電腦廠商列表用到的文件是 ProductTypeList.asp，在這個(gè)文件中有一 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 17 個(gè)關(guān)鍵的過(guò)程，名為 ShowManufacturer(),它用來(lái)從數(shù)據(jù)庫(kù)中檢索所有廠商 并以列表的形式顯示出來(lái)。引為首頁(yè)顯示的頁(yè)面有限，為使頁(yè)面清晰，這里 只檢索了 ProductType 表中 SuperID0 的記錄。檢索用到的 SQL 語(yǔ)句如下： strSQL=”SELECT

43、* FROM ProductType where SuperID=0” 2.熱門(mén)產(chǎn)品 在文件中顯示熱門(mén)商品用到的語(yǔ)句如下： call showspecialproduct(“Hot”,6) 用是顯示購(gòu)買(mǎi)率最高的六種產(chǎn)品的前六種電腦。數(shù)字 6 表示最多能顯示六 個(gè)。Showspecialproduct 過(guò)程位于 showspecialproduct.asp 這個(gè)文件中，因 此在調(diào)用此函數(shù)時(shí)要將這個(gè)文件包含進(jìn)來(lái)。事實(shí)上，這個(gè)過(guò)程的功能不僅僅是 顯示購(gòu)買(mǎi)次數(shù)最高的商品，它的功能根據(jù)所傳入的參數(shù)的不同而不同。這個(gè)過(guò) 程的定義如下： Sub showspecialproductlist(StrFilte

44、r,nCount) 參數(shù) strFilter 表示對(duì)電腦信息的篩選條件，可以取下面幾個(gè)的值： 1Hot:購(gòu)買(mǎi)次數(shù)最高的產(chǎn)品，并按照購(gòu)買(mǎi)次數(shù)排序。 2Recommended:只查詢(xún)推薦商品，并按照推薦時(shí)間排序。 3Cheap：最優(yōu)惠的產(chǎn)品，按優(yōu)惠程度排序。 4其它的默認(rèn)為 HOT。 在 showspecialproduct 過(guò)程中，所顯示的格式是由表格來(lái)控制的，所不同的 是根據(jù)傳入的參數(shù)來(lái)組織不同的 SQL 語(yǔ)句。 注意在這個(gè)過(guò)程中組織 SQL 語(yǔ)句是，盡量只選取必要的字段，而不要隨便只用 SELECT FROM因?yàn)檫@樣的話(huà)，當(dāng)字?jǐn)?shù)較多而且記錄較多時(shí)，就會(huì)造成服務(wù) 器資源不必要的浪費(fèi)。在 SEL

45、ECT 語(yǔ)句中明確所選的列，會(huì)減輕服務(wù)器的負(fù)擔(dān)。 例如在本過(guò)程中，大部分功能只用到了 product 表中的 ID 和 Name 字段，而且 因?yàn)?Product 表中的字段太多，所以一定要優(yōu)化 SQL 語(yǔ)句。 1最優(yōu)惠產(chǎn)品 與顯示熱門(mén)商品的實(shí)現(xiàn)方法類(lèi)似，最優(yōu)惠產(chǎn)品只要調(diào)用如下程序即可。 這完全得益于對(duì)過(guò)程的彈性設(shè)計(jì)，顯然，也可以用下面的語(yǔ)句顯示最新 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 18 推薦的產(chǎn)品： call shwspecialproduct(“Recommend “,6) 此外還可以擴(kuò)展 Showspecialprodeuct 過(guò)程的功能，在其中加入更多的 過(guò)慮條件。使其功能

46、更強(qiáng)大。 3.4 商城主頁(yè) 主頁(yè)是一個(gè)商城的門(mén)戶(hù)，顧客一般首先看到此頁(yè)，因此大多數(shù)用戶(hù)都希望 在主頁(yè)能看到盡可能更多的信息，而且希望將自己的最希望讓別人了解的信息 放在最吸引目光的位置。 本系統(tǒng)的主頁(yè)是文件，圖 12 為在線(xiàn)銷(xiāo)售電腦的主頁(yè)面。 主頁(yè)上除了 template.asp 預(yù)覽是看到的內(nèi)容外，增添了推薦電腦，搜索 表單和新品快遞的功能。它的實(shí)現(xiàn)原理與 left.asp 類(lèi)似，都在頁(yè)面中用表格 控制顯示格式，然后通過(guò)函數(shù)調(diào)用或文件包含的形式將其它功能模塊加進(jìn)來(lái)， 下面將介紹各個(gè)功能的實(shí)現(xiàn)方法。 1最新推薦電腦 最新推薦電腦在主頁(yè)上最吸引目光的位置，所以一般要放置商家最為推薦 的商品，在本

47、系統(tǒng)中是通過(guò)調(diào)用 showthebest()過(guò)程來(lái)實(shí)現(xiàn)的，而這個(gè)過(guò)程也 位于 showspecialproduct.asp 文件中。 Showthebest()過(guò)程可以根據(jù)商家的不同要求進(jìn)行修改，其實(shí)也可以通過(guò) 參數(shù)定制其功能，可以自己去擴(kuò)展。在本系統(tǒng)中只是用來(lái)顯示最新推薦的一個(gè) 商品，實(shí)現(xiàn)這樣的工能的 SQL 語(yǔ)句如下： StrSQL=”select to 1*from product” StrSQL=strsql$”where recommend0” StrSQL=strsql 楊晶晶 E-mail: 楊晶晶 哈爾濱工業(yè)大學(xué)楊晶晶工作室 2Head.asp(公共文件文件頭設(shè)計(jì)) 楊晶晶電腦

48、商城 網(wǎng)站首頁(yè) 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 41 放入購(gòu)物車(chē) % if num_row = 1 then Response.Write Response.Write 【頂部】 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 49 Response.Write end if % % Response.Write 根據(jù)一行是否結(jié)否來(lái)輸出換行符以及插入一行分隔線(xiàn) if (j mod num_row) = 0 then Response.Write % td colspan = % else 如果沒(méi)有結(jié)束，插一個(gè)豎的分隔線(xiàn) 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 50 Response

49、.Write Response.Write end if j = j+1 if jnMaxPerPage then exit do rsObj.MoveNext loop 處理最后的空行 k = (j-1) mod num_row if not (k = 0) then Response.Write Response.Write end if Response.Write end sub = 過(guò)程名：ShowProduct 作 用：顯示電腦詳細(xì)信息 參 數(shù)：無(wú) = sub ShowProduct(ProductId) dim strSQL, rsObj if IsEmpty(ProductId

50、) then ProductId = 0 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 51 strSQL = SELECT * FROM product WHERE id = 放入購(gòu)物車(chē) 產(chǎn)品介紹: 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 53 其他說(shuō)明: 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 54 返回 5.config(網(wǎng)站基本參數(shù)設(shè)置) 6.conndb(數(shù)據(jù)庫(kù)連接文件) % Option Explicit 要求變量聲明，這樣所有包含此文件的都需要聲明變量 dim conn 數(shù)據(jù)庫(kù)連接 dim connstr 連接字符串 dim db 數(shù)據(jù)庫(kù)文件路徑 db = Database

51、/trfhandset.mdb 演示時(shí)用 ACCESS 數(shù)據(jù)庫(kù) connstr = Provider = Microsoft.Jet.OLEDB.4.0;Data Source = User ID=sa; Password=; Initial Catalog=trfhandset; Data Source=localhost Set conn = Server.CreateObject(ADODB.Connection) if err Then err.clear end if conn.Open connstr 關(guān)閉數(shù)據(jù)庫(kù)連接，在每頁(yè)中調(diào)用此函數(shù)，將連接放入連接池 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科

52、畢業(yè)設(shè)計(jì)（論文） 56 sub CloseConn() conn.Close() Set conn = Nothing end sub 替換單引號(hào)，向數(shù)據(jù)庫(kù)中寫(xiě)入數(shù)據(jù)時(shí)用 function RealString(strSrc) RealString = Replace(Trim(strSrc), , ) end function 替換單引號(hào)并進(jìn)行 HTML 編碼，向網(wǎng)頁(yè)輸出數(shù)據(jù)庫(kù)內(nèi)容時(shí)用 function Convert(strSrc) Convert = Server.HTMLEncode(Replace(Trim(strSrc), , ) 此句用于將字符串中的回車(chē)符轉(zhuǎn)換為 HTML 中的換

53、行標(biāo)記 Convert = Replace(Convert, chr(13), ) end function % 7.cartbase（購(gòu)物車(chē)設(shè)計(jì)） % = = 過(guò)程名：PutToCart 作 用：顯示購(gòu)物車(chē)數(shù)據(jù)電腦數(shù)據(jù)（無(wú)修飾） 參 數(shù)： productID：放入購(gòu)物車(chē)的商品編號(hào) quantity,：放入商品數(shù)量 = = Sub PutToCart( productID,quantity) 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 57 dim productList, quantityList 放到本地變量中，以期提高效率 productList = Session(productLis

54、t) quantityList = Session(quantityList) If Len(productList) = 0 Then Session(productList) = productID Session(quantityList) = quantity ElseIf InStr( productList font-size: 9pt; background- color:rgb(210,232,255) ID = Submit1 input type = button value = 繼續(xù)購(gòu)物 name = B2 style = border:1px solid #7D85A2

55、; font-size: 9pt; background- color:rgb(210,232,255) onclick = window.location = ; style = font-size: 9pt ID = Button1 input type = button value = 訂單取消 name = B3 style = border:1px solid #7D85A2; font-size: 9pt; background- color:rgb(210,232,255) OnClick = clean() style = font-size: 9pt ID = Button2

56、 input type = button value = 去收銀臺(tái) name = B4 style = border:1px solid #7D85A2; font-size: 9pt; background- color:rgb(210,232,255) onclick = window.location.href = payStep1.asp; style = font-size: 9pt ID = Button3 注意：改 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 59 變電腦數(shù)量和減少電腦種類(lèi)需按“確認(rèn)更改”按鈕 購(gòu)買(mǎi) 電腦編號(hào) 電腦名 稱(chēng) 電腦價(jià)格 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)

57、計(jì)（論文） 60 電腦數(shù)量 總價(jià) % Sum = 0 If Len(Session(productList) 0 Then quantityArray = Split(Session(quantityList), , ) productArray = Split(Session(productList), , ) for i = 0 to UBound(productArray) strSQL = SELECT * FROM product WHERE id = 元人民幣 function clean() if (confirm(確定要清空購(gòu)物車(chē)?) = 1) window.location.

58、href = shopCart.asp?clear=yes function checkNumNull(theform) if (theform.value = ) alert(請(qǐng)?zhí)顚?xiě)購(gòu)買(mǎi)電腦的數(shù)量); /theform.newprice.focus(); theform.focus(); return false; 8Findpassword（找回密碼功能） 楊晶晶電腦商城-找回密碼 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 63 TABLE align = center cellSpacing = 0 cellPadding = 0 width = border = 0 height =

59、 ID = Table3 class = tabframe 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 64 8.2findpassword2 -找回密碼 TABLE align = center cellSpacing = 0 cellPadding = 0 width = border = 0 height = ID = Table3 class = tabframe 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 65 8.3Findpasswrod3(找回密碼 3) 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 66 -找回密碼 TABLE align = center cellSpacin

60、g = 0 cellPadding = 0 width = border = 0 height = ID = Table3 class = tabframe 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 67 9.paystep1（注冊(cè)步驟 1） 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 68 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 69 9.2paystep2（注冊(cè)步驟 2） 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 70 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 71 9.3paystep3(注冊(cè)步驟 3) 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 72 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本

61、科畢業(yè)設(shè)計(jì)（論文） 73 10.memberinfo（會(huì)員信息） 會(huì)員資料修改 會(huì)員帳號(hào)： 會(huì)員姓名： input type = text name = name size = 20 value = style = font-size: 9pt; border: 1px solid #7D85A2; background-color: rgb(210,232,255) ID = Text1 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 75 會(huì)員性別： 男 女 男 女 會(huì)員密碼： 修改密碼 密碼提問(wèn)： input type = text name = question size = 40 val

62、ue = style = font-size: 9pt; border: 1px solid #7D85A2; background-color: rgb(210,232,255) ID = Text2 密碼答案： input type = text name = answer size = 40 value = style = font-size: 9pt; border: 1px solid #7D85A2; background-color: rgb(210,232,255) ID = Text3 電子郵件： input type = text name = email size = 3

63、0 value 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 77 = style = font-size: 9pt; border: 1px solid #7D85A2; background-color: rgb(210,232,255) ID = Text4 常用電話(huà)： input type = text name = phone size = 30 value = style = font-size: 9pt; border: 1px solid #7D85A2; background-color: rgb(210,232,255) ID = Text5 收貨地址： input type

64、 = text name = address size = 60 value = style = font-size: 9pt; border: 1px solid #7D85A2; background-color: rgb(210,232,255) ID = Text6 郵政編碼： 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 78 input type = text name = code size = 10 value = style = font-size: 9pt; border: 1px solid #7D85A2; background-color: rgb(210,232,25

65、5) ID = Text7 已下訂單： a href = orderSearch.asp?orderID= 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 79 input type = button name = Submit3 value = 返 回 onClick = window.location = style = font-size: 9pt; border: 1px solid #7D85A2; background-color: rgb(210,232,255) ID = Button1 您沒(méi)有登陸，或該會(huì)員已被刪除，請(qǐng)重新登陸 一次。返回 11.membermodify（會(huì)員修改

66、） 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 80 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 81 12.membersave（會(huì)員保存） % dim IsModifyPwd, strPwd1, strPwd2 dim strSQL, cmdObj, rsObj IsModifyPwd = Request.Form(modifyPassword) strPwd1 = RealString(Request.Form(password1) 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 82 strPwd2 = RealString(Request.Form(password2) if IsModifyPwd = 1 then if strPwd1strPwd2 or strPwd1 = then % 13.Orderinfo（定單信息） 查看訂單(訂單號(hào):) 客戶(hù)帳號(hào) 收貨人姓名 收貨人地址 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 85 郵政編碼 聯(lián)系電話(huà) 電子郵件 付款方式 哈爾濱工業(yè)大學(xué)遠(yuǎn)程教育本科畢業(yè)設(shè)計(jì)（論文） 86 備注 訂貨日期 發(fā)貨日期 發(fā)貨備注 電腦編號(hào) 電腦名稱(chēng) 電