1、电子商务模拟、网站设计报告用纸共 35 页第 页1河南科技大学课 程 设 计 说 明 书课程名称 电子商务模拟、网站设计 题 目 百优客资源网 学 院 国际教育学院 班 级 信管 073 学生姓名 张航华、王洵 指导教师 张攀科、焦进 日 期 2010.12.24 电子商务模拟、网站设计报告用纸共 35 页第 页2课程设计任务书（张攀科、焦进）课程设计名称 电子商务模拟、网站设计 学生姓名张航华、王洵专业班级信管073 班设计题目 百优客资源网的网站设计 一、课程设计目的通过本课程设计，使学生加深对电子商务的基本理论和基本知识的理解，了解电子商务的运作方式，使学生对电子商务产生直观的认识，并培
2、养学生电子商务网站设计、建设到业务运行方面的综合实践能力和创新能力。二、设计内容、技术条件和要求1、设计内容整个课程设计归纳起来有以下内容：（1）网站需求分析；（2）业务流程及功能设计；（3）页面设计；（4）程序设计；（5）编写网站说明书；（6）安装与测试。2、技术条件（1）学生在实验前应较好的掌握电子商务的基本理论和基本知识，并熟悉计算机的基本操作及常用软件的使用；（2）每人一台装有相关设计软件的计算机。3、要求学生自由结合，两人一组，各组独立完成设计任务；各组选题须经指导教师审定，以避免雷同；合理安排课程设计各阶段时间，按时提交课程设计说明书并进行网站展示。三、时间进度安排1、网站需求分析
3、 1 天2、业务流程及功能设计 2 天3、页面设计 2 天4、程序设计与调试 2 天电子商务模拟、网站设计报告用纸共 35 页第 页35、安装与测试 1 天6、编写网站说明书 2 天四、主要参考文献1、 电子商务网站建设陈信祥主编，清华大学出版社2、 网页制作三合一标准教程戴凌燕主编，科学出版社3、 Dreamweaver 8+ASP 动态网页制作实用教程陈建伟，王祥仲主编，清华大学出版社指导教师签字： 2010 年 12 月 24 日 电子商务模拟、网站设计报告用纸共 35 页第 页4电子商务模拟网站设计评分标准2010-2011 第 一 学期姓名 张航华， 王洵 班级 信管 073 网站名
4、称 百优客资源网评 分 等 级A B C D E序 号 评 分 项 目 分值1.0 0.8 0.6 0.4 0.21 书面报告格式规范，文字准确简练 102 设计创意突出，整体印象良好 103 结构合理，风格统一 104 图形构思巧妙，色彩搭配协调 105 栏目设置合理，导航方便灵活 106 链接顺畅无误 107 信息丰富，能够提供个性化服务 108 交互性好，能够实现在线业务处理 109 数据库管理安全方便 1010 调试运行良好 10总 分评 阅 人时 间 2010 年 12 月 24 日电子商务模拟、网站设计报告用纸共 35 页第 页5目 录一、网站建设构思3二、小组成员分工4三、网站建
5、设过程43.1 系统功能设计43.2 数据库设计63.3 系统开发总体设计方案103.4 各个网页的具体实现10四、网站使用说明书11五、网站程序代码15六、设计过程中遇到的问题及方法30七、参考资料、网站30电子商务模拟、网站设计报告用纸共 35 页第 页6百优客资源网设计说明书一、 网站建设构思如果将“电子商务”按照商业活动运作方式分类，可以分为完全电子商务和不完全电子商务两大类。完全电子商务是指可以完全通过电子方式实现和完成整个商务交易过程；不完全电子商务是指在某些环节上脱离电子方式而实现的电子商务，这些环节主要是指如运输、传递等需要媒介的电子商务，其显要的特点就是交易的商品往往具有实质
6、物质形态。电子商务作为一种新型的商务方式需要通过网络这个载体来实现他的强大功能。因此，建立一个新颖、美观、实用的电子商务网站是必不可少的。电子商务作为一种新型的商务方式需要通过网络这个载体来实现他的强大功能。因此，建立一个新颖、美观、实用的电子商务网站是必不可少的。根据课程设计的要求，我们小组决定开发一个架构清晰的电子商务实例-电子购物商城，由于创业初始，人员资金有限，网站定位于销售网站，以宣传商品和打网站品牌为主。网站提供客商交流论坛，加强商家与顾客的联系与沟通，增强互动性，提供信息咨询和技术支持。从单笔网上购物到大宗物品交易一应俱全，实现网上选购。通过对当前流行的网上商店的认真调查分析，同
7、时也考虑到课程设计的目的和意义，我们在网站的功能设计上，删繁就简，抽取了网上商店的必备模块；整体风格上，严谨朴实。良好的设计得它具有优秀的扩展能力和强大的可维护性，它主要有以下功能： 浏览商品 包括按分类浏览、搜索等。 发布商品 包括发布商品信息，发布文章等模块。 用户信息管理 包括用户个人信息查询、修改等。 后台管理 包括管理员管理、用户管理、商品管理。其次，eshop 的开发也具有很多特点： 充分发挥 ASP.NET CodeBehind 技术优势，采用面向对象的编程模式，代码可复用性好。 优秀的系统设计，采用三层结构，使项目容易维护以及功能的扩展。 应用当前流行的新技术，如 XML。 涉
8、及技术广。利用了 ASP.NET 中大多数的常用技术：HTML 服务控件；Web 服务控件；数据验证控件；Response 和 Request 对象；Server 对象、电子商务模拟、网站设计报告用纸共 35 页第 页7Session 对象和 Application 对象；数据库连接；数据库绑定控件；用户控件等。二、小组成员分工王 洵：网站规划、文档编写张航华：前台实现，后台实现，数据库分析与设计（表、存储过程）三、网站建设过程3.1 系统功能设计优秀的电子商务系统应该具备完备的功能模块、高度的安全性能、良好的伸缩扩展性。此外，便于维护也是不可或缺的特点。这样的目标固然是基于数据库的，但还远远
9、不够。软件工程领域的经验告诉我们，良好的系统设计会使功能的代码实现变得异常的简单。3.1.1 系统功能分析Eshop 共分为两大功能模块：前台和后台管理员。两大模块又分别包含各自的众多子模块。前台包括商品信息模块、用户信息管理模块、购物车模块、订模块；后台包括管理员信息管理、商品信息管理、用户信息管理、销售管理等模块。整体模块组织如下图所示。1. 前台模块详细功能描述（1） 会员信息模块：资料修改，信息发布，信息管理，文章发布，文章管理前台 后台百优客资源网会员信息商品信息文章信息友情链接其他管理广告管理文章管理会员管理UserId,Orderdate电子商务模拟、网站设计报告用纸共 35 页
10、第 页8（2） 商品信息模块：添加商品信息，商品信息修改，评论商品。（3） 文章信息模块：添加文章，修改文章，评论文章。（4） 友情链接模块：查询友情网站。2. 后台模块详细功能描述（1） 广告管理：文字广告添加，文字广告管理，图片广告添加，图片广告添加。（2） 文章管理：文章评论管理，文章发布管理。（3） 会员管理：查看会员信息，删除会员信息。（4） 其他管理：信息管理，页尾管理，连接管理，会员协议，相关介绍。3.1.2 系统流程分析对于电子商务系统来说，整个电子购物的流程是至关重要的。我们只对其购物流程图进行分析，如下图所示。注意：在流程图里可以看到，即使是未经过登录验证的匿名访问用户也是
11、可以进行购物，系统会自动生成一个临时的购物车，并且用户可以对临时购物车进浏览商品 联系卖家联系卖家浏览商品达成交易查看商品是否登录 是否登录对商品进行评论未与卖家达成交易与卖家达成交易电子商务模拟、网站设计报告用纸共 35 页第 页9行维护。3.2 数据库设计几乎所有的 Web 的项目都是基于数据库的，这使得数据库的设计在整个项目中的地位举足轻重。相关的研究表明，在数据库应用系统的开发中。50%靠数据库设计的。良好的数据库设计往往能够减少开发的负担。3.2.1 据库需求分析Eshop 是个典型的电子商务系统，针对它将要实现的业务功能，数据库中应该具有以下的模块： 用户信息 其中应该包括用户编号
12、、用户名、密码、帐户金额、姓名、地址等内容。 商品信息 包括商品编号、商品名称、商品价格、描述以及所属类别等。 文章信息 包括文章题目，文章内容等。 评论信息 促进网络交流。 管理员信息 与用户信息类似，包括管理员编号、录名密码、色类别等。 友情链接 用来收取广告费用。3.2.2 数据库逻辑结构设计通过数据库的需求分析，下面设计具体的逻辑结构。本系统涉及到 8 个表，分别是：用户信息表 hy、商品信息表 tpgg、文章分类表 wz_xl、评论表 wz_pl、商品类别表 xx_bt、文章信息表 wz、管理员信息表gly 和友情链接表 yqlj。主要设计思想： 尽管在需求分析中，商品类别仅仅是商品
13、的一个属性，但是数据库设计中一般将其分离出去创建单独的表。事实上，这是一种面向对象的思想，这种做法有利于系统的扩展，例如商城的管理人员将要拓宽业务，推出某种新类型的商品是，这样的设计将另其变得异常容易。同样的思想也体现在 Admin 表和 AdminRole 表的设计中。 由于商品包括多种商品，而且数量不一，所以用两个表来共同体现商品这个实体。在 tpgg 表中存放定单的基本信息：商品号、所属用户的编号以及下发布的时间。而在 tpgg_gl 表中则存放商品具体信息。电子商务模拟、网站设计报告用纸共 35 页第 页101. 用户信息表 hy用户信息表用来记录用户的一些基本信息，其结构如下表所示。
14、编号 字段名称 数据类型 说明1 id Int 用户 ID（主键）2 zh Nvarchar(50) 用户登录名3 mm Nvarchar(50) 用户密码4 wt Nvarchar(50) 密码问题5 da Nvarchar(50) 密码问题答案6 wz Nvarchar(50) 相关网址7 lxr Nvarchar(50) 联系人8 lxsf Nvarchar(50) 联系电话9 scdlsj Date Time 注册时间2. 商品信息表 tpgg表示商品的基本信息，如下表所示。编号 字段名称 数据类型 说明1 id Int 商品编号（主键）2 tp image 商品图片4 lr Nvar
15、char(50) 商品介绍3.文章分类表 wz_xl表示文章分类的基本信息，如下表所示。商品分类表来表示商品类别信息。其结构如下表所示。编号字段名称 数据类型 说明1 id Int 文章分类ID（主键）2 xl Nvarchar(50) 分类名称4. 评论表 wz_pl表示评论的基本信息，如下表所示。编号 字段名称 数据类型 说明电子商务模拟、网站设计报告用纸共 35 页第 页111 id Int 记录 ID（主键）2 lr Nvarchar(50) 评论内容3 hy Nvarchar(50) 用户名称4 ip Int 评论 ip5 sj Date Time 评论时间5. 商品类别表 xx_b
16、t表示商品类别的基本信息，如下表所示。编号 字段名称 数据类型 说明1 id Int 商品分类 ID2 bt Nvarchar(50) 类别名称6.文章信息表 wz表示文章的基本信息，如下表所示。编号 字段名称 数据类型 说明1 id Int 文章 ID2 zt Nvarchar(50) 文章名称3 xl Nvarchar(50) 文章类别4 lr Nvarchar(50) 文章内容5 hyzh Nvarchar(50) 发布者名称6 ip Int 发布 ip7 fbsj Date Time 发布时间7. 管理员信息表 gly与用户信息表类似，管理员信息表用来保存管理员的基本信息，如下表所示。
17、编号 字段名称 数据类型 说明1 id Int 管理员 ID2 zh Nvarchar(50) 管理员登陆名3 mm Nvarchar(50) 管理员密码电子商务模拟、网站设计报告用纸共 35 页第 页124 scdlsj Date Time 创建时间8. 友情链接表 yqlj表示友情链接的信息，如下表所示。编号 字段名称 数据类型 说明1 id Int 友情链接 ID（主键）2 mc Nvarchar(50) 友情链接名称3 tp image 友情链接图片4 wz Nvarchar(50) 友情链接网址3.2.3 数据库设计图上节设计的各数据表之间的关系如下图所示。UserInforPK U
18、serIdUserNameUserPwdQuestionAnswerAcountUserRealNameSexAddressUserNameUserPwdCategoryPK CategoryIdCategoryNameAdminRolePK RoleIdRoleName电子商务模拟、网站设计报告用纸共 35 页第 页13OrderPK OderIdFK1 UserIdOrderDateProductInforPK ProductIdFK1ProductPriceProductNameIntroCategoryIdClickCountAdminPK AdminIdFK1LoginNameLog
19、inPwdRoleIdOrderItemsPK,FK1PK,FK2OrderIdProductIdQuantityUnitCostShoppingCartPK RecordIdFK1CartIdProductIdQuantityCreateDateShoppingCartPK RecordIdFK1CartIdProductIdQuantityCreateDate注意：PK（Primary Key）为主键，FK（Foreign Key）为外键。箭头代表两个表之间的关系，即某个表的 PK 与另一个表的 FK 之间的对应关系。3.3 系统开发总体设计方案对系统的功能以及流程进行了详细的分析之后，面
20、临的问题将是如何去开发这个项目。项目开发的设计宗旨是，针对项目的需求构建出可重用性高、扩展性好的代码工程。目前，Web 项目较为流行的开发模式是三层逻辑体系结构，eshop的开发同样采用三层结构。所谓三层逻辑体系结构是指数据访问层（DAL） 、业务逻辑层（BLL） 、用户表示层。DAL 涉及到数据库本身、存储过程以及提供数据接口的组件；BLL 指的是封装了应用程序商务逻辑组件；而表示层指的是 Web 应用程序页，如图 2-4 所示。ASP.NETWeb Forms 业务逻辑层（ BLL）数据访问 层 SQLSERVER2000电子商务模拟、网站设计报告用纸共 35 页第 页14三层逻辑体系结构
21、在电子购物商城整个解决方案的实现中，把前台和后台分开作为两个不同的项目工程，拥有各自的命名空间。这样做主要是安全性方面的考虑。因为从逻辑上来讲，后台和前台的功能基本是独立的，由各自的项目安全机制来控制会使得开发更加简便。 3.4 各个网页的具体实现主页采用 T 型布局，多采用控件；详见代码部分。四、网站使用说明书1.进入网站4-12.注册会员电子商务模拟、网站设计报告用纸共 35 页第 页154-23.会员管理4-34.阅览商品电子商务模拟、网站设计报告用纸共 35 页第 页164-45.联系卖家4-56阅览文章电子商务模拟、网站设计报告用纸共 35 页第 页174-67.后台管理4-78.文
22、字广告管理4-89.文章发布管理4-910.信息发布管理电子商务模拟、网站设计报告用纸共 35 页第 页184-1011.网站会员管理4-1112.页尾栏目管理4-1213.友情链接管理电子商务模拟、网站设计报告用纸共 35 页第 页194-1314.其他信息管理4-14五、网站程序代码本部分主要列出了主要模块的程序代码，界面部分见系统文件。用户登录：“yes“ thenresponse.write “alert(可能出现的原因:1.末登陆 2.连接超时,请重新登陆!);location=dl.asp“response.end电子商务模拟、网站设计报告用纸共 35 页第 页20end if%会
23、员信息发布,function fbyz()if (!document.fb.yzm.value.match(/w4$/) alert(“验证码不正确,请刷新后再重新填写!“);document.fb.yzm.focus();return false;if (document.fb.bt.value=“0“) alert(“请选择标题！“);document.fb.bt.focus();return false;if (document.fb.zt.value.length = 0) alert(“主题不能为空！“);document.fb.zt.focus();return false;if
24、(document.fb.lr.value.length 电子商务模拟、网站设计报告用纸共 35 页第 页22信息标题:选择标题“ *信息内容:*相关网址:“ size=“38“ maxlength=“100“ 格式必须http:/开头联系人:“ size=“38“ maxlength=“20“ *联系电话:“ size=“38“ maxlength=“20“ *验证码：为什么您的发布的贴子没有通过? 查看本站发贴标准电子商务模拟、网站设计报告用纸共 35 页第 页25发表文章：0 thenxxl=rs_wz_xl(“xl“)elsexxl=“end ifcall gbdx(rs_wz_xl)elsexxl=“end ifif xxl 0 then分页电子商务模拟、网站设计报告用纸共 35 页第 页28y_dx=16rs_wz.pagesize=y_dxy_zs=rs_wz.pagecountjl_zs=rs_wz.recordcounty=trim(request.querystring(“y“)if y“发布日期: | 学堂类别: | 浏览次数:电子商务模拟、网站设计报告用纸共 35 页第 页30共有条记录/共页/当前页首页上一页“首页&xl=“上一页下一页末页&xl=“下一页&xl=“末页“ size=“3“
