基于B/S結(jié)構(gòu)的網(wǎng)上花店管理系統(tǒng)

段陽

摘要：為了對(duì)網(wǎng)上花店進(jìn)行更好的管理，基于B/S結(jié)構(gòu)利用ASP.NET技術(shù)構(gòu)建網(wǎng)上花店管理系統(tǒng)，該系統(tǒng)前臺(tái)主要包括首頁、搜索功能、用戶注冊(cè)與登錄、購物車等功能；后臺(tái)主要包括管理員會(huì)員登錄、管理員管理、分類管理、訂單管理、留言管理以及商品管理等功能。

關(guān)鍵詞：網(wǎng)上花店；B/S結(jié)構(gòu)；ASP.NET技術(shù)

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2019）06-0052-02

An online Flower Store Management System based on B/S Structure

DUAN Yang

（Nanjing University of Posts and Telecommunications， School of Electronic and Optical Engineering， Nanjing 210046， China）

Abstract： In order to better manage the online florist， this paper uses ASP.NET technology to construct the online florist management system based on the B / S structure. The front desk of the system mainly includes the functions of home page， search function， user registration and login， shopping cart and so on. Background mainly includes administrator member login， administrator management， classification management， order management， message management and commodity management and other functions.

Key words： online flower shop； B/S structure； ASP.NET technology

1 系統(tǒng)功能介紹

1.1 前臺(tái)功能

1）首頁：整體展示網(wǎng)上花店的各種信息，包括導(dǎo)航欄、商務(wù)用花、DIY鮮花等類別、最新熱點(diǎn)以及商品推薦，每個(gè)分類又分若干個(gè)子類。

2）商品信息：最新商品信息的展示。

3）購物車：查找商品、放入購物車、提交訂單、查看訂單狀態(tài)、收貨確認(rèn)。

4）會(huì)員登錄與注冊(cè)：用戶注冊(cè)成為會(huì)員以后便可以享受更好的服務(wù)。

5）留言系統(tǒng)：會(huì)員可以給本系統(tǒng)提供各種信息反饋。

1.2 后臺(tái)功能

1）管理員管理：實(shí)現(xiàn)管理員登錄，修改密碼及個(gè)人信息，同時(shí)有權(quán)限進(jìn)行網(wǎng)站信息的更新等。

2）鮮花管理：實(shí)現(xiàn)各類鮮花商品的管理，包括查看、添加、刪除商品等。

3）分類管理：管理各種大分類和子類，根據(jù)業(yè)務(wù)需求增加網(wǎng)站新欄目，實(shí)現(xiàn)子的添加、刪除和查看等。

4）訂單管理：查看會(huì)員用戶訂單的各種信息，包括刪除不合理訂單。

5）用戶留言管理：及時(shí)了解用戶的各種信息反饋。

2 系統(tǒng)實(shí)現(xiàn)

2.1 前臺(tái)展示模塊

前臺(tái)展示模塊包括：首頁、注冊(cè)、登錄、商品查看、購物車、留言、會(huì)員信息等模塊，下面介紹幾個(gè)主要模塊的實(shí)現(xiàn)。

2.1.1 首頁

首頁包括網(wǎng)站logo、用戶登錄、導(dǎo)航、搜索等元素。網(wǎng)站采用用戶控件有效提升了效率。搜索功能讓用戶快速找到所需商品，導(dǎo)航讓用戶能快速瀏覽自己喜歡的商品類型，點(diǎn)擊排行可以向用戶展示、推薦最熱門商品。

關(guān)鍵技術(shù)：首頁的大頁面采用可用來創(chuàng)建網(wǎng)頁方案的表格布局，它把系統(tǒng)首頁清晰的分為多個(gè)模塊，比如logo，系統(tǒng)，搜索，子欄目商品，點(diǎn)擊排行榜，推薦商品以及底下的版權(quán)信息等。

2.1.2 子欄目信息

瀏覽導(dǎo)航欄點(diǎn)擊關(guān)于其下的子導(dǎo)航，可以進(jìn)入網(wǎng)上花店瀏覽自己感興趣的商品。

關(guān)鍵技術(shù)：子欄目的實(shí)現(xiàn)歸功于基于ASP.NET的數(shù)據(jù)綁定控件repeat控件，Repeater 控件是一個(gè)容器控件，可用于從網(wǎng)頁的任何可用數(shù)據(jù)中創(chuàng)建自定義列表。Repeater 控件沒有自己內(nèi)置的呈現(xiàn)功能，這意味著用戶必須通過創(chuàng)建模板來提供Repeater 控件的布局。

2.1.3 商品信息

在系統(tǒng)中，用戶如果喜歡某種商品，可以點(diǎn)擊進(jìn)入該商品的詳細(xì)頁面，進(jìn)一步了解相關(guān)商品的情況。

關(guān)鍵技術(shù)：實(shí)現(xiàn)商品的詳細(xì)信息采用Asp.net中的一個(gè)數(shù)據(jù)控件DetailsView控件，該控件可以逐一顯示、編輯、插入或刪除其關(guān)聯(lián)數(shù)據(jù)源中的記錄。該控件通常用于更新和插入新記錄，并且通常在主/詳細(xì)方案中使用。

2.1.4 注冊(cè)與登錄

1）注冊(cè)：用戶通過注冊(cè)成為網(wǎng)站會(huì)員并且登錄之后享受會(huì)員的優(yōu)質(zhì)服務(wù)。

關(guān)鍵技術(shù)：執(zhí)行數(shù)據(jù)庫的插入操作實(shí)際是編寫對(duì)應(yīng)的t-sql語句并且調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象user對(duì)象的InsertUser方法實(shí)現(xiàn)。

2）登錄：用戶注冊(cè)后，在登錄頁面進(jìn)行登錄，才能進(jìn)行各種會(huì)員操作。

關(guān)鍵技術(shù)：執(zhí)行數(shù)據(jù)庫的插入操作實(shí)際是編寫對(duì)應(yīng)的t-sql語句并且調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象user對(duì)象的CheckIsUser方法實(shí)現(xiàn)，CheckIsUser方法調(diào)用數(shù)據(jù)訪問此dal的CheckIsManager并且執(zhí)行sql語句。

2.2 后臺(tái)管理模塊

系統(tǒng)管理模塊主要包括系統(tǒng)登錄管理、管理員管理、商品管理、訂單管理、用戶留言管理、分類管理等。下面介紹幾個(gè)主要模塊的實(shí)現(xiàn)。

2.2.1 系統(tǒng)登錄管理

系統(tǒng)管理模塊由管理員管理，只有輸入信息正確，才能對(duì)系統(tǒng)信息進(jìn)行管理。在管理員登錄后，其登錄信息存入Session會(huì)話變量，同時(shí)在系統(tǒng)管理模塊的非登錄頁面，頁面會(huì)自動(dòng)判斷Session中是否存在管理員登錄信息，這樣可防止用戶通過地址欄直接輸入頁面地址非法登錄系統(tǒng)管理模塊。

關(guān)鍵技術(shù)：執(zhí)行數(shù)據(jù)庫的插入操作實(shí)際是編寫對(duì)應(yīng)的t-sql語句并且調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象user對(duì)象的CheckIsManager方法實(shí)現(xiàn)，CheckIsManager方法調(diào)用數(shù)據(jù)訪問此dal的CheckIsManager并且執(zhí)行sql語句，如果管理員的用戶名和密碼正確，那么將返回true順利進(jìn)入系統(tǒng)。

2.2.2 管理員管理

管理員登錄后臺(tái)后，首先出現(xiàn)的頁面是系統(tǒng)管理頁面，左邊是樹形導(dǎo)航欄，右邊是相應(yīng)的內(nèi)容操作管理。系統(tǒng)采用jquery后臺(tái)管理框架，達(dá)到客戶端管理的效果，非常方便，并且還可以選擇自己喜歡的主題。

關(guān)鍵技術(shù)如下：

1）查找

將管理員的數(shù)據(jù)從數(shù)據(jù)庫中取出并通過數(shù)據(jù)綁定技術(shù)呈現(xiàn)給用戶。執(zhí)行數(shù)據(jù)庫的查找操作實(shí)際是編寫對(duì)應(yīng)的查找sql語句并且調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象user對(duì)象的GetManagerUser方法實(shí)現(xiàn)，GetManagerUser方法調(diào)用數(shù)據(jù)訪問此dal的GetManagerUser方法并且執(zhí)行sql語句，并且將從數(shù)據(jù)庫中查找到的記錄存儲(chǔ)在一個(gè)集合里面，然后綁定在頁面上。

2）添加

執(zhí)行數(shù)據(jù)庫的插入操作實(shí)際是編寫對(duì)應(yīng)的t-sql語句并且調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象user對(duì)象的InsertManager方法實(shí)現(xiàn)，InsertManager對(duì)象用數(shù)據(jù)訪問此dal的方法最終向數(shù)據(jù)庫中插入一行記錄，并且返回影響的行數(shù)。

2.2.3 商品管理

商品管理包含添加、查看商品信息并翻頁。頁面采用表格布局，樣式采用css美化，使得頁面規(guī)范統(tǒng)一。

關(guān)鍵技術(shù)如下：

1）查找

執(zhí)行數(shù)據(jù)庫的查找操作實(shí)際是編寫對(duì)應(yīng)的查找sql語句并且調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象Item對(duì)象的GetItemByAllCategory方法實(shí)現(xiàn)，GetItemByAllCategory方法調(diào)用數(shù)據(jù)訪問此dal的GetItemByAllCategory方法并且執(zhí)行sql語句，并且將從數(shù)據(jù)庫中查找到的記錄存儲(chǔ)在一個(gè)集合里面，然后綁定在頁面上。通過類別的Id來獲得該類別下的所有商品。

2）添加

執(zhí)行數(shù)據(jù)庫的插入操作實(shí)際是編寫對(duì)應(yīng)的t-sql語句并且調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象Item對(duì)象的InsertItem方法實(shí)現(xiàn)，InsertItem對(duì)象用數(shù)據(jù)訪問此dal的方法最終向數(shù)據(jù)庫中插入一行記錄，并且返回影響的行數(shù)。

2.2.4 分類管理

商品管理包含添加一個(gè)商品，查看商品的信息并且可以翻頁.頁面采用表格布局，樣式采用css美化，使得頁面規(guī)范統(tǒng)一。

1）查找

執(zhí)行數(shù)據(jù)庫的查找操作實(shí)際是編寫對(duì)應(yīng)的查找sql語句并且調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象Category對(duì)象的GetCategory方法，GetCategory方法調(diào)用數(shù)據(jù)訪問此dal的GetCategory方法并且執(zhí)行sql語句，并且將從數(shù)據(jù)庫中找到的記錄存儲(chǔ)在一個(gè)集合里面，然后綁定在頁面上。通過t-sql語句取得所有用戶并且存儲(chǔ)到接口集合當(dāng)中。

2）添加

執(zhí)行數(shù)據(jù)庫的插入操作實(shí)際是編寫對(duì)應(yīng)的t-sql語句并調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象Product的InsertProduct方法，InsertProduct對(duì)象用數(shù)據(jù)訪問此dal的方法最終向數(shù)據(jù)庫中插入一行記錄，并且返回影響的行數(shù)。

2.2.5 訂單管理

訂單管理包含可以查看會(huì)員所購買的商品以及對(duì)應(yīng)的數(shù)量，頁面采用表格布局，樣式采用css美化，使得頁面規(guī)范統(tǒng)一

功能的關(guān)鍵技術(shù)：

執(zhí)行數(shù)據(jù)庫的查找操作實(shí)際是編寫對(duì)應(yīng)的查找sql語句并且調(diào)用業(yè)務(wù)邏輯層的管理員對(duì)象user對(duì)象的GetAllOrderAndOrderStatus（）方法，GetAllOrderAndOrderStatus（）方法調(diào)用數(shù)據(jù)訪問此dal的GetAllOrderAndOrderStatus（）方法并且執(zhí)行sql語句，并且將從數(shù)據(jù)庫中查找到的記錄存儲(chǔ)在一個(gè)集合里面，然后綁定在頁面上。

3 結(jié)束語

該系統(tǒng)是基于B/S結(jié)構(gòu)，采用ASP.NET和SQL Server數(shù)據(jù)庫技術(shù)實(shí)現(xiàn)，具有前臺(tái)展示和后臺(tái)管理功能。前臺(tái)功能包括：擁有搜索以及高級(jí)搜索功能，讓用戶可以快速找到所需要的商品；擁有購物車功能，而這些都不是用cookie來實(shí)現(xiàn)，而是放在服務(wù)器端，讓服務(wù)器持久性的存放用戶的訂單數(shù)據(jù)。后臺(tái)采用出色的jquery技術(shù)做出的一種模擬瀏覽器的多重選項(xiàng)卡，讓管理后臺(tái)時(shí)就像是在用軟件操作一樣便捷。限于篇幅，本文僅介紹了該系統(tǒng)的部分實(shí)現(xiàn)，同時(shí)也沒有展現(xiàn)系統(tǒng)實(shí)現(xiàn)截圖。

參考文獻(xiàn)：

[1] 中國花卉協(xié)會(huì)零售業(yè)分會(huì).新零售——花店的探索[J].中國花卉園藝，2018（5）：34-35.

[2]任鴿，楊勇. 基于UML的網(wǎng)上花店系統(tǒng)建模分析[J].軟件工程師，2013，9（3）：52-54.

【通聯(lián)編輯：王力】