【導(dǎo)讀】本文設(shè)計(jì)開發(fā)了一款基于B/S結(jié)構(gòu)的網(wǎng)上商城管理系統(tǒng)，采取的開發(fā)技術(shù)為，本文實(shí)現(xiàn)的系統(tǒng)包含前臺(tái)和后臺(tái)兩大模塊，包括會(huì)員管理，商品管。理，訂單管理，管理員管理等多個(gè)獨(dú)立的子模塊。開發(fā)過程中，使用了大量圖示說明，提高了文檔的可讀性與系統(tǒng)的可維護(hù)性。開發(fā)本系統(tǒng)的目的，在于減少中間環(huán)節(jié)，消除。運(yùn)輸成本和代理中間的差價(jià)，造就對(duì)普通消費(fèi)和加大市場(chǎng)流通帶來巨大的發(fā)展空間。

　　

【正文】 局，使系統(tǒng)更加美觀、友好。數(shù)據(jù)庫(kù)方面 ，考慮到數(shù)據(jù)量和兼容性，決定使用 Microsoft SQL Server 2020 數(shù)據(jù)庫(kù)管理系統(tǒng)，進(jìn)行數(shù)據(jù)庫(kù)的創(chuàng)建，使用和維護(hù)，使數(shù)據(jù)處理更加可靠，高效。最后使用 IIS 進(jìn)行系統(tǒng)發(fā)布。硬件設(shè)備即為普通筆記本一臺(tái)。 相關(guān)技術(shù)介紹： 是 Framework 的一部分，是一種可以在高度分布的 Inter環(huán)境中簡(jiǎn)化應(yīng)用程序開發(fā)的計(jì)算環(huán)境。它提供了為建立和部署企業(yè)級(jí) Web 應(yīng)用程序所必須的服務(wù)。同時(shí)， 為能夠面向任何瀏覽器或設(shè)備 的更安全性、更強(qiáng)的可升級(jí)性、更穩(wěn)定的應(yīng)用程序提供了新的變成模型和基礎(chǔ)架構(gòu) [2]。 B/S 結(jié)構(gòu) B/S 結(jié)構(gòu)的教學(xué)系統(tǒng)興起于上世紀(jì)末 Inter 技術(shù)的發(fā)展。 B/S(Browser/Server)結(jié)構(gòu) ,即瀏覽器和服務(wù)器結(jié)構(gòu)。它是對(duì) C/S 結(jié)構(gòu)的一種變化或者改進(jìn)的結(jié)構(gòu)。在這種結(jié)構(gòu)下 ,用戶工作界面是通過 WWW瀏覽器來實(shí)現(xiàn) ,極少部分事務(wù)邏輯在前端 (Browser)實(shí)現(xiàn) ,主要事務(wù)邏輯在服務(wù)器端 (Server)實(shí)現(xiàn) ,server 端訪問數(shù)據(jù)庫(kù) ,形成所謂三層 3tier 結(jié)構(gòu)。如今WEB 技術(shù)的日益成熟 ,B/S 結(jié)構(gòu) 浮出水面并呈現(xiàn)逐漸取代 C/S 的形勢(shì) ,使得教學(xué)軟件系統(tǒng)的網(wǎng)絡(luò)體系結(jié)構(gòu)跨入一個(gè)新階段 [15]。 C C sharp(音標(biāo) [∫a:p] )(又被簡(jiǎn)稱為 C)是微軟公司在 2020 年 6 月發(fā)布的一種新的編程語(yǔ)言，并定于在微軟職業(yè)開發(fā)者論壇（ PDC)上登臺(tái)亮相。 C看起來與 Java 有著驚人的相似；它包括了諸如單一繼承、界面、與 Java 幾乎同樣的語(yǔ)法，和編譯成中間代碼再運(yùn)行的過程。但是 C與 Java 有著明顯的不同，它借鑒了 Delphi 的一個(gè)特點(diǎn)，與 COM(組件對(duì)象模型 )是直接集成的，而且它是微軟公司 .NET windows 網(wǎng)絡(luò)框架的主角 [5]。 DIV+CSS DIV+CSS 是網(wǎng)站標(biāo)準(zhǔn)（或稱 ―WEB 標(biāo)準(zhǔn) ‖）中常用術(shù)語(yǔ)之一， div+css 是一種網(wǎng)頁(yè)的布局方法，這一種網(wǎng)頁(yè)布局方法有別于傳統(tǒng)的 HTML 網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格（ table）定位方式，可實(shí)現(xiàn)網(wǎng)頁(yè)頁(yè)面內(nèi)容與表現(xiàn)相分離。在 XHTML 網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用 DIV+CSS 的方式實(shí)現(xiàn)各種定位 [4]。 IIS IIS 是 Inter Information Services 的縮寫，是一個(gè) World Wide Web server。 Gopher server 和 FTP server 全部包容在里面。 IIS 意味著你能發(fā)布網(wǎng)頁(yè)，并且有 ASP（ Active Server Pages）、 JAVA、 VBscript 產(chǎn)生頁(yè)面，有著一些擴(kuò)展功能 [3]。 本章小結(jié) 通過本章節(jié)，通過可行性分析，對(duì)系統(tǒng)的可行性進(jìn)行了分析。然后以系統(tǒng)流程圖描繪了物理系統(tǒng)。根據(jù)其數(shù)據(jù)流向描繪出了系統(tǒng)數(shù)據(jù)流圖，且以數(shù)據(jù)字典進(jìn)行了分析解釋，比較直觀的對(duì)數(shù)據(jù)流進(jìn)行了闡釋，為后續(xù)的設(shè)計(jì)工作奠定了良好的基礎(chǔ)。另外，本文對(duì)開發(fā)環(huán)境做出了相應(yīng)說明，以備后續(xù)開 發(fā)更加明確，流暢。 14 第 3 章 系統(tǒng)設(shè)計(jì) 本章節(jié)對(duì)本系統(tǒng)的進(jìn)行總體設(shè)計(jì)，從設(shè)計(jì)思想，體系結(jié)構(gòu)設(shè)計(jì)，軟件結(jié)構(gòu)設(shè)計(jì)等方面進(jìn)行說明，并通過層次圖，劃分系統(tǒng)功能模塊。然后再對(duì)系統(tǒng)進(jìn)行詳細(xì)設(shè)計(jì)，將總體設(shè)計(jì)得到的各個(gè)獨(dú)立模塊進(jìn)行詳細(xì)分析設(shè)計(jì)，并給出 NS 圖，說明程序流程。最后進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)，并給出 ER 圖和數(shù)據(jù)表結(jié)構(gòu) [15]。 總體設(shè)計(jì) 總體設(shè)計(jì)階段應(yīng)該確定系統(tǒng)的物理配置方案，并且進(jìn)而確定組成系統(tǒng)的每個(gè)程序的結(jié)構(gòu)。因此，總體設(shè)計(jì)階段主要由兩個(gè)小階段組成。首先需要進(jìn)行系統(tǒng)設(shè)計(jì)，從數(shù)據(jù)流圖觸發(fā)設(shè)想完成系統(tǒng)功能的合理方 案。然后進(jìn)行軟件結(jié)構(gòu)設(shè)計(jì)，確定軟件由哪些模塊組成。層次圖是描繪軟件結(jié)構(gòu)的常用工具。 設(shè)計(jì)思想 一、將系統(tǒng)分成幾個(gè)相對(duì)獨(dú)立的模塊； 二、使用分層的模塊化程序設(shè)計(jì)思想，整個(gè)系統(tǒng)都采用模塊化結(jié)構(gòu)設(shè)計(jì)。作為應(yīng)用程序應(yīng)有較強(qiáng)的可操作性和可擴(kuò)展性； 三、合理的設(shè)計(jì)模塊間依賴程度，應(yīng)盡可能做到低耦合，高內(nèi)聚。 設(shè)計(jì)原則 為了使本系統(tǒng)功能齊全完備，操作簡(jiǎn)便，最大限度的提高軟件的質(zhì)量，從而滿足用戶的實(shí)際需要，在設(shè)計(jì)開發(fā)過程中應(yīng)遵循一下原則： 一、合理性原則：依據(jù)網(wǎng)上商城系統(tǒng)的工作規(guī)定及要求，參照實(shí) 際工作情況，進(jìn)行功能設(shè)計(jì)； 二、實(shí)用性原則：應(yīng)考慮客戶的切實(shí)需要來進(jìn)行系統(tǒng)設(shè)計(jì)，所設(shè)計(jì)的功能應(yīng)是具有實(shí)際意義的； 三、易操作原則：要求設(shè)計(jì)的系統(tǒng)功能齊全，接口友好，操作方便，必要的地方進(jìn)行提示； 四、可維護(hù)原則：為了便于其他修改維護(hù)，在設(shè)計(jì)時(shí)，進(jìn)盡可能的做好說明，化繁為簡(jiǎn)，增加可讀性； 五、安全性原則：應(yīng)杜絕合法用戶的非法操作或非法用戶的一切操作，以保障系統(tǒng)的安全性。 體系結(jié)構(gòu)設(shè)計(jì) 體系結(jié)構(gòu)是軟件系統(tǒng)的基本框架，是系統(tǒng)根本性的東西。為了本系統(tǒng)可以針對(duì)不同個(gè)體需求具有普遍適用性，且同時(shí)具有高效性 和穩(wěn)定性，我決定將系統(tǒng)設(shè)計(jì)為 B/S 結(jié)構(gòu)。 B/S 結(jié)構(gòu)是基于 WEB 技術(shù)與客戶機(jī) /服務(wù)器結(jié)構(gòu)的結(jié)合而提出來的一種多層結(jié)構(gòu)，其中 B 是指 WEB 瀏覽器， S 是指應(yīng)用服務(wù)器與數(shù)據(jù)服務(wù)器 [15]。目前該結(jié)構(gòu)被廣泛的應(yīng)用于網(wǎng)絡(luò)商務(wù)系統(tǒng)中。 B/S 結(jié)構(gòu)是基于瀏覽器、服務(wù)器模式的，因此布局限于局域網(wǎng)，且進(jìn)行系統(tǒng)的維護(hù)和升級(jí)時(shí)一般只要完成服務(wù)器端的相關(guān)工作即可，工作量相對(duì)較小。工作模式見圖 。 客 戶 機(jī)瀏 覽 器W E B服 務(wù) 器數(shù) 據(jù) 庫(kù)服 務(wù) 器H T T P 請(qǐng) 求H T T P 響 應(yīng)查 詢數(shù) 據(jù) 記 錄 圖 B/S 結(jié)構(gòu)工作模式 15 軟件結(jié)構(gòu)設(shè)計(jì) 本系統(tǒng)的功能分為 兩大模塊：前臺(tái)模塊和后臺(tái)模塊，接下來對(duì)這兩個(gè)模塊進(jìn)行詳細(xì)贅述。 前臺(tái)模塊 包括以下幾個(gè)子模塊： 一、商品模塊：包括商品瀏覽、購(gòu)買商品子模塊； 二、會(huì)員模塊：包括會(huì)員注冊(cè)、會(huì)員登錄、修改會(huì)員信息、設(shè)置收貨信息； 三、訂單模塊：包括下訂單、確認(rèn)訂單、查看訂單等子模塊； 四、購(gòu)物車模塊：包括添加商品到購(gòu)物車、查看購(gòu)物車、刪除購(gòu)物車中的商品、購(gòu)買購(gòu)物車中的商品等子模塊； 五、收藏夾模塊：包括添加商品到收藏夾、查看收藏夾、刪除收藏夾中的商品子模塊； 六、付款模塊：包括在線支付子模塊； 七、選擇配送方式 模塊。 后臺(tái)模塊 包括以下幾個(gè)子模塊： 一、商品模塊：包括商品添加、修改商品信息、刪除商品子模塊； 二、訂單模塊：包括處理訂單子模塊； 三、會(huì)員模塊：包括修改會(huì)員信息子模塊； 四、管理員模塊：包括管理員登錄、添加管理員、修改管理員信息和刪除管理員子模塊。 軟件層次結(jié)構(gòu) 通過需求分析階段得到的功能需求，我將系統(tǒng)劃分成如下層次，見圖 。 E B 網(wǎng) 上 商 城管 理 系 統(tǒng)前 臺(tái) 功 能 模 塊 后 臺(tái) 功 能 模 塊瀏 覽商 品訂 購(gòu)商 品會(huì) 員管 理訂 單管 理購(gòu) 物車收 藏夾管 理 員管 理商 品管 理會(huì) 員管 理訂 單管 理按類別瀏覽瀏覽單個(gè)商品會(huì)員登錄會(huì)員注冊(cè)修改會(huì)員信息設(shè)置收貨信息查看訂單在線支付確認(rèn)收貨查看商品購(gòu)買商品查看商品管理員登錄添加管理員修改管理員信息刪除管理員添加商品刪除商品修改商品信息修改會(huì)員信息修改訂單狀態(tài)選擇配送方式圖 EB 網(wǎng)上商城管理系統(tǒng)層次圖 16 詳細(xì)設(shè)計(jì) 詳細(xì)設(shè)計(jì)階段的關(guān)鍵任務(wù) 是確定怎樣具體的實(shí)現(xiàn)用戶需要的軟件系統(tǒng)，也就是說要設(shè)計(jì)出程序的“藍(lán)圖”。除了應(yīng)該保證軟件的可靠性之外，使將來編寫出的程序可讀性好、容易理解、容易測(cè)試、容易修改和維護(hù)，是詳細(xì)設(shè)計(jì)階段最重要的目標(biāo)。結(jié)構(gòu)程序設(shè)計(jì)技術(shù)是實(shí)現(xiàn)上述目標(biāo)的基本保證，是進(jìn)行詳細(xì)設(shè)計(jì)的邏輯基礎(chǔ) [15]。 前臺(tái)功能模塊 一、瀏覽商品模塊 1. 按類別瀏覽 功能描述：該模塊接收一個(gè)關(guān)鍵字或多個(gè)關(guān)鍵字作為參數(shù)，用以進(jìn)行數(shù)據(jù)搜索。若搜索結(jié)果不為 0，則輸出搜索到的商品列表，否則提示沒找到匹配商品，建議用戶更換關(guān)鍵字重新搜索。模塊 NS 圖 ，見圖 。 接 收 k e y 在 數(shù) 據(jù) 庫(kù) 中 搜 索 與 k e y 相 關(guān) 的 商 品r e s u l t c o u n t ！ = 0F a l s eT r u e提 示 沒 找 到 匹 配 商 品 ， 給用 戶 提 出 重 新 搜 索 建 議顯 示 搜 索 到 的 商 品 列 表 圖 按類別瀏覽商品 NS 圖 2. 按類別瀏覽 功能描述：該模塊接收一個(gè)關(guān)鍵字作為參數(shù)，用以進(jìn)行數(shù)據(jù)搜索，該關(guān)鍵字為商品編號(hào)。然后將顯示搜索到的商品詳細(xì)信息。模塊 NS 圖，見圖 。 接收PId’在數(shù)據(jù)庫(kù)中搜索=的商品 顯示搜索到的商品詳細(xì)信息 圖 瀏覽單個(gè)商品 NS 圖 二、訂購(gòu)商品模塊 功能描述：該模塊用于處理會(huì)員訂購(gòu)商品的申請(qǐng)。將接收到的商品信息，購(gòu)買數(shù)量，配送方式等存入訂單表。添加成功后跳轉(zhuǎn)到在線支付頁(yè)面。模塊 NS 圖，見圖 。 接收商品號(hào)，商品單價(jià)，購(gòu)買數(shù)量，配送方式，用戶號(hào)將信息存儲(chǔ)到訂單表中成功FalseTrue提示用戶下單失敗跳轉(zhuǎn)到支付頁(yè)面 圖 訂購(gòu)商品 NS 圖 三、會(huì)員管理 1. 會(huì)員登錄 17 功能描述：接收用戶輸入的用戶名、密碼、驗(yàn)證碼。并進(jìn)行一系列驗(yàn)證，若驗(yàn)證成功，則跳轉(zhuǎn)到相應(yīng)頁(yè)面執(zhí)行之前的操作。否則做出相應(yīng)提示。模塊 NS 圖，見圖 。 輸 入 用 戶 名 、 密 碼 、 確 認(rèn) 密 碼 、 驗(yàn) 證 碼用 戶 名 、 密 碼 、 驗(yàn) 證 密 碼 為 空F a l s eT r u e提 示 用 戶名 、 密碼 、 驗(yàn) 證密 碼 不 能為 空驗(yàn) 證 碼 為 空 或 驗(yàn) 證 碼 值 不 正 確F a l s eT r u e提 示 驗(yàn) 證 碼 不 能 為空 或 驗(yàn) 證 碼 不 正 確用 戶 名 不 存 在F a l s eT r u e提 示 用 戶名 不 存 在密 碼 錯(cuò) 誤F a l s eT r u e跳 轉(zhuǎn) 到 之 前 的 頁(yè)面 執(zhí) 行 之 前 的 操作提 示 用 戶 名或 密 碼 錯(cuò) 誤 圖 會(huì)員登錄 NS 圖 2. 會(huì)員注冊(cè) 功能描述：接收用戶輸入的用戶名、密碼、確認(rèn)密碼、驗(yàn)證碼。進(jìn)行一系列驗(yàn)證，驗(yàn)證通過及往會(huì)員表中添加記錄。否則 給出相應(yīng)的錯(cuò)誤提示。模塊 NS 圖，見圖 。 輸 入 用 戶 名 、 密 碼 、 確 認(rèn) 密 碼用 戶 名 、 密 碼 、 驗(yàn) 證 密 碼 為 空F a l s eT r u e提 示 用 戶名 、 密碼 、 驗(yàn) 證密 碼 不 能為 空密 碼 與 驗(yàn) 證 密 碼 不 一 致F a l s eT r u e提 示 兩次 密 碼不 一 致驗(yàn) 證 碼 為 空 或 驗(yàn) 證 碼 值 不 正 確F a l s eT r u e提 示 驗(yàn) 證 碼 不 能為 空 或 驗(yàn) 證 碼 不正 確用 戶 名 已 存 在F a l s eT r u e提 示 用戶 名 已存 在注 冊(cè) 成 功F a l s eT r u e提 示 注 冊(cè) 失 敗跳 轉(zhuǎn) 到 之 前的 頁(yè) 面 執(zhí) 行之 前 的 操 作 圖 會(huì)員注冊(cè) NS 圖 3. 修改會(huì)員信息 功能描述：該模塊用于處理會(huì)員修改其自身信息的請(qǐng)求。通過接收會(huì)員輸入的參數(shù)，對(duì)數(shù)據(jù)庫(kù)中會(huì)員表中的記錄進(jìn)行修改。模塊 NS 圖，見圖 。 18 接收會(huì)員輸入的信息帶*的信息為空FalseTrue提示帶*的信息不能為空對(duì)數(shù)據(jù)庫(kù)中相應(yīng)的記錄進(jìn)行更新更新成功FalseTrue提示更新失敗提示更新成功 圖 修改會(huì)員信息 NS 圖 四、訂單管理 1. 查看訂單 功能描述：該模塊用于處理會(huì)員查看訂單信息的請(qǐng)求。模塊 NS 圖，見圖 。 接收用戶查看訂單請(qǐng)求查找訂單表中該用戶的所有訂單搜索FalseTrue提示用戶查找失敗訂單數(shù)量=0False顯示查找到的訂單列表提示用戶暫無訂單，詢問是否去瀏覽商品 圖 查看訂單 NS 圖 2. 在線支付 功能描述：該模塊用于處理會(huì)員在線支付的請(qǐng)求。模塊 NS 圖，見圖 。 接收用戶看單請(qǐng)求查找訂表中該用戶所有訂單搜索成功FalseTrue提示用戶查找失敗訂單數(shù)量=0False顯示查找到的訂單列表提示用戶暫無訂單，詢問是否去瀏覽商