网上商城详细设计说明书

1、网上商城设计详细说明书姓名：lclboss班级：微机1024学号：42网上商城设计详细说明书11. 引言3编写目的3前期工作3编写背景32. 技术概述4目标4硬件支持4软件支持43. 功能需求4功能块划分44. 具体设计5首页设计5商品详细信息页面设计10实现商品搜索功能13商城后台管理登录设计14商城后台商城管理页面设计16建立删除商品信息页面185. 总结181. 引言编写目的通过学习，以及结合教师给的源代码，进一步修改，从而实现网上商城系统前期工作在编写该需求前，首先是对各大网上销售网站进行了调查，其中包括：网页排版、顾客消费流程、以及管理员的操作，这三大块进行了调查。并总结出了有自己特

2、色的设计思路。编写背景随着Internet国际互联网的发展，越来越多的企业开始建造自己的网站。基于Internet的信息服务，商务服务已经成为现代企业一项不可缺少的内容。很多企业都已不满足于建立一个简单的仅仅能够发布信息的静态网站。现代企业需要的是一个功能强大的，能提供完善的电子商务服务的动态商务网站。本网上商城系统就是根据电子商务和互联网的发展，针对网上顾客所开发的网络购物系统，本商城系统主要有：1）用户浏览、注册、登录与购买商品；2）商品的入库资料登记；3）商城访问者的在线留言、查看留言，管理员的在线管理留言等；4）商城最新的新闻显示，历史新闻的分页显示，新闻详细情况的显示，后台管理员添加

3、、删除、修改新闻等。本数据采用access作为数据库，亦可以使用SQL作为数据库，项目的重点是商品的添加、删除、显示与修改，需要克服的难点是商品图片的上传和删除。2. 技术概述目标我们使用C#以及数据库技术构建网站，争取将本网站做成一个界面友好、用户购物方便、管理员管理方便的购物系统。硬件支持Cpu:弄个四核最好比如老一代coreQ8400软件支持操作系统：Windowsxp/vista/seven均可，C#FF发环境。3. 功能需求功能块划分2)商品的入库资料登记;3)商城访问者的在线留言、查看留言，管理员的在线管理留言等;4)商城最新的新闻显示，历史新闻的分页显示，新闻详细情况的显示，后台

4、管理员添加、删除、修改新闻等。4. 具体设计首页设计DiYUio焦启新闻访客留言查君购物车美，我们使用帚助产二!=!¥0Msi于:帮-因彳24小时订购热线 800-800000 0513 88838388-全国拨打只收市话费”年I密时煌证目CJ"4'mm加醐机二炳*开笨吧祎滴龈晶酱办公比住英却制屏工肥件类手机附件浦苏蹄我曾亘抖。与堂智靠手机随雌变打心邂青蜘枢外”二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">热点促销</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">最新产品</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编辑栏里，写入代码：usingSystem;using;usingpartialclass_Default:protectedvoidPage_Load(objectsender,E

15、ventArgse)stringstrSQL="selecttop7*fromnewsorderbyiddesc"=(strSQL);();商品详细信息页面设计新建，配置好各项值以后，载入代码：<%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/>售价：<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程序文件，编辑写入以下代码：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="+);实现商品搜索功能新建，配置相关参数，载入以下代码：<%PageLanguage="C#"MasterPageFile="/"AutoEventWireup="true"CodeFile=""Inherits="search"Title="UntitledPage"%><

22、;asp:ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"Runat="Server"><strong>查询结果<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;();商城后台管理登录设计第一mt商城后Se招录画1SP名：11I*密码；IIII颉呼IIIII"夕3。6|1JI卡Iff*ukt'jncAefrfft新建一个，添加所需要的元件，在.cs程序文件中编写ImageButton的事件代码：usingSystem;publicpartialclasslogin:protectedvoidPage_Load(objectsender,EventArgse)Session"pass"=0;protectedvoidButton1

26、_Click(objectsender,EventArgse)if!="CheckCode".()("<script>alert('验证码错误！')</script>");elsestringstrSQL="select*fromuserswhereuserName='"+andpwd='"+;if(strSQL).>0)Session"pass"=1;("");else("<script>alert(

27、'用户名或密码错误!')</script>");商城后台商城管理页面设计新建.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")%>'/>单价：<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