网站开发范例文档.doc

摘要
伴随着计算机技术在各行各业日益广泛和深入的应用，网络的概念早已深入人心。网络在各行各业的发展战略中占据了重要的位置，成为商家不可分割的部分。商家建立网站，将商家各方面的宣传与服务展现于网络中，通过网络更可实现如网上购物、信息查寻等功能，这些在改变我们原有经营方式与经营理念的同时，也为商家带来了更高的效益。
本论文研究了B2C网上购物系统的设计与开发。其开发主要包括后台数据库的建立、后台管理以及前台页面的Web设计。系统使用Microsoft公司以C#为核心语言的ASP.NET开发工具，使用Visual Studio2010 中内置数据库SQL Server 2008建立数据连接关系。
本文主要给出了利用ASP.NET开发一个网上购物系统的全过程，包括系统规划，系统分析，系统设计与实现。
关键字：购物网站，ASP.NET，B2C
目录
摘要 i
1系统规划 3
1.1开发背景 3
1.2开发工具和开发模式 3
1.3文档说明 3
2系统需求分析 4
2.1用例图 4
2.2用例说明 4
2.3数据流图 6
2.4 E-R图 8
3 系统设计 9
3.1概要设计 9
3.1.1总体设计 9
3.1.2系统类静态结构 10
3.2详细设计 10
3.2.1系统顺序图 10
3.2.2功能流程图 11
3.2.3界面设计 13
4 数据库设计 14
4.1数据库表物理设计 14
4.2数据库表建立 17
4.3其他设置 17
5 系统实现 18
5.1查询数据 18
5.1.1数据源配置 18
5.1.2数据显示 19
5.2插入数据 19
5.3删除数据 19
5.4更新数据 20
6 系统总结 21

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

图1.1系统开发模式
1.3文档说明
该文档在实际开发过程中具有指导意义，但是可能会因为满足实际需要而有所改动。在本文中具体实现部分讲解以购物网站中商品类别管理为例。
2系统需求分析
2.1用例图
通过与用户对话，阅读用户要求，确定系统的主要参与者有管理员、会员，其用例图分别如下：

图 2.1 会员用例图

图2.2 管理员用例图
2.2用例说明
2.2.1购买商品用例文本
用例名称：购买商品
用例描述：顾客查看商品详细信息后，可以将商品加入购物车
参与者：顾客
前置条件：查看商品信息页面
后置条件：添加商品到购物车
操作流程：
1,在浏览商品页面，选择购买数量，以及其他规格
2,点击加入购物车,弹出成功加入提示框
3,选择继续购物或者查看购物车
扩展：
a2购买失败
1，用户未登录，跳转到登录页面
2，系统错误，提示加入购物车失败
2.2.2查看订单用例文本
用例名称：查看订单
用例描述：顾客可以查看自己的订单，并进行相应的查询和操作。
参与者：顾客
前置条件：会员登录进入系统
后置条件：显示符合条件的订单
基本操作流程：
1.点击查看订单
2.选择下单日期，点击确定
3.显示符合条件的订单
扩展：
a1系统存在所查询的信息不存在
1提示该信息不存在
2返回查询页面
2.2.3商品管理用例文本
用例：商品添加
范围：POS应用
级别：管理员目标
主要参与者：管理员
前置条件：管理员登录管理后台
后置条件：添加了新商品
主要成功场景：
1． 管理员成功登录系统。
2． 开始新的一次商品添加处理。
3． 输入商品的信息
4． 点击确认添加
5． 返回添加成功，并返回商品查看信息页面
管理员重复3-5，知道结束此次商品添加处理
扩展：a4错误信息
1，商品部分信息不完全，提示错误
2，商品部分信息填写格式不正确，提示错误
a5添加失败
1，提示添加商品失败
2，返回商品添加页面重新添加
2.2.4会员信息管理用例文本
用例：管理会员信息
级别：管理员目标
主要参与者：管理员
前置条件：管理员登录管理后台。
后置条件：会员信息被删除。
主要成功场景：
1．管理员成功登录系统。
2．查询会员信息
3．删除某个会员。
4．返回删除成功，刷新结果集
扩展：a2没有会员
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总体设计
根据需求分析，系统功能分为购物前台和管理后台两部分，每个部分具有不同功能的操作权限。

图3.1 网站功能模块图
3.1.2系统类静态结构
购物前台的主要功能是会员购物，购物车类与会员类和商品类建立联系，商品通过商品类别区分，每个会员可以建立多个订单，每个订单可以包含多条商品订单记录，商品的订单记录详情从商品获得。

图3.2 系统中主要功能的领域模型
3.2详细设计
3.2.1系统顺序图
1、购物前台主页面为ProductList.aspx,此页面将显示全部上架商品，在ProductList.apsx的后台代码代码中，通过LINQ访问数据库，查询上架的全部商品。返回ArrayList<Product>结果集，通过循环，将数据显示到控件中。

图3.3前台商品显示顺序图

2、管理员通过admin.aspx页面登录到管理主页面，选择商品类别管理，进入到商品类别管理页面type_list.aspx,在页面后台代码中，编写query，insert，update，delete函数，通过LINQ访问数据库，并将返回的数据集在前台页面控件中显示，在添加、删除、修改的Button事件中调用insert， delete， update函数。

图3.4 后台商品分类管理顺序图
3.2.2功能流程图
1、用户没有登录时，可以浏览商品和查看商品的详细信息，如果用户要将商品加入购物车，则选判断用户是否登录，如果已经登录，则加入商品到购物车并进入购物车，如果没有登录则跳转到登录页面，（登录页面可以链接到注册、和找回密码），当用户成功加入商品到购物车后，选择结算后，进入到结算界面，选择收货地址，确认后生成订单，进入订单管理页面，完成一次购物。（用户在每个步骤的操作过程中都能够返回到主页）

图3.5 会员购买商品功能流程图

2、管理员成功进入到商品类别管理页面后，在textbox中按照提示，输入新的商品分类名称，点击添加按钮，系统判断用户点击是添加按钮还是编辑按钮，如果是添加按钮，则获取当前ID，将文本框中的数据插入到获取ID的下一级的分类表（如果没有获取ID，则插入到一级分类表中），如果是编辑，获取当前ID，更新此ID记录的Name字段。

图3.6 商品类别管理功能流程图
3.2.3界面设计
在购物网站中，常常涉及到导航和权限的控制，当用户未登录时，可以查看商品信息和浏览商品，在导航上提供用户登录、注册功能。用户登录后，可以购买商品，在导航上提供注销、查看购物车、查看订单、修改信息等功能。在中，设置导航栏可以采用母版和框架。本系统开发采用母版（页面静态布局可以在dreamweaver里设计）
添加新项，选择模板页，新建一个母版（或直接更改网站中已存在的母版Site.master）

1 、购物前台导航设置
　 在母版中添加一个LoginView(根据不同用户的认证状态，LoginView控件可以用于显示不同的内容。可以分别向登录用户和匿名用户显示不同的内容。LoginView控件包含了两个模板：AnonymousTemplate模板和LoggedInTemplate模板，在同一时刻只能显示其中一个)然后在Loginview中添加HyperLink控件，并设置相应的属性。部分参考代码如下
<asp:LoginViewID="HeadLoginView" runat="server" EnableViewState="false>
<AnonymousTemplate>
<asp:HyperLink NavigateUrl="~/Main/Account/Login.aspx" ID="HeadLoginStatus" runat="server">登录
</asp:HyperLink>
</AnonymousTemplate>
<LoggedInTemplate>
<asp:HyperLink NavigateUrl="~/Main/ShopCart.aspx" ID="HyperLink2"runat="server">查看购物车
</asp:HyperLink>
</LoggedInTemplate>
</asp:LoginView>

2、其他页面设置

图3.7 母版页的运用

3、商品类别管理页面
明确商品类别管理涉及到的操作，显示全部商品类别，对商品类别进行添加，删除，修改。本系统中有三级分类列表，有三个listbox显示分类名称，并且有三个按钮触发不同事件。

图3.8 商品类别管理页面设计
4 数据库设计
4.1数据库表物理设计

表 名
功 能 说 明
UserInfo
存放用户基本信息
Admin
存放管理员的用户名和密码
Product
存放产品的基本信息
Order
存放某次的订单信息
OrderItem
存放订单中某件商品信息
Category
存放商品一级分类信息
Second_Category
存放商品二级分类信息
Third_Category
存放三级分类信息
ShoppingCart
购物车功能，存放用户已经选择的商品信息
Address
存放用户地址信息

UserInfo表
字段名
类型
长度
约束
含义
ID
int

非空，主键
会员ID号
Name
varchar
50
非空
会员名称
PassWord
varchar
50
非空
会员密码
Question
varchar
50

密保问题
Answer
varchar
50

密保答案
Sex
varchar
10

会员性别
Email
varchar
20
非空
会员邮箱

Admin表
字段名
类型
长度
约束
含义
Name
varchar
50
非空
管理员姓名
PassWord
varchar
50
非空
管理员密码

Product表
字段名
类型
长度
约束
含义
ID
int

非空，主键
商品ID号
Name
varchar
50
非空
商品名称
Category_ID
int

非空
商品一级分类ID
S_CategoryID
int

商品二级分类ID
T_CategoryID
int

商品三级分类ID
ListPrice
decimal
10,2
非空
商品销售价格
UnitPrice
decimal
10,2
非空
商品进价
IsGrounding
varchar
20
非空
是否上架
Qty
int

非空，大于0
库存

Order表
字段名
类型
长度
约束
含义
ID
int

非空，主键
订单ID
Date
date

非空
订单日期
AdressID
int

非空
收货地址
UserID
Int

非空
下单人ID
Status
varchar
20
非空
订单状态

OrderItem表
字段名
类型
长度
约束
含义
ID
int

非空，主键
订单详情ID号
ProductID
int

非空
商品ID
Number
int

非空
购买商品数量
OrderID
Int

非空
所属订单的ID号

ShoppingCart表
字段名
类型
长度
约束
含义
ID
int

非空，主键
购物车单条记录ID号
ProductID
int

非空
购买商品的ID号
Number
int

非空
加入购物车的商品数量
UserID
inr

会员ID

Adress表
字段名
类型
长度
约束
含义
ID
int

非空，主键
地址ID号
UserID
int

非空
会员ID
Adress
varchar
100
非空
具体地址
Phone
varchar
12
非空
收货人电话
Zip
int
6
非空
收货地址邮编

Category表：
字段名
类型
长度
约束
含义
ID
int

非空，主键
一级分类ID号
Name
varchar
50
非空
一级分类名称

second_Category表
字段名
类型
长度
约束
含义
ID
int

非空，主键
二级分类ID号
Name
varchar
50
非空
二级分类名称
Cid
int

非空，外键
一级分类ID号

third_Category表
字段名
类型
长度
约束
含义
ID
int

非空，主键
三级分类ID号
Name
varchar
50
非空
三级分类名称
Tid
int

非空，外键
二级分类ID号

4.2数据库表建立

图4.1数据库建立步骤图
4.3其他设置
数据库中的每个表，都由ID号作为主键，主键常设置为自增。（标识增量常设置为1），只有主键才能被标识。

图4.2 数据库表中主键自增设置
5 系统实现
本部分介绍仅以商品分类管理为例，包括商品分类的查询、添加、修改、删除。
5.1查询数据
让商品分类在listbox控件中显示，并且点击一级分类时显示相应的二级分类和三级分类
在type_list添加三个SqlDataSource并分别进行数据绑定。
5.1.1数据源配置
1、点击SqlDateSource1，选择配置数据源，然后在指定的表或者视图中选择Category表，选择全部属性或者指定的属性。

图5.1 数据源配置

2、在本系统中的sid，是店面的ID号，通过session赋值，点击where，设置SID的值。

图5.2 where条件设置

3、同理设置SqlDateSource2和SqlDateSource3，在设置two_Category中的Cid（显示一级分类的控件名称）由ListBox1所得，third_Category中的Tid有ListBox2（显示二级分类的空间名称）所得，因此在where条件设置的时候，源应该选择control,同时对应的选择控件名称。
5.1.2数据显示
listBox任务栏中，启用AutoPostBack，并点击选择数据源，设置显示数据值和选择值，

图5.3 数据源绑定
5.2插入数据
在输入框中输入新的分类名称，点击添加一级分类按钮。在添加一级分类的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.Category.InsertOnSubmit(c);
db.SubmitChanges();
Response.Redirect("type_list.aspx");//成功后刷新页面
Page.RegisterStartupScript("alert",
"<script>alert('添加一级分类成功')</script>");
}
catch (Exception e2)
{
Page.RegisterStartupScript("alert",
"<script>alert('添加一级分类失败')</script>");
}
5.3删除数据
选择某个分类，然后点击删除按钮，在Button_Click事件里添加响应事件，部分代码如下。先通过判断每个listbox选择的值，确定是删除的第几级商品分类，然后操作响应的数据库表。
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); //先删除对应的商品
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", "<script>alert('删除成功 ')</script>");
}
catch (Exception e3)
{
Page.RegisterStartupScript("alert", "<script>alert('删除失败!')</script>");
}
5.4更新数据
选择某个商品分类，并在输入框中，输入新的商品分类名称，点击编辑按钮，在Button_Click事件里添加响应事件，部分代码如下：
ShopLINQ2SQLDataContext db = new ShopLINQ2SQLDataContext();
if (addname.Text == "")
{
Page.RegisterStartupScript("alert",
"<script>alert('在输入框中输入新的分类名称!')</script>");
}
else
{
try
{
if (first.SelectedValue != "" && second.SelectedValue == "")
{//更新一级分类
int id = int.Parse(first.SelectedValue);
var type = from c in db.Category
where c.ID == id
select c;
foreach (Category category in type)
{
category.Name = addname.Text;
}
}
/* 更新二,三级分类，同更新一级分类相似，只是更新的表为two_Category，third_Category
*/
db.SubmitChanges();
Response.Redirect("type_list.aspx");
Page.RegisterStartupScript("alert",
"<script>alert('更新成功')</script>");
}
catch (Exception e3)
{
Page.RegisterStartupScript("alert",
"<script>alert('更新失败')</script>");
}
}
6 系统总结
网站购物系统，是一个用开发的B2C的网上商品交易平台，包括购物前台和管理后台。
前台功能：用户在购物前台注册获得账号，登录系统，选择需要的商品，加入购物车，结算生成订单（此系统开发过程中忽略支付部分，后期需要改进），之后进行收货处理（订单操作），用户还能对自己的注册信息进行修改。
后台功能：管理员登录后台管理系统，对会员进行删除，添加操作，并能添加其他管理员以及修改自身信息。添加、删除、修改商品信息、商品类别信息。查看订单、管理订单（修改订单状态）
附加功能：导出商品类别，找回密码
22