【正文】 .................................................................................... 36 訂單維護(hù)模塊 ......................................................................................................... 38 管理員維護(hù)模塊 ..................................................................................................... 40 用戶登陸模塊 ......................................................................................................... 40 客戶端界面設(shè)計(jì) ..................................................................................................... 42 商品（手機(jī)）信息瀏覽模塊 .................................................................................... 42 購(gòu)物車管理模塊設(shè)計(jì) .............................................................................................. 43 提交訂單模塊設(shè)計(jì) .................................................................................................. 44 系統(tǒng)調(diào)試運(yùn)行 ......................................................................................................... 46 結(jié) 論 ........................................................................................................................ 47 致 謝 ........................................................................................................................ 48 參考文獻(xiàn) ........................................................................................................................ 49 附錄代碼 ........................................................................................................................ 50 1．商城核心設(shè)置模塊 .................................................................................................... 50 2．商品管理設(shè)置模塊 .................................................................................................... 50 在線手機(jī)銷售網(wǎng)站 4 摘 要 電子商務(wù)形式的網(wǎng)上商店具有高效、快捷，信息暢通的特點(diǎn) ,還可以很大程度上降低銷售成本。在系統(tǒng)的設(shè)計(jì)與開發(fā)過程中嚴(yán)格遵守軟件工程的規(guī)范，運(yùn)用軟件設(shè)計(jì)模式，從而減少系統(tǒng)模塊間的偶合，力求做到系統(tǒng)的穩(wěn)定性、可重用性和可擴(kuò)充 性。 本系統(tǒng)運(yùn)用 ASP 技術(shù)實(shí)現(xiàn)， 后端數(shù)據(jù)庫采用 ACCESS 2021 作為數(shù)據(jù)庫服務(wù)器 ，前端開發(fā)工具使用 Macromedia Dreamweaver 4。由于電子商務(wù)在我國(guó)的飛速發(fā)展，已經(jīng)很少有人不知道“網(wǎng)上購(gòu)物”這個(gè)事了。于是電子商務(wù)開始流行起來，越來越多的商家在網(wǎng)上建起在線商店，向消費(fèi)者展示出一種新穎的購(gòu)物理念。 本文旨在研究如何建設(shè) B2C 的在線手機(jī)銷售系統(tǒng)。 傳統(tǒng)的購(gòu)物和網(wǎng)上購(gòu)物相比，有其自身的許多優(yōu)勢(shì)。 （ 4）網(wǎng)上購(gòu)物將大部商務(wù)活動(dòng)搬到網(wǎng)上進(jìn)行，企業(yè)可以實(shí)行無紙 辦公化節(jié)省了開支。其中，綜合類網(wǎng)站中的購(gòu)物商城 60%，專門銷售手機(jī)的網(wǎng)站 25%，專門做銷售的購(gòu)物網(wǎng)站 15%。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁 大多是靜態(tài)的。 根 據(jù)用戶請(qǐng)求生成動(dòng)態(tài)主頁的傳統(tǒng)方法有 CGI、 ISAPI 等。而較簡(jiǎn)單的開發(fā)技術(shù)如 javascript 和 IDC(Inter Database Connector)等功能有限，不敷使用。 ASP比較網(wǎng)關(guān)及服務(wù)器擴(kuò)展模式有著以下優(yōu)點(diǎn)： (1)完全與 HTML 文件融合在一起； (2)容易創(chuàng)建，不需要其它編譯、鏈接程序； (3)面向?qū)ο蟮牟⑼ㄟ^ ActiveX Server 對(duì)象可擴(kuò)展。 內(nèi)存：最低配置 32MB，建議使用 64MB 以上內(nèi)存，如果使用 Windows 2021 或Windows XP 建議使用 128MB 以上內(nèi)存?？蛻舳酥灰褂每蓤?zhí)行 HTML 代碼的瀏覽器，即可瀏覽通過 ASP 設(shè)計(jì)出來的頁面內(nèi)容。 在線手機(jī)銷售網(wǎng)站 10 ASP 的優(yōu)點(diǎn) (1) 開放性 在 IIS 上 ， 并不需要開發(fā)者使用一個(gè)專有的腳本語言來生成網(wǎng)絡(luò)應(yīng)用程序 ，實(shí)際上 Active Server Pages 包括了對(duì) VBScript 和 JavaScript/Jscript 的本機(jī)支持。 (2)易操作性 ASP 使 HTML 設(shè)計(jì)人員可以在服務(wù)器上方便地“激活”他們的 Web 頁，可以立刻對(duì)定制化網(wǎng)頁和簡(jiǎn)單的應(yīng)用程序進(jìn)行開發(fā)。同時(shí)，它也使那些從事外觀設(shè)計(jì)的人員可以利用一些工具來對(duì)網(wǎng)頁進(jìn)行修改，而不用過于關(guān)心編程問題。因?yàn)橛糜谏蓜?dòng)態(tài)內(nèi)容的腳本可以在服務(wù)器上執(zhí)行，所以開發(fā)者不必?fù)?dān)心客戶用什么瀏覽器來瀏覽網(wǎng)點(diǎn) . 簡(jiǎn)介 ASP的 6 大對(duì)象 ASP 的編輯環(huán)境要求很底，任何一種文本編輯器都可以編寫 ASP應(yīng)用程序。 ◆ Response 對(duì)象 Response 對(duì)象用來訪問所創(chuàng)建的并返回客戶端的響應(yīng)。最常用的是 方法，它允許我們?cè)诋?dāng)前頁的環(huán)境或會(huì)話中在服務(wù)器上實(shí)例化其他 COM對(duì)象。 ◆ ObjectContext 對(duì)象 ObjectContext 對(duì)象可以用來控制 ASP 的執(zhí)行。它的執(zhí)行過程是： （ 1） 瀏覽器端提出 HTTP 的請(qǐng)求送到服務(wù)器端， Web 服務(wù)器先檢查網(wǎng)頁文件的類型，如果是 .asp 擴(kuò)展名的文件，就提出 ASP文件請(qǐng)求， Web 確定讀取并處理請(qǐng)求文件。 Inter Explorer 是導(dǎo)航和訪問或?yàn)g覽 Web 中的信息的工具。 Web 瀏覽器通過將 URL 發(fā)送給 Web 服務(wù)器請(qǐng)求信息。 （ 4） 系統(tǒng)配置安裝完成后，就會(huì)彈出一個(gè)安裝“完成”的對(duì)話框來提示安裝完成， 只要點(diǎn)擊“完成”即可。 HTML 語言 (1) HTML 文件由瀏覽器解釋，通過網(wǎng)絡(luò)傳輸協(xié)議，可以從一臺(tái)機(jī)器傳輸?shù)搅硪慌_(tái)機(jī)器上。所有的文本在線手機(jī)銷售網(wǎng)站 14 都必須放在 body和 \body之間。 然而，與 VBScript 相同， Jscript 也是服務(wù)器端編程語言。 開發(fā)工具 Dreamweaver MX 簡(jiǎn)介 Macromedia Dreamweaver MX 是 建立 Web 站點(diǎn)和應(yīng)用程序的專業(yè)工具。 Dreamweaver MX 是一款專業(yè)的 HTML 編輯器，用于對(duì) Web 站點(diǎn)、 Web 頁和 Web 應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。并且，借助 Dreamweaver，您還可以使用服務(wù)器語言（例如 ASP、 、 ColdFusion 標(biāo)記語言 （ CFML）、 JSP 和 PHP）生成支持動(dòng)態(tài)數(shù)據(jù)庫的 Web 應(yīng)用程序。 3. 維護(hù)方便，后臺(tái)操作快捷明了，操作人員可在短時(shí)間內(nèi)完全掌握維 工作。電子商務(wù)市場(chǎng)交易量不斷擴(kuò)大，吸引了越來越多的消費(fèi)者參與其中，網(wǎng)上購(gòu)物形成了與傳統(tǒng)商業(yè)業(yè)態(tài)相抗衡的力量。 網(wǎng)上購(gòu)物中排前列的商品依次是書刊、電腦及相關(guān)產(chǎn)品、音像器材及制品、生活、家居用品及服務(wù)在線手機(jī)銷售網(wǎng)站 16 和通訊產(chǎn)品。 系統(tǒng)的名 稱和目標(biāo) 名稱：在線手機(jī)銷售網(wǎng)站 目標(biāo)： 實(shí)施計(jì)劃 該網(wǎng)站的系統(tǒng)設(shè)計(jì)部分從 4月中旬開始，預(yù)計(jì)在 5月底完成，系統(tǒng)實(shí)施預(yù)計(jì)在 6 月中旬實(shí)施。 （ 3） 會(huì)員通過“購(gòu)物車”選購(gòu)商品，并填寫購(gòu)貨信息，生成訂單。 具體如下圖所示： 圖 4－ 6商品管理設(shè)置 模塊 在線手機(jī)銷售網(wǎng)站 24 （ 4） 分類添加修改 模塊 包括：商品大類管理、商品小類管理、商品類別轉(zhuǎn)移、字段名稱設(shè)置、商城單位設(shè)置、商城品牌設(shè)置等模塊 具體如下圖所示： 圖 4－ 7分類添加修改 模塊 （ 5） 商城定單管理 模塊 包括： 商品資料添 加、商品資料修改、商品缺貨提醒、會(huì)員定單管理、匿名定單管理、電話定單添加、團(tuán)購(gòu)批發(fā)管理、商品評(píng)論管理、銷售統(tǒng)計(jì)報(bào)表等模塊。本系統(tǒng)只列出以下部分?jǐn)?shù)據(jù)表： 表 41 管理員表（ shop_admin） 字段名 數(shù)據(jù)類型 長(zhǎng)度 允許空 adminid 自動(dòng)編號(hào) 16 admin varchar 50 password varchar 50 flag 數(shù)字 16 （ 2）會(huì)員表 主鍵：會(huì)員帳號(hào) NOT NULL 說明：會(huì)員表記錄系統(tǒng)中注冊(cè)用戶的詳細(xì)信息。 其表結(jié)構(gòu)如表 45 所示： 表 45 訂單表（ telorder） 字段名 數(shù)據(jù)類型 長(zhǎng)度 允許空 t_id 自動(dòng)編號(hào) 4 t_name int 4 t_add int 4 t_tel varchar 30 dates date 8 istate varchar 50 user_name varchar 50 rmb money 50 t_biaozhi int 4 （ 6） 送貨 表 主鍵： 送貨 編號(hào) NOT NULL 說明 ： 發(fā)貨訂單表記錄針對(duì)用戶的一個(gè)訂單的詳細(xì)信息。 根據(jù)以上原則網(wǎng)站頁面要做到樸素大方，線條輪廓要流暢、穩(wěn)重，用色要慎重不可花里胡哨。 曲線（弧形）的應(yīng)用。 曲、直線 （矩形、弧形）的綜合應(yīng)用。 色彩的選擇 色彩是人的視覺最敏感的東西。因?yàn)樯示哂邢笳餍?，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。 所以，我以藍(lán)白色搭配為主色調(diào)其它顏色相輔，給人以寧靜深遠(yuǎn)的回味，導(dǎo)航欄用七色箭頭點(diǎn)綴，彩色圖片和動(dòng)態(tài)元素的使用使頁面樸素、大方、莊重。盡可能多畫幾張，最后選定一個(gè)滿意的作為繼續(xù)創(chuàng)作的腳本。 第三步是指定主圖，所謂主圖，就是放一幅較能反映頁面主題思想的圖片，他的大小可適當(dāng)超 過頁面上的其它圖片，顏色不加限制，而且位置應(yīng)盡量突出在前面搶眼處。我的設(shè)計(jì)基本延用了 c型但做了一些改進(jìn)。 網(wǎng)站頁面結(jié)構(gòu)布局如下圖 52 所示： 網(wǎng)站購(gòu)物功能鏈接區(qū)（ ） 在線手機(jī)銷售網(wǎng)站 31 手機(jī)廠商等（ ） （商品顯示區(qū)） 圖 52 網(wǎng)站頁面結(jié)構(gòu)布局 商城主頁設(shè)計(jì) 主頁是一個(gè)商城的門戶，顧客一般都是首先看到此頁（也有個(gè)別從鏈接進(jìn)來者），因此大多數(shù)商家都希望在主頁上能夠顯示盡可能多的信息，而且希望將自己最希望讓別人了解的信息放 在最吸引目光的位置。由于沒有使用框架，各個(gè)模塊的頁面需要在此的基礎(chǔ)上，在頁面結(jié)構(gòu)的 “體 ”處加入實(shí)現(xiàn)功能特點(diǎn)的頁面代碼。 文件的實(shí)現(xiàn)，它所包含的每一部分都是由一個(gè)表格（ table）構(gòu)成，由于需要頁面美化，其中每個(gè)表格都包含了一些 HTML 修飾代碼。 為了提高代碼的重用性，我把管理界面部分相同的頭和尾做成兩個(gè)文件分別命名為 和 。管理端相對(duì)客戶端要復(fù)雜一些，因?yàn)樵谶@里需要對(duì)所有信息進(jìn)行維護(hù)，包括瀏覽，增加，修改和刪除等操作。 商品列表主要用到 這個(gè)文件，圖 61 為管理端商品列表的運(yùn)行結(jié)果，在這里可以看到它與廠商維護(hù)界面非常相似，這樣便于網(wǎng)站管理人員使用。 然后根據(jù) mykeyword 和 producttype 的只值來組織 SQL語句從 product 表中檢索數(shù)據(jù)。這些是純 HTML 和 JavaScript 技巧。 修改商品用到文件 和 。 商品管理程序流程圖如下圖 63 所示：