网站开发范例文档

1、.摘要伴随着计算机技术在各行各业日益广泛和深入的应用，网络的概念早已深入人心。网络在各行各业的发展战略中占据了重要的位置，成为商家不可分割的部分。商家建立网站，将商家各方面的宣传与服务展现于网络中，通过网络更可实现如网上购物、信息查寻等功能，这些在改变我们原有经营方式与经营理念的同时，也为商家带来了更高的效益。本论文研究了B2C网上购物系统的设计与开发。其开发主要包括后台数据库的建立、后台管理以及前台页面的Web设计。系统使用Microsoft公司以C*为核心语言的ASP.NET开发工具，使用Visual Studio2010 中内置数据库SQL Server 2008建立数据连接关系。本文主

2、要给出了利用ASP.NET开发一个网上购物系统的全过程，包括系统规划，系统分析，系统设计与实现。关键字：购物网站，ASP.NET，B2C. v.目录摘要i1系统规划31.1开发背景31.2开发工具和开发模式31.3文档说明32系统需求分析42.1用例图42.2用例说明42.3数据流图62.4 E-R图83 系统设计93.1概要设计93.1.1总体设计93.1.2系统类静态结构103.2详细设计103.2.1系统顺序图103.2.2功能流程图113.2.3界面设计134 数据库设计144.1数据库表物理设计144.2数据库表建立174.3其他设置175 系统实现185.1查询数据185.1.1数

3、据源配置185.1.2数据显示195.2插入数据195.3删除数据195.4更新数据206 系统总结21电子商务网站开发-版1系统规划1.1开发背景随着电子商务的不断发展，拓宽了人们购物的渠道，同时也大大降低了商家的成本，深受消费者的喜欢，因此网上购物越来越受到广大群众的欢迎，各种电子商务网站也越来越多。一个B2C的电子商务平台网站开发，主要包括购物前台和后台管理员操作。购物前台主要是商品浏览，会员注册，会员登录，购买商品，查看订单等功能。后台管理主要是会员管理，商品类别管，商品管理，订单管理等功能。1.2开发工具和开发模式开发工具：Visual studio 2010+SQL server

4、2008， windowsXP开发模式：图1.1系统开发模式1.3文档说明该文档在实际开发过程中具有指导意义，但是可能会因为满足实际需要而有所改动。在本文中具体实现部分讲解以购物网站中商品类别管理为例。2系统需求分析2.1用例图通过与用户对话，阅读用户要求，确定系统的主要参与者有管理员、会员，其用例图分别如下：图 2.1 会员用例图 图2.2 管理员用例图2.2用例说明2.2.1购买商品用例文本用例名称：购买商品用例描述：顾客查看商品详细信息后，可以将商品加入购物车参与者：顾客前置条件：查看商品信息页面后置条件：添加商品到购物车操作流程： 1,在浏览商品页面，选择购买数量，以及其他规格 2,点

5、击加入购物车,弹出成功加入提示框 3,选择继续购物或者查看购物车扩展：a2购买失败1，用户未登录，跳转到登录页面2，系统错误，提示加入购物车失败 2.2.2查看订单用例文本用例名称：查看订单用例描述：顾客可以查看自己的订单，并进行相应的查询和操作。参与者：顾客前置条件：会员登录进入系统后置条件：显示符合条件的订单基本操作流程： 1.点击查看订单 2.选择下单日期，点击确定 3.显示符合条件的订单扩展： a1系统存在所查询的信息不存在 1提示该信息不存在 2返回查询页面2.2.3商品管理用例文本用例：商品添加范围：POS应用级别：管理员目标主要参与者：管理员前置条件：管理员登录管理后台后置条件：

6、添加了新商品主要成功场景：1 管理员成功登录系统。2 开始新的一次商品添加处理。3 输入商品的信息4 点击确认添加5 返回添加成功，并返回商品查看信息页面管理员重复3-5，知道结束此次商品添加处理扩展：a4错误信息 1，商品部分信息不完全，提示错误 2，商品部分信息填写格式不正确，提示错误 a5添加失败 1，提示添加商品失败 2，返回商品添加页面重新添加 2.2.4会员信息管理用例文本用例：管理会员信息级别：管理员目标主要参与者：管理员前置条件：管理员登录管理后台。后置条件：会员信息被删除。主要成功场景：1管理员成功登录系统。2查询会员信息3删除某个会员。4返回删除成功，刷新结果集扩展：a2没

7、有会员 1、提示没有会员 a4删除失败 1,提示删除失败，并给出删除失败的原因2.3数据流图 1、通过初步分析，得出外部实体主要有用户、普通会员、管理员组成图 2.3 顶层数据流图2、对系统进一步分析，细化数据流图图 2.4 第0层数据流图3、独立分析系统某个模块，（以商品类别管理为例）图2.5 商品类别管理第1层数据流图4、对商品类别管理模块的分析细化图2.6 商品分类管理底层数据流图2.4 E-R图图 2.6 商品实体图 图2.7购物车的E-R图图 2.8 订单E-R图3系统设计3.1概要设计3.1.1总体设计根据需求分析，系统功能分为购物前台和管理后台两部分，每个部分具有不同功能的操作权

8、限。图3.1 网站功能模块图3.1.2系统类静态结构购物前台的主要功能是会员购物，购物车类与会员类和商品类建立联系，商品通过商品类别区分，每个会员可以建立多个订单，每个订单可以包含多条商品订单记录，商品的订单记录详情从商品获得。 图3.2 系统中主要功能的领域模型3.2详细设计3.2.1系统顺序图1、购物前台主页面为ProductList.aspx,此页面将显示全部上架商品，在ProductList.apsx的后台代码代码中，通过LINQ访问数据库，查询上架的全部商品。返回ArrayList结果集，通过循环，将数据显示到控件中。图3.3前台商品显示顺序图2、管理员通过admin.aspx页面登

9、录到管理主页面，选择商品类别管理，进入到商品类别管理页面type_list.aspx,在页面后台代码中，编写query，insert，update，delete函数，通过LINQ访问数据库，并将返回的数据集在前台页面控件中显示，在添加、删除、修改的Button事件中调用insert， delete， update函数。图3.4后台商品分类管理顺序图3.2.2功能流程图 1、用户没有登录时，可以浏览商品和查看商品的详细信息，如果用户要将商品加入购物车，则选判断用户是否登录，如果已经登录，则加入商品到购物车并进入购物车，如果没有登录则跳转到登录页面，（登录页面可以链接到注册、和找回密码），当用户成

10、功加入商品到购物车后，选择结算后，进入到结算界面，选择收货地址，确认后生成订单，进入订单管理页面，完成一次购物。（用户在每个步骤的操作过程中都能够返回到主页）图3.5会员购买商品功能流程图2、管理员成功进入到商品类别管理页面后，在textbox中按照提示，输入新的商品分类名称，点击添加按钮，系统判断用户点击是添加按钮还是编辑按钮，如果是添加按钮，则获取当前ID，将文本框中的数据插入到获取ID的下一级的分类表（如果没有获取ID，则插入到一级分类表中），如果是编辑，获取当前ID，更新此ID记录的Name字段。图3.6 商品类别管理功能流程图3.2.3界面设计 在购物网站中，常常涉及到导航和权限的控

11、制，当用户未登录时，可以查看商品信息和浏览商品，在导航上提供用户登录、注册功能。用户登录后，可以购买商品，在导航上提供注销、查看购物车、查看订单、修改信息等功能。在中，设置导航栏可以采用母版和框架。本系统开发采用母版（页面静态布局可以在dreamweaver里设计） 添加新项，选择模板页，新建一个母版（或直接更改网站中已存在的母版Site.master）1、购物前台导航设置在母版中添加一个LoginView(根据不同用户的认证状态，LoginView控件可以用于显示不同的内容。可以分别向登录用户和匿名用户显示不同的内容。LoginView控件包含了两个模板：AnonymousTemplate模

12、板和LoggedInTemplate模板，在同一时刻只能显示其中一个)然后在Loginview中添加HyperLink控件，并设置相应的属性。部分参考代码如下 登录 查看购物车 2、其他页面设置图3.7 母版页的运用3、商品类别管理页面明确商品类别管理涉及到的操作，显示全部商品类别，对商品类别进行添加，删除，修改。本系统中有三级分类列表，有三个listbox显示分类名称，并且有三个按钮触发不同事件。图3.8 商品类别管理页面设计4 数据库设计4.1数据库表物理设计表 名功 能 说 明UserInfo存放用户基本信息Admin存放管理员的用户名和密码Product存放产品的基本信息Order存放

13、某次的订单信息OrderItem存放订单中某件商品信息Category存放商品一级分类信息Second_Category存放商品二级分类信息Third_Category存放三级分类信息ShoppingCart购物车功能，存放用户已经选择的商品信息Address存放用户地址信息UserInfo表字段名类型长度约束含义IDint非空，主键会员ID号Namevarchar50非空会员名称PassWordvarchar50非空会员密码Questionvarchar50密保问题Answervarchar50密保答案Sexvarchar10会员性别Emailvarchar20非空会员邮箱Admin表字段名

14、类型长度约束含义Namevarchar50非空管理员姓名PassWordvarchar50非空管理员密码Product表字段名类型长度约束含义IDint非空，主键商品ID号Namevarchar50非空商品名称Category_IDint非空商品一级分类IDS_CategoryIDint商品二级分类IDT_CategoryIDint商品三级分类IDListPricedecimal10,2非空商品销售价格UnitPricedecimal10,2非空商品进价IsGroundingvarchar20非空是否上架Qtyint非空，大于0库存Order表字段名类型长度约束含义IDint非空，主键订单ID

15、Datedate非空订单日期AdressIDint非空收货地址UserIDInt非空下单人IDStatusvarchar20非空订单状态OrderItem表字段名类型长度约束含义IDint非空，主键订单详情ID号ProductIDint非空商品IDNumberint非空购买商品数量OrderIDInt非空所属订单的ID号ShoppingCart表字段名类型长度约束含义IDint非空，主键购物车单条记录ID号ProductIDint非空购买商品的ID号Numberint非空加入购物车的商品数量UserIDinr会员IDAdress表字段名类型长度约束含义IDint非空，主键地址ID号UserID

16、int非空会员IDAdressvarchar100非空具体地址Phonevarchar12非空收货人电话Zipint6非空收货地址邮编Category表：字段名类型长度约束含义IDint非空，主键一级分类ID号Namevarchar50非空一级分类名称second_Category表字段名类型长度约束含义IDint非空，主键二级分类ID号Namevarchar50非空二级分类名称Cidint非空，外键一级分类ID号third_Category表字段名类型长度约束含义IDint非空，主键三级分类ID号Namevarchar50非空三级分类名称Tidint非空，外键二级分类ID号4.2数据库表建立

17、图4.1数据库建立步骤图4.3其他设置 数据库中的每个表，都由ID号作为主键，主键常设置为自增。（标识增量常设置为1），只有主键才能被标识。图4.2 数据库表中主键自增设置5系统实现本部分介绍仅以商品分类管理为例，包括商品分类的查询、添加、修改、删除。5.1查询数据 让商品分类在listbox控件中显示，并且点击一级分类时显示相应的二级分类和三级分类在type_list添加三个SqlDataSource并分别进行数据绑定。5.1.1数据源配置1、点击SqlDateSource1，选择配置数据源，然后在指定的表或者视图中选择Category表，选择全部属性或者指定的属性。图5.1数据源配置2、在

18、本系统中的sid，是店面的ID号，通过session赋值，点击where，设置SID的值。图5.2where条件设置3、同理设置SqlDateSource2和SqlDateSource3，在设置two_Category中的Cid（显示一级分类的控件名称）由ListBox1所得，third_Category中的Tid有ListBox2（显示二级分类的空间名称）所得，因此在where条件设置的时候，源应该选择control,同时对应的选择控件名称。5.1.2数据显示listBox任务栏中，启用AutoPostBack，并点击选择数据源，设置显示数据值和选择值，图5.3数据源绑定5.2插入数据在输入

19、框中输入新的分类名称，点击添加一级分类按钮。在添加一级分类的Button_Click事件里添加如下代码。如果添加二级和三级分类时，除了获取商品分类名称，同时要获取上一级的分类ID。ShopLINQ2SQLDataContext db = new ShopLINQ2SQLDataContext();try Category c = new Category();/创建一个新的Category对象 c.Name = addname.Text;/ 赋值于Category表里的每个字段 c.Descn = addname.Text; c.Sid = int.Parse(store_id); db.Ca

20、tegory.InsertOnSubmit(c); db.SubmitChanges(); Response.Redirect(type_list.aspx);/成功后刷新页面 Page.RegisterStartupScript(alert, alert(添加一级分类成功); catch (Exception e2) Page.RegisterStartupScript(alert, alert(添加一级分类失败); 5.3删除数据选择某个分类，然后点击删除按钮，在Button_Click事件里添加响应事件，部分代码如下。先通过判断每个listbox选择的值，确定是删除的第几级商品分类，然后

21、操作响应的数据库表。ShopLINQ2SQLDataContext db = new ShopLINQ2SQLDataContext();try if (first.SelectedValue != & second.SelectedValue = ) /删除一级分类 int id = int.Parse(first.SelectedValue); var products = from pro in db.Product where pro.CategoryID = id select pro;db.Product.DeleteAllOnSubmit(products); /先删除对应的商品

22、 var type = from c in db.Category where c.ID = id select c; db.Category.DeleteAllOnSubmit(type);/删除此条分类记录 /* 删除二级三级分类原理同删除一级分类相似，只是判断的条件和操作的表不同*/ db.SubmitChanges(); Response.Redirect(type_list.aspx); Page.RegisterStartupScript(alert, alert(删除成功); catch (Exception e3) Page.RegisterStartupScript(alert, alert(删除失败!); 5.4更新数据 选择某个商品分类，并在输入框中，输入新的商品分类名称，点击编辑按钮，在Button_Click事件里添加响应事件，部分代码如下：ShopLINQ2SQLDataContext db = new ShopLINQ2SQLDataContext();if (addname.Text = ) Page.RegisterSta