卡通花束之恋网站设计与开发 论文

引言随着电子商务的普及，安全交易的完善，电子商务在中国市场已经得到了很好的应用，越来越多的商家选择网络营销，不仅降低了店面租赁的固定成分费用，还省略了维护店内装潢费用。

实体店铺要保持卫生环境的整洁有序，不仅浪费精力，人力，更大大耗用了财力，而电子商务摒弃了这些缺点。

为扩大企业规模，让产品更加专业化，品牌更加明朗化，卡通花束之恋的生产工厂店迫切的需要一个成熟独立、属于自己专营品牌的电子商务网站进行专业的卡通花束销售。

应此要求，我在此次毕业设计的过程中，帮助该公司建设一个能进行有效交易的电子商务网站。

此网站的主要功能有：用户、管理员的登录、注册功能，其中管理员用户可对该网站的任何信息进行修改、查询、删除和更新的操作,此外还包括购物车的添加和订单提交等。

用户可以对自己的交易信息进行任何操作，可对自己的信息进行修改、查询。

网站包括文本框、标签、图片框、datalist、formview、dropdownlist等控件的应用，可实现商品信息展示、关键字搜索、分类检索、留言板等功能。

1.系统分析与总体设计1.1系统功能分析卡通花束之恋网店提供一个能进行真实的网络交易平台，在此网站中，用户可以挑选自己喜欢的商品，加入购物车，填写订单，提交订单给订单系统，付款，当卡通花束之恋网店收到货款之后，便会立即为顾客定做其指定的花束，发货，告诉顾客所购买产品运送快递的快递单号，顾客可以根据此单号在快递的官方网站上查询自己所订购货物的详细物流跟踪情况。

交易完成，顾客自愿留言给商家，此留言对所有访问此网站的用户可见，可作为店铺提升业务能力的依据，也可作为供其他顾客购买的主观意见。

此外，本网站还提供本公司的疯魔网站店铺、淘宝店铺、腾讯拍拍店铺等知名网站的购买网址。

顾客可通过：支付宝、财付通、网银、邮局汇款、货到付款等多种方式进行付款。

只有在本网站注册的用户才可享用购物车，留言板，订单管理，店铺管理员等VIP特权。

此外，本网店特色为用户提供一个可视化的产品设计界面，顾客可根据系统中提供的真实设计效果，设计自己独一无二的花束。

此网站提供帮助工能，可供新用户做各个交易细节的导向依据。

提供超级管理员页面，方便商家对自己网站的用户、产品、留言、订单等与交易有关的各种信息进行管理。

特点：1.注册成为会员之后，才有可能申请管理员的权限。

2.DIY花束1.2功能模块划分总体功能包括：登录程序、用户管理、商品信息管理、关键字搜索、购物车、订单管理、留言板、计数器此系统分为前台和后台两个主要功能模块：前台的具体功能包括：用户注册、登录、商品的浏览、查询、采购、订单查询、帮助导航等部分。

后台主要是对网站信息的维护和管理，具体功能包括用户、产品、留言、订单等。

1.3系统流程分析电子商务交易的流程与现实中的购物流程基本一致，如下图所示：电子商务是在Internet等网络上进行的，因此，网络是电子商务最基本的构架；电子商务还强调要使系统的软件和硬件、参加交易的买方、卖方、银行或金融机构、厂商、企业和所有合作伙伴，都要在Internet、Intranet、Extranet中密切结合起来，共同从事在网络计算环境下的商业电子化应用。

虽然交易的介质不同，但电子商务和实际中的商务交易流程是基本一致的。

都是卖家需要一个展示自己产品的平台向顾客表明自己经营的产品，顾客根据自己的挑选或者询问，找到自己需要的商品，付款，完成交易。

唯一不同的是，电子商务网站的交易因为缺少面对面交易的可靠性，则需要顾客注册成为本商务网站的会员，具有真实有效的信息即可进行安全而真实的交易；还有个区别就是电子商务的交易，为切实保障买家的利益，还有一个评价系统，但此次交易进行完毕，顾客和卖家需要对双方的服务信用做出评价，供其他交易体参考借鉴。

这也保证了电子商务交易的完整性。

1.4系统概述本系统主要是为卡通花束之恋网店建设一个可进行实际交易宣传的网站，其主要功能必须包括用户、管理员的登录、注册功能，其中管理员用户可对该网站的任何信息进行修改、查询、删除和更新的操作,此外还包括购物车的添加和订单提交等。

用户可以对自己的交易信息进行任何操作，可对自己的信息进行修改、查询。

可实现商品信息展示、关键字搜索、分类检索、留言板等功能。

系统的整体风格设计应该是简单大气而颜色引人注目的。

所以我选择的红色白色为主色调。

简单大方的设计，没有特殊的广告弹出等繁琐设计页面。

系统的主要流程，就是用户在本网站上浏览商品信息，然后选择购买，其中商品信息的展示和用户购买须先注册登录等功能在第三章会有详细介绍。

2.系统设计2.1总体设计建立数据库环节极为重要，需仔细规划。

它对后面的所有工作都起着重要的作用，所以要对数据库进行良好的规划。

根据网站的功能，我们可知，需要保存商品的信息，用户会员的信息，订单相关的信息，收件地址相关信息和留言相关信息。

用户信息与订单，收件，留言等相关联。

订单中具体化为购物车和已经生成的订单，订单也需与商品信息和收件信息相关联。

2.1.1模块设计（H图）图2-1 H图2.1.2输入-处理-输出设计（IPO 图）图2-2 IPO图图2-3 IPO图图2-4 IPO图图2-5 IPO图图2-6 IPO图2.2数据库设计2.2.1数据库概念设计得到上面的数据项和数据结构以后，就可以设计出能够满足用户需求的各种实体结构，以及他们之间的关系，为以后的逻辑结构设计打下基础。

命名数据库为企业名称的缩写：kthszl。

其中包括：用户表、管理员表、商品表、分类表、设计表、购物车表、订单表、留言板表7张表。

根据上面的设计规划出的实体有：现有库存管理信息实体、入库信息实体、出库信息实体、客户/供应商实体。

各个实体具体的描述E-R图如下：2．2.2数据库逻辑设计管理员（管理员编号、管理员名、管理员密码）用户（用户编号、用户名、用户密码、用户地址、用户电话）购物车（购物车编号、产品编号、用户名、购物数量、产品价格）产品（产品编号、产品名、产品价格、产品描述、产品图片、类目编号）类目（类目编号、类目名）设计（设计编号、用户名、设计花束形状、设计花束侧面款式、设计花束包装颜色、设计花束包装材料、设计花束装饰辅料、设计花束装饰辅料颜色、设计花束玩偶名称、设计花束玩偶枝数、设计花束拉花、备注、粗略估计价格）评价（评价编号、用户编号、评价内容、评价日期）交易（订单编号、购物车编号、产品编号、购物数量、总计价格、用户编号、收件人姓名、收件人电话、收件地址、物流单号、交易日期、备注）2.2.3数据库物理设计整个系统的ER图展现了各个实体和数据间的关系，如下图所示将逻辑设计转换为物理设计，如下各实体图所示，方框内是实体，椭圆是该实体的属性。

图2-8 产品实体图图2-9 交易实体图图2-10 用户实体图图2-11 评价实体图图2-12 管理员实体图图2-13 设计实体图图2-14 购物车实体图图2-15 类目实体图2.2.4各个表的设计如下各表：表2-1：用户表表2-2：管理员表表2-3：类目表表2-4：产品表表2-5：设计表表2-6：购物车表表2-7：交易表表2-8：评价表2.3网页目录及功能结构对于一个成熟的电子商务网站，需要用到的网页很多，而每个网页也会对应着不同的功能，以下是此网站的主要网页对应的功能目录及其属性。

2.3.1数据字典表2-9 数据流表2-10 数据元素表2-11 数据存储表2-12 加工表2-13 外部项2.3.2网页简要说明网页名称网页功能前台/后台bangzhu.aspx 帮助信息主页前chakansypj.aspx 查看所有评价前changjianwenti.aspx 帮助信息子项：常见问题前denglu.aspx 普通用户登录页面前dingdan.aspx 添加订单页面前diyzhuanqu.aspx Diy设计前gouwuche.aspx 添加到购物车前gouwuliucheng.aspx 帮助信息子项：购物流程前guanyukthszl.aspx 关于卡通花束之恋公司的介绍前jiage.aspx 按价格搜索前jiamengwomen.aspx 加盟须知前jiaoyitiaokuan.aspx 交易条款前kefuzixun.aspx 客服联系中心前lianxiwomen.aspx 联系我们公司前login.aspx 普通用户登录验证前peisongfangshi.aspx 帮助信息子项：配送方式前pinglun.aspx 插入评论前sousuo.aspx 关键字搜索前user.aspx 用户个人中心（暂未开发）前wdgwc.aspx 查看用户自己的购物车前wdlyb.aspx 查看用户自己的留言板前wdxiaofeijl.aspx 查看用户自己的消费记录前wodedingdan.aspx 查看用户自己的订单前xiangqing.aspx 产品的详细信息前zhifufangshi.aspx 帮助信息子项：支付送方式前zhuce.aspx 用户注册前zhuye.aspx 网站主页前zhuye1.aspx 用户登录后的主页前Global.asax 统计人数后gldd.aspx 管理订单后glpl.aspx 管理评论后glsp.aspx 管理商品信息后glyh.aspx 管理本网站用户后glydl.aspx 管理员登录页面后glylogin.aspx 验证管理员登录后glyzhuce.aspx 管理员注册后glzy.aspx 管理后台主页后表2-14：网页中文对应说明3.功能设计3.1登录注册页面功能总体设计包括对登陆页面，商品搜索、管理页面等的具体功能设计。

主要是利用SQl语句及Visual Studio2005的可视化控件对所有信息进行增删改查的具体实施。

3.1.1注册功能要想登录必须先有此网站的账号，由此，注册是实现此企业网站交易的基础功能，我们用formview的默认插入形式实现此功能。

从工具区拖入一个formview，在属性栏将其默认形式改为插入：链接数据库，配置数据源，链接到用户表。

编辑insert模板，拖入一个fileupload控件，此控件可以用来上传用户的个人头像图片。

在源设计器中，insert 语句后有关自动生成的、只读字段等删掉，where后面只留主键—用户编号。

由此，可实现数据的插入。

其中，对与用户名、用户密码、重复密码不能为空的验证设置，我们可以采用Visual Studio 中的requiredfilevalidator控件，记得此控件的controlvalidate属性要选中所要验证的控件。

重复密码可用于避免用户误输入，而不知道自己真正密码的情况，由此，重复密码需要一个comparevilidator的控件来验证两次输入的密码是否一致，也需要在右边的属性中选中要匹配的控件名称和匹配的控件名称。