家電連鎖網(wǎng)站后臺(tái)基本模塊的設(shè)計(jì)與實(shí)現(xiàn)

緒論1.1項(xiàng)目開發(fā)背景隨著時(shí)代的發(fā)展，網(wǎng)絡(luò)已經(jīng)成為時(shí)代發(fā)展的潮流，隨著其技術(shù)的不斷完善、發(fā)展和壯大，網(wǎng)絡(luò)慢慢的成為人們的生活作息中不可或缺的一部分。伴隨著電子商務(wù)的發(fā)展，網(wǎng)上購(gòu)物也變得越來(lái)越重要，這種購(gòu)物方式也對(duì)傳統(tǒng)的方式產(chǎn)生了很大的影響。網(wǎng)上購(gòu)物雖然仍有很多的不足之處，但是隨著互聯(lián)網(wǎng)法律的完善逐漸變得完善。以此為基礎(chǔ)，開發(fā)出一個(gè)簡(jiǎn)單的網(wǎng)上購(gòu)物系統(tǒng)對(duì)任何一個(gè)行業(yè)都是必不可缺的，因?yàn)樗艽笠徊糠謺?huì)影響到日后企業(yè)的發(fā)展，利用網(wǎng)絡(luò)不僅可以吸引到更多的顧客，而且也能夠節(jié)約很大一部分日常的開支。1.2研究課題的意義本系統(tǒng)的開發(fā)不僅滿足了顧客的購(gòu)物需求，也很好的滿足了經(jīng)銷商的需求。經(jīng)銷商通過(guò)系統(tǒng)發(fā)布商品信息，通過(guò)簡(jiǎn)單的操作就可以將自己的產(chǎn)品推廣給廣大用戶。電子商務(wù)的發(fā)展促進(jìn)各行各業(yè)轉(zhuǎn)移自己的商業(yè)戰(zhàn)略，開始向網(wǎng)絡(luò)轉(zhuǎn)向，網(wǎng)絡(luò)是一個(gè)信息的大平臺(tái)，通過(guò)網(wǎng)絡(luò)獲取到的信息能夠幫助更多的人得到自己所想的，所以網(wǎng)絡(luò)不管是對(duì)于用戶還是經(jīng)銷商都是一個(gè)很好的交流平臺(tái)。網(wǎng)絡(luò)中更多充斥的信息是人們生活中的衣食住行，很少有全部涉及同一類商品的網(wǎng)站，而該網(wǎng)站的開發(fā)主要涉及到的就是家電類的產(chǎn)品，這一大特色也能夠?qū)τ脩舾呶Α?技術(shù)簡(jiǎn)介2.1系統(tǒng)開發(fā)技術(shù)系統(tǒng)設(shè)計(jì)的初期使用Photoshop進(jìn)行初步的設(shè)計(jì)工作，利用html實(shí)現(xiàn)整個(gè)網(wǎng)站的代碼編程工作，后臺(tái)采用ASP.NET技術(shù)進(jìn)行搭建，結(jié)合SQLserver數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)的存儲(chǔ)工作，網(wǎng)站整體實(shí)現(xiàn)了瀏覽器服務(wù)器的模式。開發(fā)所用工具：VisualStudio2008數(shù)據(jù)庫(kù)：MicrosoftSQLServer2008開發(fā)語(yǔ)言：C#,HTMLASP.NET是建立在公共語(yǔ)言庫(kù)上的框架，它不是一門編程所用的語(yǔ)言，是一個(gè)web開發(fā)的模型，可在服務(wù)器上生成web應(yīng)用程序。ASP.NET在設(shè)計(jì)過(guò)程中考慮了縮放性，每一條進(jìn)行也會(huì)被運(yùn)行庫(kù)進(jìn)行監(jiān)視，所以進(jìn)程一旦出現(xiàn)不正常的現(xiàn)象就可以快速的創(chuàng)建新的進(jìn)行，這樣能夠保證程序運(yùn)行過(guò)程中進(jìn)程的正確運(yùn)行。2.1.1A服務(wù)器控件簡(jiǎn)介ASP.NET服務(wù)器控件可分為以下幾類：html服務(wù)器控件，web服務(wù)器控件，驗(yàn)證控件。1、Html服務(wù)器控件：控件必須放在<form>標(biāo)簽中，并且該標(biāo)簽中必須帶有runat=”server”屬性,這個(gè)屬性可以致命該表單在服務(wù)器中進(jìn)行處理，并且也表示被包括在內(nèi)的控件可以被服務(wù)器腳本進(jìn)行訪問(wèn)。2、web服務(wù)器控件：其進(jìn)行創(chuàng)建的時(shí)候同樣需要使用runat=”server”屬性，但是與html服務(wù)端控件的不同之處在于它代表著更為復(fù)雜的元素。其創(chuàng)建的語(yǔ)法為：<asp:控件名id=”id名稱”runat=”server”/>3、驗(yàn)證控件：其主要是用于驗(yàn)證一些輸入信息的正確性，如果用戶輸入信息錯(cuò)誤則會(huì)反饋一條錯(cuò)誤的信息。其中每一種驗(yàn)證控件一般都會(huì)有對(duì)應(yīng)的驗(yàn)證類型，當(dāng)你觸發(fā)某一種驗(yàn)證控件時(shí)，就會(huì)出現(xiàn)對(duì)應(yīng)的頁(yè)面驗(yàn)證。創(chuàng)建此控件的語(yǔ)法為：<asp:控件名id=”id名稱”runat=”server”/>2.1.2A的數(shù)據(jù)綁定控件A有多種數(shù)據(jù)綁定控件，通過(guò)不同的數(shù)據(jù)綁定控件均可實(shí)現(xiàn)數(shù)據(jù)的綁定工作，其中較為常用的控件有Repeater控件、GridView控件，DropDownList控件等。GridView是原有控件DataGrid的完善，在其基礎(chǔ)上增加了很多的功能，完善之后的GridView控件能夠支持?jǐn)?shù)據(jù)源組件，能夠自動(dòng)處理一些操作，比如分頁(yè)、排序等。GridView附帶的視圖控件也開發(fā)人員能夠更加快速的簡(jiǎn)歷詳細(xì)試圖。Repeater控件可以從網(wǎng)頁(yè)中的任何可用數(shù)據(jù)中創(chuàng)建自定義列表，由于其并沒(méi)有默認(rèn)的外觀設(shè)置，所以可以使用它創(chuàng)建多種列表?？丶兄饕褂?lt;ItemTemplate>中包含呈現(xiàn)給數(shù)據(jù)源中每個(gè)數(shù)據(jù)項(xiàng)的html元素，使用<HeaderTemplate>和<FooterTemplate>表示呈現(xiàn)在列表開始和結(jié)束為止處的文本和控件。2.1.3A的驗(yàn)證控件A的驗(yàn)證控件就是給所收集的一系列數(shù)據(jù)應(yīng)用一些規(guī)則，驗(yàn)證是否正確。主要的驗(yàn)證類型分別有必填字段驗(yàn)證、比較驗(yàn)證、范圍驗(yàn)證、正則表達(dá)式驗(yàn)證、自定義驗(yàn)證等，其中必填字段驗(yàn)證（RequiredFieldValidator）的標(biāo)準(zhǔn)使用代碼如下：<asp:RequiredFieldValidatorid=”驗(yàn)證名”runat=”server”ControlTlvalidate=”控件名”ErrorMessage=”錯(cuò)誤信息”Display=”Static|Dymatic|None”>，Display表示錯(cuò)誤的顯示方式，static表示錯(cuò)誤信息在頁(yè)面中有肯定的文職，Dymatic表示錯(cuò)誤信息是動(dòng)態(tài)的，只有錯(cuò)誤信息出現(xiàn)的時(shí)候才會(huì)占用頁(yè)面控件，而None則表示錯(cuò)誤出現(xiàn)時(shí)不顯示。2.2VisualStudio200８簡(jiǎn)介VisualStudio是由微軟公司創(chuàng)建的一款軟件開發(fā)平臺(tái)，它不僅具有一套組件的開發(fā)工具，而且還包括一些可以用于生成高性能應(yīng)用程序的技術(shù)。Visualstudio2008是在Visualstudio2005的基礎(chǔ)之上的進(jìn)一步開發(fā)，在原有的基礎(chǔ)上增加了很多的新特性。它提供了全新的web開發(fā)體驗(yàn)，在編程語(yǔ)言上也進(jìn)行了一定的改進(jìn)工作，這一版本的使用使得開發(fā)工作更加的只能，對(duì)多定向的支持也讓開發(fā)更具活力。Visualstudio2008在快速的應(yīng)用程序開發(fā)，高效的團(tuán)隊(duì)協(xié)作，突破性的用戶體驗(yàn)上都有了關(guān)鍵性的改進(jìn)，并且取得了卓有成效的效果。2.3SQLServer2008簡(jiǎn)介SQLserver2008是微軟在數(shù)據(jù)平臺(tái)上發(fā)布的，其可以對(duì)數(shù)據(jù)進(jìn)行管理和組織。將結(jié)構(gòu)化、非結(jié)構(gòu)化文檔的數(shù)據(jù)存儲(chǔ)到數(shù)據(jù)庫(kù)中，用戶可以通過(guò)數(shù)據(jù)庫(kù)語(yǔ)言對(duì)數(shù)據(jù)進(jìn)行搜索，查詢，修改，刪除等操作。數(shù)據(jù)可以存儲(chǔ)在各種設(shè)備上，從數(shù)據(jù)中心最大的服務(wù)器到小型的計(jì)算機(jī)或者移動(dòng)設(shè)備，都可以使用其控制數(shù)據(jù)而不用擔(dān)心數(shù)據(jù)存儲(chǔ)的位置。SQLserver2008是微軟在2005的基礎(chǔ)上設(shè)計(jì)的，這個(gè)平臺(tái)是因?yàn)槠涫沟煤芏嗟钠髽I(yè)可以運(yùn)行他們的應(yīng)用程序，并且也降低了管理數(shù)據(jù)設(shè)施和發(fā)送觀察和信息給所有用戶的成本。這個(gè)平臺(tái)在原有的基礎(chǔ)上增加了可信任性、高效性和智能性。在安全上也有所改進(jìn)，SQLserver2008可以在不改動(dòng)應(yīng)用程序的基礎(chǔ)上對(duì)數(shù)據(jù)庫(kù)文件和日志文件進(jìn)行加密，并且采用了外鍵管理，使用外鍵可以防止數(shù)據(jù)的意外刪除操作，并且其也增加了審查功能，它可以審查你的數(shù)據(jù)操作，這樣就提高了數(shù)據(jù)的安全性和遵從性。2.4可行性分析可行性分析在整個(gè)項(xiàng)目的開發(fā)中占據(jù)著很重要的意義，為了保證項(xiàng)目的順利開發(fā)，在開發(fā)初期我們要科學(xué)的、客觀的、有效的進(jìn)行項(xiàng)目的可行性分析。對(duì)于整個(gè)項(xiàng)目的可行性分析我們需要客觀公正的，不能因?yàn)轫?xiàng)目的開發(fā)關(guān)系到個(gè)人的利益就尋求好處，并且在進(jìn)行需求分析的過(guò)程中，要盡可能的找到最有效的數(shù)據(jù)資料，避免粗制濫造。在本章節(jié)將進(jìn)行項(xiàng)目的可行性分析，主要從技術(shù)可行性、時(shí)間可行性、社會(huì)可行性、經(jīng)濟(jì)可行性等方面進(jìn)行調(diào)研。2.4.1技術(shù)可行性綜述技術(shù)可行性是指依據(jù)開發(fā)小組成員現(xiàn)在擁有的資源或者技術(shù)條件下，判斷是否具有開發(fā)該項(xiàng)目的可行性。技術(shù)可行性分析需要功能分析、信息分析等方面進(jìn)行。開發(fā)小組成員雖然都只是一名學(xué)生，但是在課程開設(shè)的前提下對(duì)編程有一定的了解，并且也學(xué)習(xí)過(guò)一部分編程所需要的技巧，結(jié)合學(xué)校提供的資料以及老師給予的指導(dǎo)，在技術(shù)上我們并不會(huì)出現(xiàn)問(wèn)題。在開發(fā)的過(guò)程中，我們會(huì)通過(guò)更多的資料來(lái)更加的完善自己，使得該項(xiàng)目的開發(fā)更加的順利。2.4.2時(shí)間可行性分析從我們確定好開發(fā)小組成員之后，我們就進(jìn)行了整個(gè)系統(tǒng)開發(fā)的時(shí)間安排，時(shí)間安排如下：在2014年11月10日之前對(duì)確定開發(fā)參與人員②在2014年11月10日-12月20日小組成員集中對(duì)項(xiàng)目進(jìn)行需求分析，并且按照需求將各個(gè)模塊進(jìn)行合理的分配③在2015年12月20日-2月24日查閱開發(fā)所需資料，設(shè)計(jì)自己所涉及的模塊。④在2015年2月24日-4月5日對(duì)后臺(tái)模塊編碼設(shè)計(jì)，實(shí)現(xiàn)后臺(tái)的初步開發(fā)⑤在2015年4月5日-4月30日對(duì)整個(gè)項(xiàng)目進(jìn)行一次集成測(cè)試，并且對(duì)項(xiàng)目進(jìn)行最后一次完善工作。以上的時(shí)間安排是整個(gè)小組成員討論制定出來(lái)的，整個(gè)項(xiàng)目的開發(fā)也會(huì)在有條不紊的進(jìn)行，希望我們的項(xiàng)目能夠按時(shí)完成。2.4.3社會(huì)可行性分析社會(huì)可行性調(diào)研包括兩種因素：市場(chǎng)和政策。在電子商務(wù)逐漸走向成熟的過(guò)程中，市場(chǎng)已經(jīng)成熟，但是由于各種商品在網(wǎng)上已經(jīng)開始銷售，但是網(wǎng)上的平臺(tái)基本上都是包含各種商品，有的時(shí)候會(huì)讓用戶眼花繚亂，但是該網(wǎng)站的開發(fā)只是針對(duì)家電，用戶在網(wǎng)站上不僅能夠獲取到該網(wǎng)站的信息，而且能夠在此網(wǎng)站上進(jìn)行相應(yīng)的訂單操作。該網(wǎng)站的使用不僅可以給用戶提供更大的便利進(jìn)行購(gòu)物，而且也會(huì)給管理員更加便利的管理方式，也會(huì)為其節(jié)約一定的經(jīng)濟(jì)支出。2.4.4經(jīng)濟(jì)可行性分析經(jīng)濟(jì)可行性是從項(xiàng)目的開發(fā)到后來(lái)發(fā)布，網(wǎng)站收益等進(jìn)行研究。網(wǎng)站的開發(fā)成本幾乎沒(méi)有，因?yàn)樵摼W(wǎng)站的開發(fā)人員均是學(xué)生，而且該網(wǎng)站的開發(fā)是為了畢業(yè)設(shè)計(jì)，整個(gè)網(wǎng)站的開發(fā)基本不用花費(fèi)時(shí)間或者經(jīng)濟(jì)，所以該項(xiàng)目的開發(fā)是具有經(jīng)濟(jì)可行性的。3需求分析3.1功能需求分析根據(jù)網(wǎng)站的前期設(shè)計(jì)，據(jù)分析對(duì)該系統(tǒng)的功能需求如下表所示：模塊名稱模塊描述公告模塊通過(guò)該模塊，用戶可以了解到該網(wǎng)站商品的特價(jià)信息，或一些特殊的通知產(chǎn)品推廣模塊主要是將最近熱銷的或者是最新上架的產(chǎn)品進(jìn)行展示，讓用戶能夠更快的獲得商品的信息用戶注冊(cè)登錄模塊進(jìn)入該網(wǎng)站的用戶并不具有此網(wǎng)站購(gòu)物的權(quán)限，只有注冊(cè)之后才能夠在網(wǎng)站中進(jìn)行相對(duì)應(yīng)的訂單操作數(shù)據(jù)庫(kù)設(shè)計(jì)模塊數(shù)據(jù)庫(kù)的設(shè)計(jì)是為了能夠保證數(shù)據(jù)的正確執(zhí)行，確保在使用的過(guò)程中數(shù)據(jù)不會(huì)出現(xiàn)錯(cuò)誤數(shù)據(jù)統(tǒng)計(jì)模塊此模塊是針對(duì)使用該軟件的人員，通過(guò)此模塊能夠更快的獲知商品的收益，這能夠幫助使用者更快的了解自己的商品銷售情況購(gòu)物說(shuō)明模塊一個(gè)網(wǎng)站如果想讓用戶更快的去使用，那么制定一個(gè)使用說(shuō)明書，自然而然變得極其重要，此模塊就是對(duì)網(wǎng)站購(gòu)物流程的一個(gè)簡(jiǎn)要說(shuō)明表3-1功能需求表3.2性能需求分析網(wǎng)站的性能需求分析包括很多方面，比如時(shí)間上、適應(yīng)性、可使用性、安全保密性?？删S護(hù)性等方面。本網(wǎng)站的安全性方面已經(jīng)得到體現(xiàn)，因?yàn)椴徽撉芭_(tái)還是后臺(tái)管理界面都需要登錄才能夠進(jìn)行使用，而且使用時(shí)也有一定的權(quán)限設(shè)置。在用戶或著管理員進(jìn)行注冊(cè)的時(shí)候就對(duì)其用戶名和密碼進(jìn)行了加密，這樣能夠保證賬號(hào)信息的安全性。3.3產(chǎn)品介紹產(chǎn)品名稱家電連鎖網(wǎng)絡(luò)系統(tǒng)產(chǎn)品版本V1.0表3-2產(chǎn)品介紹表此系統(tǒng)為客戶提供一個(gè)瀏覽器/服務(wù)器的可視化界面管理，用戶或者管理員可以通過(guò)家電連鎖系統(tǒng)完成整個(gè)商品的交易操作。3.4系統(tǒng)環(huán)境名稱版本數(shù)據(jù)庫(kù)SqlServer2008運(yùn)行平臺(tái)Visualstudio2008瀏覽器Chrome運(yùn)行硬件Windows系列表3-3系統(tǒng)環(huán)境表4系統(tǒng)總體設(shè)計(jì)家電連鎖網(wǎng)絡(luò)系統(tǒng)的開發(fā)是主要針對(duì)網(wǎng)上商品銷售的，在開發(fā)的過(guò)程中需要確保該軟件的操作可行性以及通用性。由于該系統(tǒng)的主要功能就是商品的展示與訂單操作，就是將線下交易的方式放到網(wǎng)絡(luò)上，使得整個(gè)的交易更加的便捷化。因此該系統(tǒng)需要在兼顧實(shí)用性的情況下，需要考慮到系統(tǒng)體系和開發(fā)方式以保證整個(gè)系統(tǒng)的穩(wěn)定可執(zhí)行。該系統(tǒng)為管理者提供了一個(gè)完善的交易平臺(tái)，不僅實(shí)現(xiàn)了商品的展示，訂單的操作，還實(shí)現(xiàn)了商品收益信息的統(tǒng)計(jì)，這對(duì)管理者來(lái)說(shuō)是極其方便的，能夠讓他們對(duì)顧客的需求動(dòng)向有一個(gè)明確的認(rèn)知。4.1系統(tǒng)總體結(jié)構(gòu)劃分系統(tǒng)整體模塊劃分為三大部分：界面管理模塊、功能模塊、數(shù)據(jù)庫(kù)管理模塊。界面模塊主要是網(wǎng)站中界面的設(shè)計(jì)以及用戶或者管理員登陸的頁(yè)面效果。功能模塊是對(duì)系統(tǒng)的數(shù)據(jù)操作模塊，整個(gè)模塊完成了對(duì)商品信息的上傳、刪除、修改，以及商品公告信息的增加、修改、刪除，訂單狀態(tài)的修改等操作。數(shù)據(jù)庫(kù)管理模塊主要是對(duì)整個(gè)系統(tǒng)數(shù)據(jù)信息的一個(gè)存儲(chǔ)方式，將數(shù)據(jù)完整的存儲(chǔ)到數(shù)據(jù)庫(kù)中，并且需要保證數(shù)據(jù)的完整性、可靠性、安全性等方面的要求。4.2系統(tǒng)開發(fā)模塊分配該項(xiàng)目小組成員的模塊劃分如下表所示：開發(fā)人員模塊井媛媛家電連鎖網(wǎng)絡(luò)總體分析與設(shè)計(jì)丁震家電連鎖網(wǎng)絡(luò)數(shù)據(jù)庫(kù)分析與設(shè)計(jì)房敏家電連鎖網(wǎng)絡(luò)系統(tǒng)前臺(tái)模塊設(shè)計(jì)與實(shí)現(xiàn)孫果果家電連鎖網(wǎng)絡(luò)系統(tǒng)后臺(tái)基本模塊設(shè)計(jì)與實(shí)現(xiàn)劉源家電連鎖網(wǎng)絡(luò)系統(tǒng)后臺(tái)擴(kuò)展模塊設(shè)計(jì)與實(shí)現(xiàn)表4-1系統(tǒng)開發(fā)模塊分配4.3系統(tǒng)開發(fā)功能結(jié)構(gòu)圖系統(tǒng)功能結(jié)構(gòu)圖其實(shí)就是按照功能之間的從屬關(guān)系畫成圖表，圖中的一個(gè)每功能模塊都用一個(gè)框來(lái)表示。功能模塊可以根據(jù)具體情況分的大一點(diǎn)或小一點(diǎn)，分解得最小功能模塊可以是一個(gè)程序中的每個(gè)處理過(guò)程，而較大的功能模塊則可能是完成某一個(gè)任務(wù)的一組程序。依據(jù)以上定義可以將家電連鎖系統(tǒng)開發(fā)結(jié)構(gòu)圖規(guī)劃如下：家電連鎖網(wǎng)絡(luò)系統(tǒng)家電連鎖網(wǎng)絡(luò)系統(tǒng)前臺(tái)頁(yè)面數(shù)據(jù)庫(kù)后臺(tái)頁(yè)面管理員管理模塊權(quán)限管理模塊用戶管理模塊商品管理模塊公告信息模塊用戶登錄用戶登錄/注冊(cè)模塊商品詳情模塊商品公告模塊訂單模塊購(gòu)物說(shuō)明模塊圖4-2開發(fā)功能結(jié)構(gòu)圖根據(jù)上圖可以看出家電連鎖網(wǎng)絡(luò)系統(tǒng)整體分為三大模塊：其中前臺(tái)頁(yè)面主要是為了商品信息的展示，其實(shí)就是用戶看到的該系統(tǒng)的可視化界面。用戶可以通過(guò)前臺(tái)界面對(duì)商品信息進(jìn)行查看，商品公告信息查看，并且需要進(jìn)行訂單操作的用戶需要進(jìn)行注冊(cè)，如果不注冊(cè)成本網(wǎng)站的用戶，將不能夠進(jìn)行訂單操作。數(shù)據(jù)庫(kù)模塊主要是對(duì)網(wǎng)站中的數(shù)據(jù)進(jìn)行數(shù)據(jù)信息的存儲(chǔ)，并且在存儲(chǔ)的過(guò)程中需要保證數(shù)據(jù)的安全性、完善性、正確性，只有保證數(shù)據(jù)的以上屬性在網(wǎng)站中顯示的信息才能夠?qū)τ脩艉凸芾韱T有意義。后臺(tái)管理模塊主要是管理員對(duì)商品信息的操作，可以對(duì)商品進(jìn)行增加、刪除、修改等操作，也可以對(duì)商品的公告信息進(jìn)行更改等操作，并且后臺(tái)管理模塊具有權(quán)限分配，此模塊利用二進(jìn)制位運(yùn)算的操作進(jìn)行設(shè)計(jì)，只有具有某一模塊的權(quán)限登陸的時(shí)候才能夠看到相應(yīng)的模塊信息。4.4軟件開發(fā)的基本流程一個(gè)網(wǎng)站系統(tǒng)的開發(fā)基本上都需要經(jīng)歷需求分析、概要設(shè)計(jì)、詳細(xì)設(shè)計(jì)、編碼、測(cè)試、軟件交付等過(guò)程。以上每一個(gè)過(guò)程都是軟件開發(fā)不可缺少的步驟，因?yàn)槊恳徊蕉缄P(guān)系著整個(gè)項(xiàng)目開發(fā)的可用性。需求分析階段其實(shí)就是開發(fā)者對(duì)系統(tǒng)進(jìn)行初步的了解，并且需要使用一些文檔進(jìn)行相應(yīng)需求數(shù)據(jù)的總結(jié)。概要設(shè)計(jì)階段主要是對(duì)系統(tǒng)的組織結(jié)構(gòu)、模塊劃分等方面進(jìn)行。編碼工作是一個(gè)項(xiàng)目完成的必要條件，只有編碼的合理性和正確性才能夠讓整個(gè)開發(fā)順利的進(jìn)行。測(cè)試階段就是在項(xiàng)目完成之后對(duì)項(xiàng)目中的一些模塊進(jìn)行信息的驗(yàn)證操作，以保證數(shù)據(jù)的正確性。項(xiàng)目在測(cè)試過(guò)程中會(huì)不可避免的出現(xiàn)一些問(wèn)題，也是通過(guò)這些問(wèn)題才能夠讓該項(xiàng)目得到完善。5網(wǎng)站整體模塊的設(shè)計(jì)與實(shí)現(xiàn)5.1前臺(tái)界面模塊的設(shè)計(jì)與實(shí)現(xiàn)首頁(yè)主要呈現(xiàn)給用戶商品公告信息、商品信息、搜索模塊、用戶注冊(cè)/登陸模塊。商品公告信息可設(shè)置多條，呈現(xiàn)出最新的商品動(dòng)態(tài)的信息，醒目簡(jiǎn)潔，給人舒適的感覺(jué)。商品信息展示層，每層只展示了五種商品，這樣的布局讓用戶看著簡(jiǎn)潔清晰，并且上面的導(dǎo)航菜單也是與下面的商品信息是一致的，用戶也可以根據(jù)導(dǎo)航上的商品分類進(jìn)行快速的商品選擇。并且設(shè)置的搜索模塊也可以幫助用戶更快的找到自己所需的商品，這樣能夠?yàn)榫W(wǎng)站用戶減少很多不必要的時(shí)間浪費(fèi)。首頁(yè)使用大圖展示整個(gè)網(wǎng)站的商品信息，而且大圖是可以進(jìn)行切換，這樣的設(shè)計(jì)讓本網(wǎng)站更具特色。圖5-1首頁(yè)圖5.2后臺(tái)登陸界面模塊的設(shè)計(jì)與實(shí)現(xiàn)后臺(tái)登錄頁(yè)面的設(shè)計(jì)采用肅靜的效果，以淺灰為背景色，順應(yīng)了此家電連鎖網(wǎng)絡(luò)投票系統(tǒng)的風(fēng)格定位。家電連鎖管理系統(tǒng)標(biāo)題放置在左側(cè)，用Table將圖片與登錄居中布局，左側(cè)展示的是該網(wǎng)站的一些信息，右側(cè)嵌套Table將文本與文本框小標(biāo)整齊布局，設(shè)置成用戶的登陸效果界面。圖5-2后臺(tái)登陸界面整個(gè)登陸界面布局簡(jiǎn)單，但是卻控制了整個(gè)后臺(tái)數(shù)據(jù)的安全性，利用該頁(yè)面進(jìn)行用戶的身份驗(yàn)證，如果經(jīng)過(guò)此驗(yàn)證的管理員則能夠進(jìn)行相對(duì)應(yīng)的操作，否則就不能夠操作后臺(tái)管理界面。驗(yàn)證碼模塊的設(shè)計(jì)也讓系統(tǒng)變得更加的安全，因?yàn)楝F(xiàn)在的網(wǎng)絡(luò)犯罪人員逐漸變得高層次，能夠利用編寫的小程序進(jìn)行一次次的嘗試登陸，驗(yàn)證碼的出現(xiàn)讓其不得不手動(dòng)輸入，這樣會(huì)減少很多的惡意攻擊。6后臺(tái)模塊的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)6.1商品上傳模塊的設(shè)計(jì)與實(shí)現(xiàn)家電連鎖網(wǎng)站的整體運(yùn)行離不開商品信息的上傳，如果沒(méi)有此模塊整個(gè)網(wǎng)站將無(wú)法進(jìn)行商品信息的展示，通過(guò)此模塊能夠上傳商品信息，添加的信息主要包括：產(chǎn)品名稱、產(chǎn)品類型、產(chǎn)品品牌、規(guī)格、進(jìn)貨價(jià)、市場(chǎng)價(jià)、銷售價(jià)等多方面，利用此模塊上傳的數(shù)據(jù)可以進(jìn)行后期的數(shù)據(jù)統(tǒng)計(jì)工作，該模塊的顯示效果如下所示：圖6-1上傳產(chǎn)品模塊該頁(yè)面布局使用<div>，內(nèi)部使用<ul>、<li>標(biāo)簽完成整個(gè)頁(yè)面的效果顯示，點(diǎn)擊確認(rèn)保存之后通過(guò)JavaScript實(shí)現(xiàn)數(shù)據(jù)的添加，實(shí)現(xiàn)代碼如下：<scripttype="text/javascript">$(function(){$("#ddl_2").append("<optionvalue=-1>--請(qǐng)選擇--</option>");$.ajax({url:"../Ashx/Product_Class.ashx",type:"POST",cache:true,data:{action:"ddl1"},success:function(data){vararr1=data.split("|");if(arr1.length<=0){return;}for(vari=0;i<arr1.length;i++){vararr2=arr1[i].split(",");$("#ddl_1").append("<optionvalue="+arr2[1]+">"+arr2[0]+"</option>");}}})$("#ddl_1").change(function(){document.getElementById('ddl_2').length=0;$.ajax({url:"../Ashx/Product_Class.ashx?="+Math.random(),type:"POST",cache:true,data:{action:"ddl1_change",value:$(this).val()},success:function(data){if(data!="choose"){vararr1=data.split("|");if(arr1.length<=0){return;}for(vari=0;i<arr1.length;i++){vararr2=arr1[i].split(",");$("#ddl_2").append("<optionvalue="+arr2[1]+">"+arr2[0]+"</option>");}}else{document.getElementById('ddl_2').length=0;$("#ddl_2").append("<optionvalue=-1>--請(qǐng)選擇--</option>");}}})});});</script>上面代碼中url:"../Ashx/Product_Class.ashx"，表示的信息是該頁(yè)面通過(guò)一般處理程序進(jìn)行處理，處理過(guò)程如下：if(action=="上傳產(chǎn)品"){string字段名=context.Request["字段名"];stringpid=context.Request["pid"];stringison=context.Request["ison"];stringdiscount=context.Request["discount"];stringnum=context.Request["num"];//以下是判斷信息if(pname.IsNullOrEmpty()||pname.Length>=20){context.Response.Write("產(chǎn)品名稱不能為空!");return;}if(pingpai.IsNullOrEmpty()||pingpai.Length>20){context.Response.Write("請(qǐng)?zhí)顚懏a(chǎn)品品牌!");return;}if(!xiaoshou.IsNumber()){context.Response.Write("請(qǐng)?zhí)顚懻_的銷售價(jià)格!");return;}if(!disnum.IsNumber()||Convert.ToSingle(disnum)>1||Convert.ToSingle(disnum)<0){context.Response.Write("請(qǐng)?zhí)顚懻_的打折數(shù)量!");return;}SinoHelper2.DBHelperhelper=newSqlHelper("conn");stringsql="insertintoProducts(字段列表)values(@字段名)";helper.Params.Add("@pid",pid);helper.Params.Add("@pname",pname);helper.Params.Add("@字段名",字段名);if(helper.Execute(sql)>0){context.Response.Write("產(chǎn)品信息添加成功,請(qǐng)上傳圖片!");return;}context.Response.Write("數(shù)據(jù)出錯(cuò)!");}6.2訂單模塊的設(shè)計(jì)與實(shí)現(xiàn)訂單模塊主要是用戶通過(guò)前臺(tái)界面提交的訂單信息，但是用戶提交信息之前必須登錄，如果該用戶沒(méi)有進(jìn)行登錄操作將不能夠進(jìn)行下訂單操作。該模塊主要需要驗(yàn)證的就是該用戶是否進(jìn)行登錄，訂單模塊效果展示如下：圖6-2訂單展示模塊6.3數(shù)據(jù)庫(kù)模塊的設(shè)計(jì)與實(shí)現(xiàn)數(shù)據(jù)庫(kù)在一個(gè)管理系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)的好壞將直接影響應(yīng)用系統(tǒng)的效率以及實(shí)現(xiàn)的效果。合理的數(shù)據(jù)庫(kù)結(jié)構(gòu)可以提高數(shù)據(jù)存儲(chǔ)的效率，可以確保數(shù)據(jù)的完整性和一致性。整體數(shù)據(jù)庫(kù)效果圖如下所示：圖6-3數(shù)據(jù)庫(kù)效果圖結(jié)束語(yǔ)不知不覺(jué)中時(shí)間就完全逝去