网站开发范例文档Word格式文档下载.docx
- 文档编号:938934
- 上传时间:2023-04-29
- 格式:DOCX
- 页数:22
- 大小:246.79KB
网站开发范例文档Word格式文档下载.docx
《网站开发范例文档Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《网站开发范例文档Word格式文档下载.docx(22页珍藏版)》请在冰点文库上搜索。
Web服务器
客户端
数据库
(SQL2008)
开发模式:
图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会员信息管理用例文本
管理会员信息级别:
管理员目标主要参与者:
管理员登录管理后台。
后置条件:
会员信息被删除。
2.查询会员信息
3.删除某个会员。
4.返回删除成功,刷新结果集扩展:
a2没有会员
1、提示没有会员
a4删除失败
1,提示删除失败,并给出删除失败的原因
2.3数据流图
1、通过初步分析,得出外部实体主要有用户、普通会员、管理员组成
用户 用户信息登录状态
网站系统
相关报表操作信息
商品信息 浏览商品
普通会员
图2.3顶层数据流图
2、对系统进一步分析,细化数据流图
会员表
商品表
商品信息
会员信息
商品ID
用户
用户信息登录状态
登录系统
购物系统
订单详细查看订单
订单管理系统
管理员操作指令
操作指令订单信息
商品管理系统
分类信息
订单信息
商品分类表
订单表
图2.4第0层数据流图
操作信息
商品类
别信息
商品类别管理
Excel表
3、独立分析系统某个模块,(以商品类别管理为例)
图2.5商品类别管理第1层数据流图
4、对商品类别管理模块的分析细化
用户信息 登录系统
登录状态
添加、删
除、修改分类
新的分类信息 商品类表表
显示分类
Excel表/word
图2.6商品分类管理底层数据流图
2.4E-R图
商品名称
商品描述
商品ID
一级分类ID
商品销售价格
商品
二级分类ID
商品成本价格
三级分类ID
商品图片路径
是否上架
库存
图2.6商品实体图
商品单价
... n
购买
购买数量
n
...
会员ID
会员名称
会员密码
图2.7购物车的E-R图
单条商品订单ID
商品数量
订单详情
订单状态
下单
1
订单日期
地址
拥有
1 会员
地址ID
图2.8订单E-R图
3系统设计
3.1概要设计
3.1.1总体设计
电子商务网站
购物前台
管理后台
根据需求分析,系统功能分为购物前台和管理后台两部分,每个部分具有不同功能的操作权限。
商
浏
购
订
品
会
览
注
登
买
单
类
员
册
录
管
别
理
里
图3.1网站功能模块图
3.1.2系统类静态结构
购物前台的主要功能是会员购物,购物车类与会员类和商品类建立联系,商品通过商品类别区分,每个会员可以建立多个订单,每个订单可以包含多条商品订单记录,商品的订单记录详情从商品获得。
商品类别类(Category)
购物车类(ShopingCart)
1..n
会员类(UserInfo) 1
订单类(Order)
商品类(Product)
1.n
订单详情(OrderItem)
图3.2系统中主要功能的领域模型
3.2详细设计
3.2.1系统顺序图
1、购物前台主页面为ProductList.aspx,此页面将显示全部上架商品,在
)
ProductList.apsx的后台代码代码中,通过LINQ访问数据库,查询上架的全部商品。
返回ArrayList<
Product>
结果集,通过循环,将数据显示到控件中。
ProductList.aspx
ProductList.aspx.cs
ShopLINQtoSQL.dbm
ShopDB.mdf
findProduct(String:
CategoryID
createProduct()
IsGrounding='
上架'
ArrayList<
图3.3前台商品显示顺序图
2、管理员通过admin.aspx页面登录到管理主页面,选择商品类别管理,进入到商品类别管理页面type_list.aspx,在页面后台代码中,编写
query,insert,update,delete函数,通过LINQ访问数据库,并将返回的数据集在前台页面控件中显示,在添加、删除、修改的Button事件中调用insert,delete,update函数。
flag是商品分类级别,id是商品分类ID号
admin.aspx
type_list.aspx
type_list.aspx.cs
shopLINQtoSQL.dbm
shopDB.mdf
button事件
pageload(Category) insert(id,flag),update(id,flag),delete(id,flag
SQL语句
Category>
.ASPX是页面名称,dbm是LINQ文件,mdf是数据库文件,可以根据实际需要命名
图3.4后台商品分类管理顺序图
3.2.2功能流程图
1、用户没有登录时,可以浏览商品和查看商品的详细信息,如果用户要将商品加入购物车,则选判断用户是否登录,如果已经登录,则加入商品到购物车并进入购物车,如果没有登录则跳转到登录页面,(登录页面可以链接到注册、和找回密码),当用户成功加入商品到购物车后,选择结算后,进入到结算界面,选择收货地址,确认后生成订单,进入订单管理页面,完成一次购物。
(用户在每个步骤的操作过程中都能够返回到主页)
开始
ProductShow.aspx
否
是否登录
是否有账号
是
加入购物车
ShopCart.aspx
结算
submitCart.aspx
订单查看
OrderShow.aspx
结束
图3.5会员购买商品功能流程图
2、管理员成功进入到商品类别管理页面后,在textbox中按照提示,输入新的商品分类名称,点击添加按钮,系统判断用户点击是添加按钮还是编辑按钮,如果是添加按钮,则获取当前ID,将文本框中的数据插入到获取ID的下一级的分类表(如果没有获取ID,则插入到一级分类表中),如果是编辑,获取当前ID,更新此ID记录的Name字段。
输入新的商
品分类名称
删除商品分类名
称
判断是修改还 修改是插入
插入
删除数据库中记
将新数据写入数据
库
修改数据库内容
图3.6商品类别管理功能流程图
3.2.3界面设计
在购物网站中,常常涉及到导航和权限的控制,当用户未登录时,可以查看商品信息和浏览商品,在导航上提供用户登录、注册功能。
用户登录后,可以购买商品,在导航上提供注销、查看购物车、查看订单、修改信息等功能。
在中,设置导航栏可以采用母版和框架。
本系统开发采用母版(页面静态布局可以在dreamweaver里设计)
添加新项,选择模板页,新建一个母版(或直接更改网站中已存在的母版Site.master)
在母版中添加一个LoginView(根据不同用户的认证状态,
LoginView控件可以用于显示不同的内容。
可以分别向登录用户和匿名用户显示不同的内容。
LoginView控件包含了两个模板:
AnonymousTemplate模板和LoggedInTemplate模板,在同一时刻只能显示其中一个)然后在
Loginview中添加HyperLink控件,并设置相应的属性。
部分参考代码如下
1、购物前台导航设置
<
asp:
LoginViewID="
HeadLoginView"
runat="
server"
EnableViewState="
false>
AnonymousTemplate>
HyperLinkNavigateUrl="
~/Main/Account/Login.aspx"
ID="
HeadLoginStatus"
runat="
>
/asp:
HyperLink>
/AnonymousTemplate>
LoggedInTemplate>
~/Main/ShopCart.aspx"
HyperLink2"
runat="
查看购物车
/LoggedInTemplate>
LoginView>
添加新项
选择web窗体
同时勾选上母版页
确认后,选中所要参照的母版
在新建的窗体里将内容放在content里
2、其他页面设置
图3.7母版页的运用
3、商品类别管理页面
明确商品类别管理涉及到的操作,显示全部商品类别,对商品类别进行添
加,删除,修改。
本系统中有三级分类列表,有三个listbox显示分类名称,并且有三个按钮触发不同事件。
图3.8商品类别管理页面设计
4数据库设计
4.1数据库表物理设计
表 名
功 能 说 明
UserInfo
存放用户基本信息
Admin
存放管理员的用户名和密码
Product
存放产品的基本信息
Order
存放某次的订单信息
OrderItem
存放订单中某件商品信息
Category
存放商品一级分类信息
Second_Category
存放商品二级分类信息
Third_Category
存放三级分类信息
ShoppingCart
购物车功能,存放用户已经选择的商品信息
Address
存放用户地址信息
字段名
类型
长度
约束
含义
ID
int
非空,主
键
会员ID号
Name
varchar
50
非空
PassWord
Question
密保问题
Answer
密保答案
Sex
10
会员性别
20
会员邮箱
UserInfo表
管理员姓名
管理员密码
Admin表
商品ID号
Category_ID
商品一级分
类ID
S_CategoryID
商品二级分
Product表
T_CategoryID
商品三级分
ListPrice
decimal
10,2
商品销售价
格
UnitPrice
商品进价
IsGrounding
Qty
非空,大
于0
订单ID
Date
date
AdressID
收货地址
UserID
Int
下单人ID
Status
Order表
订单详情ID
号
ProductID
商品ID
Number
购买商品数量
OrderID
所属订单的
ID号
OrderItem表
购物车单条记录ID
购买商品的ID号
加入购物车的商品
数量
inr
会员ID
ShoppingCart表
地址ID号
Adress
100
具体地址
Adress表
Phone
12
收货人电话
Zip
6
收货地址邮编
一级分类ID
一级分类名称
Category表:
二级分类ID
二级分类名称
Cid
非空,外
second_Category表
三级分类ID
三级分类名称
Tid
third_Category表
4.2数据库表建立
在app_date下添加新项
选择SQL数据库
打开新建的数据库,添加新表
在app_code添加新项
选择SQLtoLINQ
打开新建的LINQ类
将数据库中的表拖入
图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.2where条件设置
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。
ShopLINQ2SQLDataContextdb=newShopLINQ2SQLDataContext();
try
{
Categoryc=newCategory();
//创建一个新的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(Exceptione2)
添加一级分类失败'
5.
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 开发 范例 文档