【正文】 這里的原理很簡單，但仍然要注意的是安全問題，在用 id 后，必須對其合法性進(jìn)行判斷。修改商品與添加商品的界面非常相似，事實上也的確如此，所不同的是，在 元素中，而在 中根本不存在檢索商品數(shù)據(jù)的問題。另外，這里只進(jìn)行了簡單的數(shù)據(jù)驗證，如果提交的價格不是數(shù)字的話，加工它們默認(rèn)置為 “1”，而不恩能夠直接用 CInt 轉(zhuǎn)為 “0”，否則在將來計算商品打折時由于分母為 “0”會出錯。 在線手機(jī)銷售網(wǎng)站 35 圖 62 添加商品頁面 在添加商品截面中單擊 [添加 ]按鈕后，就會將數(shù)據(jù)提交到 文件中，這個文件將 文件所提交的數(shù)據(jù)寫到數(shù)據(jù)庫中，其實原理與天家廠商很相似，就是將一個表單中的數(shù)據(jù)利用 ADO 對象或 SQL 語句寫入到數(shù)據(jù)庫中。從圖中可以看到，在添加商品時仍需要一個下拉列表框指定它所屬的廠商，在這里一定要對輸入進(jìn)行驗證，包括輸入是否為空，所輸入的價格必須是數(shù)字，以及輸入長度的限制等。另外，由于本頁需要在下拉列表中顯示所有的廠商名稱，并且在商品列表中也有相應(yīng)的列需要顯示廠商名稱，所以需要在檢索 product 表之前先從 producttype表中檢索出所有的廠商編號和名稱。 Producttype：產(chǎn)品類型編號，位于 Form 集合中，如果找不到，默認(rèn)為 “0”。 在線手機(jī)銷售網(wǎng)站 34 圖 61 管理端商品列表運行結(jié)果 此頁的原理是每次訪問此頁時，都會從 Request 對象的 QuerString 集合和 Form 集合中尋找以下三個參數(shù)： Page：當(dāng)前頁號，位于 QuerString集合中，如果找不到，默認(rèn)為 “1”。 商品維護(hù)模塊可以說是在所有管理模塊中最復(fù)雜的一個，也是整個系統(tǒng)的核心，商品維護(hù)與廠商管理相比，難點在于不僅涉及數(shù)據(jù)較多，而且還涉及商品 圖片上傳，推薦或取消推薦商品等。為了便于系統(tǒng)維護(hù)，頁面的命名采用 “模塊名 +功能名 ”的方式。因此，先從管理端進(jìn)行開發(fā)與設(shè)計。他們基本是純 HTML 代碼。由于使用了框架（ iframe），于是只要將各個模塊的頁面裝入 iframe 即可，并且在這些頁面中無需包含頭和尾信息。 管理端界面結(jié)構(gòu)設(shè)計 進(jìn)行 ASP 應(yīng)用程序開發(fā)的重要異步是設(shè)計一個一般的界面結(jié)構(gòu)，在這個結(jié)構(gòu)確定了之后，就可以將不同的內(nèi)容添加到這個框架中，這樣即便于整個網(wǎng)站統(tǒng)一風(fēng)格，也減少了界面設(shè)計的工作量。 界面左惻快捷菜單設(shè)計 左惻快捷菜單包含三部分，分別是手機(jī)廠商、熱門商品和最優(yōu)惠商品。 界面頭、尾設(shè)計 為了提高代碼的重用性，與管理端界面類似，把客戶端界面部分相同 的頭和尾做成兩個文件分別命名為 和 ?？蛻舳私缑娼Y(jié)構(gòu)是由頭（ ）、左惻快捷菜單（ ）、體和尾（ ）四部分組成。 本系統(tǒng)的主頁是 文件，圖 53 是在線手機(jī)銷售系統(tǒng)的主頁面。使用 !include file=語句完成 對上述部分的調(diào)用，實現(xiàn)頁面共享使每層網(wǎng)頁具有相同的上下及左邊框統(tǒng)一了風(fēng)格，這樣的調(diào)用方法效地解決了導(dǎo)航欄及超鏈接在深層網(wǎng)頁的相對路徑偏差問題，實現(xiàn)鏈接路徑完全統(tǒng)一化。延用了上下邊框和左邊框的設(shè)計網(wǎng)頁顯得簡潔。 網(wǎng)站的風(fēng)格版面設(shè)計 在版面設(shè)計上我認(rèn)為可以說是既繼承了傳統(tǒng)設(shè)計的優(yōu)點，又作了個性化創(chuàng)新作為傳統(tǒng)設(shè)計無非是用以下幾種架構(gòu)如圖 51 所示： a、 b、 c、 d、 圖 51 網(wǎng)站架構(gòu) a 型、 b 型、 c 型、 d 型 多數(shù)網(wǎng)站的設(shè)計都采用了 c型，上邊為站標(biāo)及廣告欄，左邊作為導(dǎo)航欄，底邊為版權(quán)信息及設(shè)計制作小組，中間作為內(nèi)容區(qū)。這里要特別指出的是，網(wǎng)標(biāo)，它是一個網(wǎng)站的標(biāo)志和靈魂，在他的設(shè)計上一定要突出自己的風(fēng)格和特點，能反映站點主題，體現(xiàn)企業(yè)文化，可以結(jié)合使用企業(yè)的標(biāo)志。 第二步明確頁面上要鏈接的目錄，要將他們放在較顯眼的位置，根據(jù)頁面風(fēng)格的不同可以放在頂部、左邊、右邊、中部等較明顯的位置，主鏈接可以做成小圖標(biāo)的形式，但注意圖片不能太大、也不能過分搶眼（一般情況下不比標(biāo)題或主圖的色彩重）。 第一步先明確頁面主題，考慮是否有合適的圖片來襯托主題，如果有現(xiàn)成的圖片就可以了，沒有的話， 就根據(jù)情況來決定是否自己做一幅，這里我用 PHOTOSHOP軟件設(shè)計了一張簡單的網(wǎng)站標(biāo)題 “ 新世紀(jì)手機(jī)商城 ” 字體顏色選用淺藍(lán)，以便協(xié)調(diào)網(wǎng)站的基色。這屬于創(chuàng)造階段，不講究細(xì)膩工整，不必考慮細(xì)節(jié)功能，只以粗陋的線條勾畫出創(chuàng)意的輪廓即可。 在線手機(jī)銷售網(wǎng)站 30 網(wǎng)站設(shè)計構(gòu)思 首先在制作一個網(wǎng)頁之前，應(yīng)該先進(jìn)行構(gòu)思。另外，色彩還有民族性，各個民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對于色彩的喜好也存在著較大的差異。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。在色彩的運用上，可 以根據(jù)主頁內(nèi)容的需要，分別采用不同的主色調(diào)。主頁的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。但是，在頁面的編排處理上，難度也會相應(yīng)大一些，處理得不好會產(chǎn)生凌亂的效果。把以上兩種線條和形狀結(jié)合起來運用，可以大大豐富主頁的表現(xiàn)力，使頁面呈現(xiàn)更加豐富多彩的藝術(shù)效果。一般應(yīng)用于青春、活潑的主頁題材。曲線的效果是流動、活躍，具有動感。直線和矩形在頁面上的重復(fù)組合可以呈現(xiàn)井井有條、涇渭分明的視覺效果。 線條的使用 直線（矩形）的應(yīng)用。 Web頁面設(shè)計需要遵循這三條原則。其表結(jié)構(gòu)如下表 46 所示： 表 46 送貨 表（ shop_songhuo） 在線手機(jī)銷售網(wǎng)站 28 字段名 數(shù)據(jù)類型 長度 允許空 songid 自動編號 4 subject varchar 20 jsmoney varchar 10 fangshi varchar 60 songidorder varchar 6 （ 7） 評論 表 主鍵： 評論 編號 NOT NULL 說明： 實現(xiàn)評論 功能。其表結(jié)構(gòu)如下表 44 所示： 表 44 產(chǎn)品類型表（ danwei） 列名 數(shù)據(jù)類型 長度 允許空 ID 自動編號 4 danweiname varchar 4 danweiorder int 20 （ 5）訂單表 主鍵：無 說明：訂單表記錄在客戶的一個訂單中，針對一件商品的訂貨信息。其表結(jié)構(gòu)如下表 42 所示： 表 42 會員表（ Dv_user） 字段名 數(shù)據(jù)類型 長度 允許空 UuserID 自動編號 20 userName varchar 10 UserEmail varchar 2 Article varchar 16 UserPassword varchar 50 sign varchar 20 sex varchar 30 homepage varchar 16 addDate varchar 60 logins varchar 6 （ 3）產(chǎn)品信息表 主鍵：產(chǎn)品編號 NOT NULL 說明：產(chǎn)品信息表記錄系統(tǒng)中已有手機(jī)產(chǎn)品的信息。 數(shù)據(jù)庫設(shè)計 數(shù)據(jù)庫邏輯設(shè)計 將 ER 圖向數(shù)據(jù)模型關(guān)系模式化，由于數(shù)據(jù)表眾多。 圖 4－ 8商城定單管理 模塊 （ 6） 用戶管理中心 模塊 包括： 商城會員管理、匿名會員管理、會員獎品添加、會員獎品設(shè)置、積分換獎?wù)f明、幸運 VIP 管理、 VIP 申請設(shè)置、 VIP 活動設(shè)置、后臺管理添加、在線手機(jī)銷售網(wǎng)站 25 修改管理密碼。 具體如下圖所示： 管理員等錄 商城核心設(shè)置 商品管理設(shè)置 分類添加修改 商城定單管理 用戶管理中心 信息管理設(shè)置 在線手機(jī)銷售網(wǎng)站 23 圖 4－ 5 商城核心設(shè)置模塊 （ 3） 商品管理設(shè)置 模塊 包括：商品資料添加、商品資料修改、商品缺貨提醒、會員定單管理、匿名定單管理、電話定單添加、團(tuán)購批發(fā)管理、商品評論管理、銷售統(tǒng)計報表等模塊。 （ 4） 企業(yè)或者商家通過后臺，確認(rèn)消費者付款后，通知銷售部門送貨上門 . 網(wǎng)站客戶端功能模塊 (1) 網(wǎng)站首頁如下圖所示： 圖 4－ 1 系統(tǒng)功能模塊圖 另外，首頁還提供網(wǎng)站其他導(dǎo)航以及注冊和登錄等功能。具體功能如下： （ 1） 消費者進(jìn)入網(wǎng)站，查看自己所需要的信息 （ 2） 消費者通過注冊成為會員，并填寫相關(guān)信息。 數(shù)據(jù)流程圖 第一層如圖： 管理員 管理員信息管理 商品管理 D1 管理員信息表 D4 商品子類信息表 D5 商品大類信息表 D3 商品信息表 在線手機(jī)銷售網(wǎng)站 17 圖 41 P 訂單管理 D2 訂單詳細(xì)內(nèi)容表 顧客 商品大類頁面 商品子類頁面 商品詳細(xì)信息 購物管理 D5 商品大類信息表 D4 商品子類信息表 D3 商品信息表 D2 訂單詳細(xì)內(nèi)容表 顧客管理 D4 顧客信息表 在線手機(jī)銷售網(wǎng)站 18 圖 42 數(shù)據(jù)字典 1 數(shù)據(jù)流條目舉例 2 外部實體條目舉例 2. 外部實體條目 3 數(shù)據(jù)存儲條目舉例 數(shù)據(jù)流條目 名稱：訂單詳細(xì)內(nèi)容 說明：顧客購物時，所選購商品的詳單 數(shù)據(jù)流來源： D3， D4 數(shù)據(jù)流去向： D2， P1， P2 組成：訂單號＋顧客姓名＋顧客電話＋顧客地址＋郵編＋顧客 ＋備注＋定購產(chǎn)品編號＋定購產(chǎn)品數(shù)量＋定購產(chǎn)品總價＋定購日期＋本站用戶名＋處理情況 外部實體條目 名稱：商品類別 說明：后臺編輯的商品類別，在前臺顯示 輸出數(shù)據(jù)流： , 輸入數(shù)據(jù)流： D3,D4,D5 數(shù)據(jù)存儲條目 名稱：顧客信息 說明：對申請注冊用戶的信息管理 數(shù)據(jù)流來源：顧 客注冊 數(shù)據(jù)流去向： D4 組成：顧客編號＋用戶名＋用戶密碼＋真實姓名＋性別＋郵編＋聯(lián)系電話＋聯(lián)系＋注冊時間＋最近登陸時間 在線手機(jī)銷售網(wǎng)站 19 4 處理過程條目舉例 ER 圖 圖 43 用例圖 處理過程條目 名稱：訂單查詢 說明：用戶登陸后，查看自己的訂單列表 輸入：顧客用戶名，密碼 輸出： D2－ P2 處理：顧客登陸后，到數(shù)據(jù)庫查詢自己的訂單信息，有訂單號，下單日期，商品編號，商品名稱，單價，數(shù)量等信息。網(wǎng)站能正常運行后，再進(jìn)一步調(diào)查和分析，其中的不足之處，合理解決。在支付手段上，采用貨到付款方式的占 %；采用網(wǎng)上支付的占 %；采用郵局匯款的占 %；采用銀行匯款的占 %。網(wǎng)民選擇網(wǎng)上購物的主要原因是節(jié)省時間、節(jié)約費用、操作方便和尋找稀有商品。據(jù)預(yù)測，中國 B2C 的市場交易量在2020 年將達(dá)到 270 億美元。 社會可行性 新浪、搜狐的網(wǎng)上商城，亞馬遜、卓越、當(dāng)當(dāng)?shù)染W(wǎng)上超市，還有易趣、中商網(wǎng)、阿 里巴巴旗下的淘寶網(wǎng)和 8848 網(wǎng)站等等，構(gòu)成了我國網(wǎng)絡(luò)商業(yè)門戶的強(qiáng)勢陣容。 經(jīng)濟(jì)可行性 無論是個人用戶，還是企業(yè)用戶。 2. 采用 asp 技術(shù)，該技術(shù)功能強(qiáng)大，擴(kuò)展性強(qiáng)， Macromedia 公司提供了大量第三方插件，并結(jié)合 Vbscript,Javascript 以及 sql 等腳本語言，以上技術(shù)完全勝任開發(fā)任務(wù)。 在線手機(jī)銷售網(wǎng)站 15 第 3 章 可行性分析 技術(shù)可行性 1. 硬件，軟件要求不高，目前市場上的一般計算機(jī)硬件資源均能滿足系統(tǒng)開發(fā)需求。不過，如果您更喜歡用手工直接編碼， Dreamweaver 還包括許多與編碼相關(guān)的工具和功能。無論您喜歡直接編寫 HTML 代碼的駕馭感還是偏愛在可視化編輯環(huán)境中工作， Dreamweaver 都會為您提供幫助良多的工具，豐富您的 Web 創(chuàng)作體驗。 開發(fā)人員可以將其選擇的服務(wù)器技術(shù)與 Dreamweaver 配合使用，建立將用戶連接到數(shù)據(jù)庫、 Web 服務(wù)和舊式系統(tǒng)的強(qiáng)大 Inter 應(yīng)用程序 。 它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合為一個功能強(qiáng)大的工具，使每個級別的開發(fā)人員和設(shè)計人員都可利用它快速創(chuàng)建界面吸引人并且基于標(biāo)準(zhǔn)的站點和應(yīng)用程序。 由于 JScript 不是