【正文】 計提供領(lǐng)先的支持到手動編碼功能， Dreamweaver 在一個集成和高效的環(huán)境中為專業(yè)人員提供了所需的工具。 Dreamweaver MX 是一款專業(yè)的 HTML 編輯器，用于對 Web 站點、 Web 頁和 Web 應(yīng)用程序進行設(shè)計、編碼和開發(fā)。 利用 Dreamweaver 中的可視化編輯功能，您可以快速 地創(chuàng)建頁面而無需編寫任何代碼。并且，借助 Dreamweaver，您還可以使用服務(wù)器語言（例如 ASP、 、 ColdFusion 標記語言 （ CFML）、 JSP 和 PHP）生成支持動態(tài)數(shù)據(jù)庫的 Web 應(yīng)用程序。其中運用軟件主要有 dreamweaver mx 2020，數(shù)據(jù)庫采用 access。 3. 維護方便，后臺操作快捷明了，操作人員可在短時間內(nèi)完全掌握維 工作。只要有 50M 空間，和一個域名，即可開動網(wǎng)站，實現(xiàn)網(wǎng)上交易，在互聯(lián)網(wǎng)上擁有自己的一席之地。電子商務(wù)市場交易量不斷擴大，吸引了越來越多的消費者參與其中，網(wǎng)上購物形成了與傳統(tǒng)商業(yè)業(yè)態(tài)相抗衡的力量。 中國互聯(lián)網(wǎng)絡(luò)信息中心 7 月 20 日在京發(fā)布的“第十四次中國互聯(lián)網(wǎng)絡(luò)發(fā)展狀況統(tǒng)計報告”顯示， %的網(wǎng)民經(jīng)常訪問購物網(wǎng)站； %的網(wǎng)民有時訪問購物網(wǎng)站； %的網(wǎng)民在最近一年中有過網(wǎng)上購物的經(jīng)歷。 網(wǎng)上購物中排前列的商品依次是書刊、電腦及相關(guān)產(chǎn)品、音像器材及制品、生活、家居用品及服務(wù)在線手機銷售網(wǎng)站 16 和通訊產(chǎn)品。 第 4 章 系統(tǒng)分析 采用生命周期法和原型法相結(jié)合的方法開發(fā)本網(wǎng)站 由于本網(wǎng)站開發(fā)受到各方條件的影響，在開發(fā)初期采用生活周期法進行設(shè)計開發(fā)，嚴格按照系統(tǒng)規(guī)劃，系統(tǒng)分析，系統(tǒng)實施和系統(tǒng)維護這五個階段。 系統(tǒng)的名 稱和目標 名稱：在線手機銷售網(wǎng)站 目標： 實施計劃 該網(wǎng)站的系統(tǒng)設(shè)計部分從 4 月中旬開始，預(yù)計在 5 月底完成，系統(tǒng)實施預(yù)計在 6 月中旬實施。 person Use 我的購物車 我的帳戶 搜索 在線支付 在線手機銷售網(wǎng)站 20 圖 44 顧客用例圖 圖 45 管理員用例圖 adminstrator Use 商城核心設(shè)置 用戶管理中心 信息管理設(shè)置 商城定單管理 在線手機銷售網(wǎng)站 21 第 5 章 系統(tǒng)總體設(shè)計 系統(tǒng)總體功能 主要采取網(wǎng)絡(luò)商品直銷的方式，消費者和生產(chǎn)者，或者試需求方和供應(yīng)方直接利用網(wǎng)絡(luò)形式展開買賣活動。 （ 3） 會員通過“購物車”選購商品，并填寫購貨信息，生成訂單。 網(wǎng)站首頁 最新動態(tài) 最新專題 BEST 精品 精品熱賣 銷售排行 熱門商品 熱評商品 在線手機銷售網(wǎng)站 22 網(wǎng)站管理端模塊功能： (1) 管理端整體框架 管理端整體框架圖如下所示： 圖 4－ 4 后臺管理模塊 （ 2） 商城核心設(shè)置模塊 包括：網(wǎng)站信息設(shè)置、系統(tǒng)參數(shù)設(shè)置、商城廣告設(shè)置、送貨郵編設(shè)置、送貨方式設(shè)置、匯款方式設(shè)置、浮動價格設(shè)置、其他信息設(shè)置、合作伙伴管理等模塊管 理。 具體如下圖所示： 圖 4－ 6商品管理設(shè)置 模塊 在線手機銷售網(wǎng)站 24 （ 4） 分類添加修改 模塊 包括：商品大類管理、商品小類管理、商品類別轉(zhuǎn)移、字段名稱設(shè)置、商城單位設(shè)置、商城品牌設(shè)置等模塊 具體如下圖所示： 圖 4－ 7分類添加修改 模塊 （ 5） 商城定單管理 模塊 包括： 商品資料添 加、商品資料修改、商品缺貨提醒、會員定單管理、匿名定單管理、電話定單添加、團購批發(fā)管理、商品評論管理、銷售統(tǒng)計報表等模塊。 圖 4－ 9用戶管理中心 模塊 （ 7）信息管理設(shè)置模塊 首頁新聞添加、首頁新聞管理、商城專題添加、商城專題管理、商城投票添加、商城投票管理、首頁公告 管理、查看意見反饋、查看支付信息 圖 4－ 10信息管理設(shè)置模塊 系統(tǒng)開發(fā)工具與數(shù)據(jù)庫 根據(jù)當今動態(tài)網(wǎng)頁開發(fā)的普遍性及實用性，本網(wǎng)站的開發(fā)平臺如下： 開發(fā)環(huán)境： ASP 開發(fā)平臺： IIS 開發(fā)工具： Dreamweaver MX 2020 在線手機銷售網(wǎng)站 26 數(shù)據(jù)庫： Microsoft Access 2020 代碼設(shè)計 本站的代碼具體規(guī)則如下： 1．商品大類代碼設(shè)計： 1位有效數(shù)字 自然數(shù)（ 0－ 9） 2．訂單編號，顧客編號等均采用順序碼，由系統(tǒng)自動生成的自然數(shù)，方便系統(tǒng)的識別及后臺的維護管理。本系統(tǒng)只列出以下部分數(shù)據(jù)表： 表 41 管理員表（ shop_admin） 字段名 數(shù)據(jù)類型 長度 允許空 adminid 自動編號 16 admin varchar 50 password varchar 50 flag 數(shù)字 16 （ 2）會員表 主鍵：會員帳號 NOT NULL 說明：會員表記錄系統(tǒng)中注冊用戶的詳細信息。其表結(jié)構(gòu)如表 43 所示： 在線手機銷售網(wǎng)站 27 表 43 產(chǎn)品信息表（ shop_Product） 字段名 數(shù)據(jù)類型 長度 允許空 productid 自動編號 4 productname int 4 pingpai varchar 30 productdanwei text 16 banci text 16 zhuang money 8 isbn money 8 productcontent varchar 100 shichangjia varchar 100 huiyuanjia int 4 Buynum int 4 vipjia tinyint 1 bestproduct datetime 8 是 （ 5） 產(chǎn)品 單位 表 主鍵：類型 ID NOT NULL 說明：產(chǎn)品 單位表記錄產(chǎn)品單位 。 其表結(jié)構(gòu)如表 45 所示： 表 45 訂單表（ telorder） 字段名 數(shù)據(jù)類型 長度 允許空 t_id 自動編號 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） 送貨 表 主鍵： 送貨 編號 NOT NULL 說明 ： 發(fā)貨訂單表記錄針對用戶的一個訂單的詳細信息。其表結(jié)構(gòu)如下表 47 所示： 表 47 評論 表（ shop_pinglun） 字段名 數(shù)據(jù)類型 長度 允許空 pinglunid 自動編號 4 productid varchar 100 pinglunname text 16 pingluncontent varchar 200 pingluntitle varchar 50 pinglundate int 4 在線手機銷售網(wǎng)站 29 第 6 章 網(wǎng)站的風格及頁面設(shè)計 頁面設(shè)計的原 則 設(shè)計的 3C原則：所謂 3C 原則是指簡潔、一致性、好的對比度。 根據(jù)以上原則網(wǎng)站頁面要做到樸素大方，線條輪廓要流暢、穩(wěn)重，用色要慎重不可花里胡哨。直線條的藝術(shù)效果是流暢、挺拔、規(guī)矩、整齊，所謂有輪有廓。 曲線（弧形）的應(yīng)用。曲線和弧形在頁面上的重復(fù)組合可以呈現(xiàn)流暢、輕快，富有活力的視覺效果。 曲、直線 （矩形、弧形）的綜合應(yīng)用。這種形式的主頁，適應(yīng)的范圍更大，各種主題的主頁都可以應(yīng)用。 色彩的選擇 色彩是人的視覺最敏感的東西。色彩總的應(yīng)用原則應(yīng)該是 “總體協(xié)調(diào)，局部對比 ”，也就是：主頁的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。因為色彩具有象征性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。色彩還具有明顯的心理感覺，例如冷、暖的感覺，進、退的效果等。 所以，我以藍白色搭配為主色調(diào)其它顏色相輔，給人以寧靜深遠的回味，導航欄用七色箭頭點綴，彩色圖片和動態(tài)元素的使用使頁面樸素、大方、莊重。新建頁面就象一張白紙，沒有任何表格，框架和約定俗成的東西，你可以盡可能的發(fā)揮你的想象力，將你想到的 “ 景象 ” 畫上去，建議用一張白紙和一支鉛筆將初步的設(shè)想畫在紙上，當然用作圖軟件 photoshop等也可以，免得在做了一半時發(fā)現(xiàn)頁面不和諧而重做。盡可能多畫幾張，最后選定一個滿意的作為繼續(xù)創(chuàng)作的腳本。但不管怎樣，標題的主色調(diào)應(yīng)先定下來，這對后面幾步的版面影響很大。 第三步是指定主圖，所謂主圖，就是放一幅較能反映頁面主題思想的圖片，他的大小可適當超 過頁面上的其它圖片，顏色不加限制，而且位置應(yīng)盡量突出在前面搶眼處。 以上三步確定下來后，頁面的基本風格就出現(xiàn)了，我們在根據(jù)情況進行調(diào)整，或者看是否加上背景，主要考慮主圖是否需要背景。我的設(shè)計基本延用了 c型但做了一些改進。但沒有使用共享邊框，而是單獨的設(shè)計制作了上邊框的內(nèi)容 ，下邊框的內(nèi)容 ，和作邊框的內(nèi)容 。 網(wǎng)站頁面結(jié)構(gòu)布局如下圖 52 所示： 網(wǎng)站購物功能鏈接區(qū)（ ） 在線手機銷售網(wǎng)站 31 手機廠商等（ ） （商品顯示區(qū)） 圖 52 網(wǎng)站頁面結(jié)構(gòu)布局 商城主頁設(shè)計 主頁是一個商城的門戶，顧客一般都是首先看到此頁（也有個別從鏈接進來者），因此大多數(shù)商家都希望在主頁上能夠顯示盡可能多的信息，而且希望將自己最希望讓別人了解的信息放 在最吸引目光的位置。 圖 53 在線手機銷售系統(tǒng)主頁面 客戶端界面結(jié)構(gòu)設(shè)計 在客戶端界面中，出于美觀考慮，沒有采用框架。由于沒有使用框架，各個模塊的頁面需要在此的基礎(chǔ)上，在頁面結(jié)構(gòu)的 “體 ”處加入實現(xiàn)功能特點的頁面代碼。在 中除了功能菜單以外，還集成了一個會員登陸功能，在 文件中調(diào)用 showmemberlogin()過程就是為了實現(xiàn)此功能的，其作用在線手機銷售網(wǎng)站 32 是根據(jù)會員是否登陸來顯示歡迎信息或登陸表單。 文件的實現(xiàn)，它所包含的每一部分都是由一個表格（ table）構(gòu)成，由于需要頁面美化，其中每個表格都包含了一些 HTML 修飾代碼。 在本系統(tǒng)中的界面結(jié)構(gòu)是由頭（ ），體（ iframe）和尾（ ）三部分組成。 為了提高代碼的重用性，我把管理界面部分相同的頭和尾做成兩個文件分別命名為 和 。 在線手機銷售網(wǎng)站 33 第 7 章 系統(tǒng)詳細設(shè)計 管理端界面設(shè)計 客戶端界面的大部分功能都是以管理端為前提的，因為客戶端所顯示的數(shù)據(jù)大部分需要通過管理端來添加。管理端相對客戶端要復(fù)雜一些，因為在這里需要對所有信息進行維護，包括瀏覽，增加，修改和刪除等操作。 商品（手機） 管理設(shè)置 商品（手機） 管理設(shè)置 的主 要功能：顯示商品列表（ ），添加商品頁面（ ），保存添加的商品信息（ ），修改商品界面（ ），保存商品修改結(jié)果（ ），上傳圖片界面（ ），保存上傳圖片（ ），推薦或取消推薦商品（ ）。 商品列表主要用到 這個文件，圖 61 為管理端商品列表的運行結(jié)果，在這里可以看到它與廠商維護界面非常相似，這樣便于網(wǎng)站管理人員使用。 Mykeyword：過濾產(chǎn)品的關(guān)鍵字，位于 Form 集合中，如果找不 到，默認為空。 然后根據(jù) mykeyword 和 producttype 的只值來組織 SQL語句從 product 表中檢索數(shù)據(jù)。 添加商品用到 和 兩個文件，圖 62 為在商品列表頁面中單擊[添加 ]按鈕后所看到的添加商品頁面。這些是純 HTML 和 JavaScript 技巧。 在這個頁面中，仍然要注意操作完數(shù)據(jù)庫以后，要手工釋放連接。 修改商品用到文件 和 。 商品 ID 通過 URL參數(shù)傳入，因此首先要從 Request 的 QueryString集合中取出商品 ID，并需要將其兩邊的空格和可能存在的單引號去除，然后組織 SQL 語句刪除。 商品管理程序流程圖如下圖 63 所示：