雅蒙哈尼旗舰店网站的设计与制作
Keywords: jas implementation of hani flagship store. JavaWeb; HTML5+CSS3; JavaScript; Shopping site; 目 录
目 录 - 1 -
一、引言 - 1 -
（一）开发背景 - 1 -
（二）选题内容 - 1 -
二、网站内容模块介绍 - 1 -
三、网站数据库设计 - 2 -
四、网站流程图设计 - 4 -
（一）后台流程图 - 4 -
（二）前台流程图 - 5 -
（三）系统实体类设计 - 5 -
五、网站主体设计 - 5 -
（一）首页设计说明 - 5 -
（二）商品信息展示模块设计 - 6 -
（三）查看商品详情模块设计 - 8 -
（四）会员登录模块设计 - 10 -
（五）会员注册模块设计 - 11 -
（六）会员操作购物车模块设计 - 12 -
（七）会员查看我的新订单模块设计 - 15 -
（八）会员查看我的所有订单模块设计 - 16 -
（九）后台管理商品信息模块设计 - 17 -
（十）后台添加商品信息模块设计 - 19 -
（十一）后台处理新订单模块设计 - 22 -
（十二）后台查看所有订单模块设计 - 23 -
六、网站测试 - 24 -
总结 - 25 -
致谢 - 26 -
参考文献 - 27 -
一、引言
（一）开发背景
现如今，发展迅速的计算机网络已经很大程度上改变了我们的生活方式。从以前的市井小店，发展成现在的连锁超市、购物场所，又发展成了电子商务时代。时代在发展，社会在进步，不管是原来的市井小店还是现在的连锁超市等等，都已经不能满足现在人的消费水平了。网络购物最大的优点就是省时省力、省钱，消费者可以在网上进行商品交易。而且网络购物还非常省钱，因为服装可以直接从商家仓库发货，省去了传统的店面费、人工费等等费用。当然，事物既
*好棒文|www.hbsrm.com +Q: ^351916072*
迅速的计算机网络已经很大程度上改变了我们的生活方式。从以前的市井小店，发展成现在的连锁超市、购物场所，又发展成了电子商务时代。时代在发展，社会在进步，不管是原来的市井小店还是现在的连锁超市等等，都已经不能满足现在人的消费水平了。网络购物最大的优点就是省时省力、省钱，消费者可以在网上进行商品交易。而且网络购物还非常省钱，因为服装可以直接从商家仓库发货，省去了传统的店面费、人工费等等费用。当然，事物既有好的一面，那么它必然有坏的一面。例如：网络购物时，买家不能看到实物，不能知道实物和网上的图片到底有多大差距，质量如何等等。但是总的来说，网络购物还是优点大于缺点的，所以网络销售的形成乃是大势所趋。
（二）选题内容
雅蒙哈尼旗舰店是属于服装销售的网络店铺，是属于现在网络销售里份额占据比较大的一类。整个店铺的运营流程就是，先从市场选取最近比较流行的款式，然后选取服装模板，在购买布料加工成成品进入仓库。待成品入库后，把服装逐个拍好照片，在后台管理员界面进行商品的上架，对商品进行描述定价等等。
网站制作过程中，先用Photoshop对网站进行初步的设计，然后进行切片，保存所需要的素材以待使用。之后再用Dreamweaver进行初步的网站编写，做成网站的模板。本网站的制作主要是使用My Eclipse进行网站前台和后台的编码及制作，网站的数据库使用My SQL进行设计的。网站基本完成之后，后来又用Dreamweaver加了一些JavaScript和JQuery特效。待网址完成之后在Tomcat上进行发布，最后在浏览器上进行浏览即可。
二、网站内容模块介绍
根据对用户需求的调研和分析后，我们可以得出本网站开发需要设计两大类用户，即买家和卖家用户，买家即为本店的注册会员，卖家即为网站的后台管理人员，其中买家主要为选购衣物、加入购物车、下单操作。而卖家则主要为对买家的订单信息进行及时处理发货，以及利用本网站对本店铺的各类销售衣物信息进行动态管理和系统维护。因此，在需求分析前期阶段，我们可以确定本网站开发共设计的两类用户角色操作。
买家为选购衣物、加入购物车、下单、生成订单操作；
卖家则为在线处理用户订单，以及动态管理店铺各类信息。
本网站开发根据两类用户角色可分为前台注册用户操作部分和后台系统管理员操作部分，具体如下：
其中前台注册用户可查看亚蒙哈尼旗舰店出售的各类夏季T恤，2015年新款衣物、上装羽绒服、外套、大衣，以及下装西裤、运动裤等衣服，可了解各类衣服的详细信息和价格等，方便用户选购时比较价格。
前台注册用户可登录后加商品加入购物车，可对个人购物车数据进行管理操作，如移除购物车商品，下单操作。
前台注册用户可对我的购物车记录进行下单操作，会员只需要输入电话号码或者收件地址等信息就可以完成下单操作。
前台注册用户可对个人订单信息进行管理和维护操作，在卖家未发货之前，可取消订单，还可查看我的历史订单记录信息。
而卖家作为本店铺的后台系统管理人员，其在本网站的后台充当着对网站后台大量数据信息进行动态管理和维护操作。
卖家对本店铺的各类衣服信息进行动态管理和维护操作，可管理本店出售的夏款T恤、2015年新款衣物、上装下装等详细信息，可添加各类衣物信息。
卖家可对本店注册会员用户进行动态管理和系统维护操作，可管理本店的所有注册会员信息，可对注册会员信息进行更新和删除操作。
卖家可对本店注册会员的订单信息进行及时处理发货操作，可管理和维护本店注册会员的订单操作。
三、网站数据库设计
本网站的数据库设计如下：
表3-1 用户购物车信息表
编号
字段
类型
含义
主键
约束
1
Cid
Varchar(200)
购物车编号
是
2
coid
Varchar(200)
商品编号
非空
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2428.html
目 录 - 1 -
一、引言 - 1 -
（一）开发背景 - 1 -
（二）选题内容 - 1 -
二、网站内容模块介绍 - 1 -
三、网站数据库设计 - 2 -
四、网站流程图设计 - 4 -
（一）后台流程图 - 4 -
（二）前台流程图 - 5 -
（三）系统实体类设计 - 5 -
五、网站主体设计 - 5 -
（一）首页设计说明 - 5 -
（二）商品信息展示模块设计 - 6 -
（三）查看商品详情模块设计 - 8 -
（四）会员登录模块设计 - 10 -
（五）会员注册模块设计 - 11 -
（六）会员操作购物车模块设计 - 12 -
（七）会员查看我的新订单模块设计 - 15 -
（八）会员查看我的所有订单模块设计 - 16 -
（九）后台管理商品信息模块设计 - 17 -
（十）后台添加商品信息模块设计 - 19 -
（十一）后台处理新订单模块设计 - 22 -
（十二）后台查看所有订单模块设计 - 23 -
六、网站测试 - 24 -
总结 - 25 -
致谢 - 26 -
参考文献 - 27 -
一、引言
（一）开发背景
现如今，发展迅速的计算机网络已经很大程度上改变了我们的生活方式。从以前的市井小店，发展成现在的连锁超市、购物场所，又发展成了电子商务时代。时代在发展，社会在进步，不管是原来的市井小店还是现在的连锁超市等等，都已经不能满足现在人的消费水平了。网络购物最大的优点就是省时省力、省钱，消费者可以在网上进行商品交易。而且网络购物还非常省钱，因为服装可以直接从商家仓库发货，省去了传统的店面费、人工费等等费用。当然，事物既
*好棒文|www.hbsrm.com +Q: ^351916072*
迅速的计算机网络已经很大程度上改变了我们的生活方式。从以前的市井小店，发展成现在的连锁超市、购物场所，又发展成了电子商务时代。时代在发展，社会在进步，不管是原来的市井小店还是现在的连锁超市等等，都已经不能满足现在人的消费水平了。网络购物最大的优点就是省时省力、省钱，消费者可以在网上进行商品交易。而且网络购物还非常省钱，因为服装可以直接从商家仓库发货，省去了传统的店面费、人工费等等费用。当然，事物既有好的一面，那么它必然有坏的一面。例如：网络购物时，买家不能看到实物，不能知道实物和网上的图片到底有多大差距，质量如何等等。但是总的来说，网络购物还是优点大于缺点的，所以网络销售的形成乃是大势所趋。
（二）选题内容
雅蒙哈尼旗舰店是属于服装销售的网络店铺，是属于现在网络销售里份额占据比较大的一类。整个店铺的运营流程就是，先从市场选取最近比较流行的款式，然后选取服装模板，在购买布料加工成成品进入仓库。待成品入库后，把服装逐个拍好照片，在后台管理员界面进行商品的上架，对商品进行描述定价等等。
网站制作过程中，先用Photoshop对网站进行初步的设计，然后进行切片，保存所需要的素材以待使用。之后再用Dreamweaver进行初步的网站编写，做成网站的模板。本网站的制作主要是使用My Eclipse进行网站前台和后台的编码及制作，网站的数据库使用My SQL进行设计的。网站基本完成之后，后来又用Dreamweaver加了一些JavaScript和JQuery特效。待网址完成之后在Tomcat上进行发布，最后在浏览器上进行浏览即可。
二、网站内容模块介绍
根据对用户需求的调研和分析后，我们可以得出本网站开发需要设计两大类用户，即买家和卖家用户，买家即为本店的注册会员，卖家即为网站的后台管理人员，其中买家主要为选购衣物、加入购物车、下单操作。而卖家则主要为对买家的订单信息进行及时处理发货，以及利用本网站对本店铺的各类销售衣物信息进行动态管理和系统维护。因此，在需求分析前期阶段，我们可以确定本网站开发共设计的两类用户角色操作。
买家为选购衣物、加入购物车、下单、生成订单操作；
卖家则为在线处理用户订单，以及动态管理店铺各类信息。
本网站开发根据两类用户角色可分为前台注册用户操作部分和后台系统管理员操作部分，具体如下：
其中前台注册用户可查看亚蒙哈尼旗舰店出售的各类夏季T恤，2015年新款衣物、上装羽绒服、外套、大衣，以及下装西裤、运动裤等衣服，可了解各类衣服的详细信息和价格等，方便用户选购时比较价格。
前台注册用户可登录后加商品加入购物车，可对个人购物车数据进行管理操作，如移除购物车商品，下单操作。
前台注册用户可对我的购物车记录进行下单操作，会员只需要输入电话号码或者收件地址等信息就可以完成下单操作。
前台注册用户可对个人订单信息进行管理和维护操作，在卖家未发货之前，可取消订单，还可查看我的历史订单记录信息。
而卖家作为本店铺的后台系统管理人员，其在本网站的后台充当着对网站后台大量数据信息进行动态管理和维护操作。
卖家对本店铺的各类衣服信息进行动态管理和维护操作，可管理本店出售的夏款T恤、2015年新款衣物、上装下装等详细信息，可添加各类衣物信息。
卖家可对本店注册会员用户进行动态管理和系统维护操作，可管理本店的所有注册会员信息，可对注册会员信息进行更新和删除操作。
卖家可对本店注册会员的订单信息进行及时处理发货操作，可管理和维护本店注册会员的订单操作。
三、网站数据库设计
本网站的数据库设计如下：
表3-1 用户购物车信息表
编号
字段
类型
含义
主键
约束
1
Cid
Varchar(200)
购物车编号
是
2
coid
Varchar(200)
商品编号
非空
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2428.html
