網(wǎng)上商城詳細(xì)設(shè)計(jì)說(shuō)明書(shū)

1、網(wǎng)上商城設(shè)計(jì)詳細(xì)說(shuō)明書(shū)姓名：lclboss班級(jí)：微機(jī)1024學(xué)號(hào)：42網(wǎng)上商城設(shè)計(jì)詳細(xì)說(shuō)明書(shū)11. 引言3編寫(xiě)目的3前期工作3編寫(xiě)背景32. 技術(shù)概述4目標(biāo)4硬件支持4軟件支持43. 功能需求4功能塊劃分44. 具體設(shè)計(jì)5首頁(yè)設(shè)計(jì)5商品詳細(xì)信息頁(yè)面設(shè)計(jì)10實(shí)現(xiàn)商品搜索功能13商城后臺(tái)管理登錄設(shè)計(jì)14商城后臺(tái)商城管理頁(yè)面設(shè)計(jì)16建立刪除商品信息頁(yè)面185. 總結(jié)181. 引言編寫(xiě)目的通過(guò)學(xué)習(xí)，以及結(jié)合教師給的源代碼，進(jìn)一步修改，從而實(shí)現(xiàn)網(wǎng)上商城系統(tǒng)前期工作在編寫(xiě)該需求前，首先是對(duì)各大網(wǎng)上銷(xiāo)售網(wǎng)站進(jìn)行了調(diào)查，其中包括：網(wǎng)頁(yè)排版、顧客消費(fèi)流程、以及管理員的操作，這三大塊進(jìn)行了調(diào)查。并總結(jié)出了有自己特

2、色的設(shè)計(jì)思路。編寫(xiě)背景隨著Internet國(guó)際互聯(lián)網(wǎng)的發(fā)展，越來(lái)越多的企業(yè)開(kāi)始建造自己的網(wǎng)站?；贗nternet的信息服務(wù)，商務(wù)服務(wù)已經(jīng)成為現(xiàn)代企業(yè)一項(xiàng)不可缺少的內(nèi)容。很多企業(yè)都已不滿足于建立一個(gè)簡(jiǎn)單的僅僅能夠發(fā)布信息的靜態(tài)網(wǎng)站。現(xiàn)代企業(yè)需要的是一個(gè)功能強(qiáng)大的，能提供完善的電子商務(wù)服務(wù)的動(dòng)態(tài)商務(wù)網(wǎng)站。本網(wǎng)上商城系統(tǒng)就是根據(jù)電子商務(wù)和互聯(lián)網(wǎng)的發(fā)展，針對(duì)網(wǎng)上顧客所開(kāi)發(fā)的網(wǎng)絡(luò)購(gòu)物系統(tǒng)，本商城系統(tǒng)主要有：1）用戶瀏覽、注冊(cè)、登錄與購(gòu)買(mǎi)商品；2）商品的入庫(kù)資料登記；3）商城訪問(wèn)者的在線留言、查看留言，管理員的在線管理留言等；4）商城最新的新聞顯示，歷史新聞的分頁(yè)顯示，新聞詳細(xì)情況的顯示，后臺(tái)管理員添加

3、、刪除、修改新聞等。本數(shù)據(jù)采用access作為數(shù)據(jù)庫(kù)，亦可以使用SQL作為數(shù)據(jù)庫(kù)，項(xiàng)目的重點(diǎn)是商品的添加、刪除、顯示與修改，需要克服的難點(diǎn)是商品圖片的上傳和刪除。2. 技術(shù)概述目標(biāo)我們使用C#以及數(shù)據(jù)庫(kù)技術(shù)構(gòu)建網(wǎng)站，爭(zhēng)取將本網(wǎng)站做成一個(gè)界面友好、用戶購(gòu)物方便、管理員管理方便的購(gòu)物系統(tǒng)。硬件支持Cpu:弄個(gè)四核最好比如老一代coreQ8400軟件支持操作系統(tǒng)：Windowsxp/vista/seven均可，C#FF發(fā)環(huán)境。3. 功能需求功能塊劃分2)商品的入庫(kù)資料登記;3)商城訪問(wèn)者的在線留言、查看留言，管理員的在線管理留言等;4)商城最新的新聞顯示，歷史新聞的分頁(yè)顯示，新聞詳細(xì)情況的顯示，后臺(tái)

4、管理員添加、刪除、修改新聞等。4. 具體設(shè)計(jì)首頁(yè)設(shè)計(jì)DiYUio焦啟新聞訪客留言查君購(gòu)物車(chē)美，我們使用帚助產(chǎn)二!=!¥0Msi于:幫-因彳24小時(shí)訂購(gòu)熱線 800-800000 0513 88838388-全國(guó)撥打只收市話費(fèi)”年I密時(shí)煌證目CJ"4'mm加醐機(jī)二炳*開(kāi)笨吧祎滴齦晶醬辦公比住英卻制屏工肥件類(lèi)手機(jī)附件浦蘇蹄我曾亙抖。與堂智靠手機(jī)隨雌變打心邂青蜘樞外”二Pee9k(A2G0D1-100PyShmA1O0OI?6S住能PtrU.crSiirtAIIOOISUSO住能Pimw5b«41闿苫】做卓信,r玳;。25曲佳能Ptrii.r5hi3tAlgo1

5、2a新建web窗體，其代碼為：<%PageTitle=""Language="C#"MasterPageFile="/"AutoEventWireup="trueCodeFile=""Inherits="_Default"%><asp:ContentID="Content1"ContentPlaceHolderID="head"runat="Server"><styletype="tex

6、t/css">.style23width:116px;height:94px;.style24width:600px;height:132px;.style25width:104px;.style26width:598px;.style27width:106px;</style></asp:Content><asp:ContentID="Content2"ContentPlaceHolderID="ContentPlaceHolder1"runat="Server"><tabl

7、estyle="font-size:9pt"class="style24"><tr><tdvalign="top"align="left"><table><tr><tdclass="style25"style="font-size:11pt;color:#FFFFFF;background-color:#FF0000;border-width:0px">熱點(diǎn)促銷(xiāo)</td><tdstyle=&q

8、uot;font-size:9pt;border-width:0px;background-image:url('images/');width:178px;"><b><ahref="news">更多&gt;&gt;&gt;</a></b></td></tr></table><asp:RepeaterID="Repeater1"runat="server"><ItemTempla

9、te><ahref="newsid=<%#Eval("id")%>"target="_blank"><%#Eval("title")%></a><%#Eval("AddTime","0:d")%><br/></ItemTemplate></asp:Repeater></td><tdvalign="top"><imgalt=&q

10、uot;電話"src="images/"/></td></tr></table><tableclass="style26"><tr><tdclass="style27"style="font-size:11pt;color:#FFFFFF;background-color:#FF0000;border-width:0px">最新產(chǎn)品</td><tdstyle="background-image:url

11、('images/')">&nbsp;</td></tr></table><asp:DataListID="DataList1"runat="server"DataKeyField="bh"DataSourceID="AccessDataSource1"RepeatColumns="3"RepeatDirection="Horizontal"><ItemTemplate><

12、;ahref="id=<%#Eval("bh")%>"><altimgsrc="images/<%#Eval("pic")%>"class="style23"style="border-style:none"/><br/>&nbsp;<span><asp:LabelID="titleLabel"runat="server"Text='<%#Ev

13、al("productName")%>'/><br/>&nbsp;<asp:LabelID="priceLabel"runat="server"Text='<%#Eval("price")%>'/></span></a></ItemTemplate></asp:DataList><asp:AccessDataSourceID="AccessDataSource1"

14、runat="server"DataFile="/App_Data/"SelectCommand="SELECTtop 9bh, pic, price,productName FROMproductorderbybhdesc"></asp:AccessDataSource></asp:Content>接著，切換到程序文件.cs編輯欄里，寫(xiě)入代碼：usingSystem;using;usingpartialclass_Default:protectedvoidPage_Load(objectsender,E

15、ventArgse)stringstrSQL="selecttop7*fromnewsorderbyiddesc"=(strSQL);();商品詳細(xì)信息頁(yè)面設(shè)計(jì)新建，配置好各項(xiàng)值以后，載入代碼：<%PageTitle=""Language="C#"MasterPageFile="/"AutoEventWireup="trueCodeFile=""Inherits="show"%><asp:ContentID="Content1"

16、ContentPlaceHolderID="head"runat="Server"><styletype="text/css">.style3width:100%;.style4text-align:center;width:253px;</style></asp:Content><asp:ContentID="Content2"ContentPlaceHolderID="ContentPlaceHolder1"runat="Server

17、"><tableclass="style3"><tr><tdclass="style4"><asp:ImageID="Image1"runat="server"/><br/><asp:LabelID="txtTitle"runat="server'Text="Label"></asp:Label></td><tdalign="lef

18、t"><br/><asp:LabelID="txtContents"runat="server'Text="Label"></asp:Label><br/>售價(jià)：<asp:LabelID="txtPrice"runat="server'Text="Label"></asp:Label></td></tr></table><br/><asp:

19、ImageButtonID="ImageButton1"runat="server"ImageUrl="/images/"Height="74px"ImageAlign="Middle"onclick="ImageButton1_Click"Width="72px"/></asp:Content>接著建立.cs程序文件，編輯寫(xiě)入以下代碼：usingSystem;using;using;publicpartialclassshow:prot

20、ectedvoidPage_Load(objectsender,EventArgse)stringsql="select*fromproductwherebh="+"id"DataTabledt=(sql);="images/"+0"pic".ToString();=0"productName".ToString();=0"contents".ToString();=0"price".ToString();protectedvoidImageButton1

21、_Click(objectsender,ImageClickEventArgse)("id="+"id"+"&num="+);實(shí)現(xiàn)商品搜索功能新建，配置相關(guān)參數(shù)，載入以下代碼：<%PageLanguage="C#"MasterPageFile="/"AutoEventWireup="true"CodeFile=""Inherits="search"Title="UntitledPage"%><

22、;asp:ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"Runat="Server"><strong>查詢結(jié)果<hrwidth="75%"/></strong><br/><asp:RepeaterID="Repeater1"runat="server"><HeaderTemplate><table></H

23、eaderTemplate><ItemTemplate><tr><td><%#Eval("bh")%></td><td><ahref="id=<%#Eval("bh")%>"target="_blank"><%#Eval("productName")%></a></td></tr></ItemTemplate><FooterTem

24、plate></table></FooterTemplate></asp:Repeater></asp:Content>然后編輯.cs文件usingSystem;using;using;using;using;usingpartialclasssearch:protectedvoidPage_Load(objectsender,EventArgse)'%" +stringstrSQL="select*fromproductwhereproductNamelike"txtSearchName")

25、+"%'"DataTabledt=(strSQL);=dt;();商城后臺(tái)管理登錄設(shè)計(jì)第一mt商城后Se招錄畫(huà)1SP名：11I*密碼；IIII頡呼IIIII"夕3。6|1JI卡Iff*ukt'jncAefrfft新建一個(gè)，添加所需要的元件，在.cs程序文件中編寫(xiě)ImageButton的事件代碼：usingSystem;publicpartialclasslogin:protectedvoidPage_Load(objectsender,EventArgse)Session"pass"=0;protectedvoidButton1

26、_Click(objectsender,EventArgse)if!="CheckCode".()("<script>alert('驗(yàn)證碼錯(cuò)誤！')</script>");elsestringstrSQL="select*fromuserswhereuserName='"+andpwd='"+;if(strSQL).>0)Session"pass"=1;("");else("<script>alert(

27、'用戶名或密碼錯(cuò)誤!')</script>");商城后臺(tái)商城管理頁(yè)面設(shè)計(jì)新建.aspx文件，添加好所需控件元件以后，載入源代碼：CodeFile=""<%ControlLanguage="C#"AutoEventWireup="true"Inherits="fenyepro"%><div>RepeatColumns="3"<asp:DataListID="DataList1"runat="serve

28、r"RepeatDirection="Horizontal"><ItemTemplate><ahref="id=<%#Eval("bh")%>">class="style23"<imgsrc="images/<%#Eval("pic")%>"style="border-style:none"height="80"width="111"/>&l

29、t;/a><br/><asp:LabelID="titleLabel"runat="serverText='<%#Eval("productName")%>'/>單價(jià)：<asp:LabelID="priceLabel"runat="server"Text='<%#Eval("price")%>'/>元<br/><ahref="id=<%#Eval(&quo

30、t;bh")%>"target="_blank">修改</a><ahref="id=<%#Eval("bh")%>"target="_blank">刪除</a></span></ItemTemplate></asp:DataList><asp:PanelID="Panel1"runat="server"><asp:LabelID="lblTotal"runat="server"Text=""></asp:Label>&l