鲜花销售网站的设计与实现.doc

内蒙古科技大学
本科生毕业设计说明书（毕业论文）

题 目：鲜花销售网站的设计与实现
学生姓名：
学 号：
专 业：
班 级：
指导教师：褚燕华老师
41

内蒙古科技大学毕业设计说明书（毕业论文）
鲜花销售网站的设计与实现
摘 要
随着互联网的快速发展，网上购物已经成为一种时尚。人们可以通过网络选择更多的商品。本网站是一个相对简单的系统，主要满足传统花店的运营需要，将自己的销售渠道扩展到网上，实现鲜花的在线销售。
鲜花销售网站的使用者主要是客户和销售管理者。对于客户来说，实现的功能包括鲜花浏览、根据关键字搜索鲜花、查看鲜花详细信息等。注册登陆后的客户还能实现加入购物车、购买支付、订单查询以及个人信息修改等。销售管理者登录后，可以对会员、鲜花和订单进行管理。
鲜花销售网站是在MyEclipse10环境中，采用MVC思想，分别从模型、视图、控制器三方面进行分层开发设计。该网站是基于浏览器/服务器结构（B/S），采用SSH2（Struts2+Spring+Hibernate）构建框架。数据库选用受大众喜爱的 MySQL数据库，用Java和JSP开发语言进行开发。
关键词：网购；鲜花销售网站；B/S结构；MVC；SSH2
内蒙古科技大学毕业设计说明书（毕业论文）
The Design and Implementation of Flower Sale Website
Abstract
With the rapid development of the Internet, online shopping has already become a kind of vogue. This website is a simple system relatively, which require the need of traditional store. In order to expending their sales channels, we develop the Flower Sale Website System.
The users of Flower Sale Website are customers and sales managers. The customers can skim through flowers, search flowers according to a keyword, look search details about each flower and so on. When customers log in, they can add to cart, pay for orders, manage the orders and so on. While sales managers log in, he can manage orders, flowers and members.
The Flower Sale Website has developed with MyEclipse10, using MVC ideas ,which according to model, view and controller three parts to design. The website is based on browser / server, using SSH2（Struts2 and Spring and Hibernate ）framework. The database choosen the MySQL, which is the most popular . The development language used Java and JSP.
Key words: Online shopping; Flower Sale Website; B/S; MVC; SSH2

内蒙古科技大学毕业设计说明书（毕业论文）
目 录
摘 要 I
Abstract II
第一章 绪论 1
1.1 研究背景 1
1.2 系统目标 1
1.3 可行性分析 1
1.3.1 经济可行性 2
1.3.2 操作可行性 2
1.3.3 法律可行性 2
1.3.4 技术可行性 2
1.4 课题意义 3
第二章 开发工具介绍 4
2.1 MyEclipse介绍 4
2.2 MySQL介绍 4
2.3 Tomcat介绍 4
2.4 Java语言介绍 5
2.5 Hibernate框架介绍 5
2.6 Struts 2框架介绍 5
2.7 Spring 框架介绍 5
第三章 鲜花销售网站的需求分析 7
3.1 网站功能分析 7
3.1.1 参与者 7
3.1.2 需求结构 7
3.2 主要功能描述 8
3.2.1 鲜花浏览 8
3.2.2 鲜花搜索 8
3.2.3 注册/登录/退出 8
3.2.4 购物车管理 8
3.2.5 在线支付 9
3.2.6 个人信息修改 9
3.2.7 订单管理 9
3.2.8 鲜花卖家后台管理 9
第四章 鲜花销售网站的总体设计 10
4.1 实体类 10
4.2 数据库设计模型 11
4.2.1 表结构设计 11
4.2.2 数据库表之间的关系 14
第五章 鲜花销售网站的详细设计 15
5.1 网站主要页面的详细设计 15
5.1.1 网站主页的详细设计 15
5.1.2 鲜花浏览页面的详细设计 15
5.1.3 鲜花详细信息页面的详细设计 16
5.1.4 登录页面的详细设计 16
5.1.5 个人信息修改页面的详细设计 17
5.2 网站主要功能的详细设计 18
5.2.1 关键字搜索的详细设计 18
5.2.2 鲜花浏览的详细设计 18
5.2.3 购物车管理的详细设计 19
5.2.4 注册/登录/退出的详细设计 20
5.2.5 会员修改个人信息的详细设计 22
5.2.6 订单管理的详细设计 23
5.2.7 鲜花卖家管理之鲜花管理详细设计 24
5.2.8 鲜花卖家管理之订单管理详细设计 25
5.2.9 鲜花卖家管理之会员管理详细设计 26
5.3 鲜花网站业务逻辑架构设计 27
第六章 鲜花销售网站的系统实现 29
6.1 鲜花销售网站主页的实现 29
6.1.1 主页页面的实现 29
6.1.2 主页的主要实现代码 30
6.2 鲜花浏览的实现 30
6.2.1 鲜花浏览页面的实现 30
6.2.2 鲜花浏览的主要实现代码 31
6.3 个人信息修改的实现 31
6.3.1 个人信息修改页面的实现 31
6.3.2 个人信息修改主要实现代码 32
6.4 购物车功能的实现 32
6.4.1 购物车页面的实现 32
6.4.2 购物车部分功能的主要实现代码 33
6.5 用户登录功能的实现 34
6.5.1 登录页面的实现 34
6.5.2 登录功能的主要实现代码 34
6.6 生成订单页面和代码的实现 35
6.7 鲜花管理之新品上架的实现 36
6.7.1 鲜花上架页面的实现 36
6.7.2 鲜花上架主要实现代码 37
总结 38
参考文献 40
致谢 41

内蒙古科技大学毕业设计说明书（毕业论文）
第一章 绪论
1.1 研究背景
随着互联网的快速发展，网上购物已经成为了一种时尚，越来越受到人们的喜爱。在网络销售的方式下，消费者足不出户也能完成购物。随着生活水平的不断提高，人们已经不再满足于简单的衣食温饱，而是越来越追求生活品质。鲜花作为生活中的点缀，也越来越成为生活所需。因为各个城市的人员流动比较大，异地送花也已经是件比较常见的事，所以传统花店相对来说已经比较不合时宜。在这个时候，鲜花销售网站就挑起了大梁，发挥了大作用。
本系统就是实现鲜花在线销售的一个网站。网上鲜花销售可以使消费者随时随地浏览鲜花信息，打破了时间和空间的局限，为消费者提供了便利。同时，网上鲜花销售降低了商家销售的成本，拓展销售渠道，可以赚更多的钱。在以后的生活中，该网站必然会真正融入人们的生活中。
1.2 系统目标
鲜花商家能够拓展销售渠道，出售更多的鲜花，同时降低成本，盈利；消费者可以随时随地选购鲜花，送出自己的心意。该网站主要实现了客户可以进行鲜花浏览、根据关键字搜索鲜花、查看鲜花详细信息、注册、登录、修改个人信息、添加鲜花到购物车、购买付款、订单管理等操作；鲜花销售管理者可以进行会员管理、鲜花管理、订单管理、搜索等操作。
1.3 可行性分析
为了更好的完成本次设计，在开始前，先进行可行性分析，再决定是否继续设计。而可行性研究的目的，就是用最小的代价在尽可能短的时间内确定问题是否能够解决。
1.3.1 经济可行性
本次设计过程中，所需要的软硬件条件有电脑、MyEclipse10、MySQL、Tomcat、Dreamweaver等等，而这些软硬件平时都要用到，所以早已具备，并没有什么经济支出。此次设计的网站规模小、设计过程所需的时间总体上也不算长，所以经济成本相对比较小。所以，经济上是可行。
1.3.2 操作可行性
鲜花销售网站与别的购物网站并没有多大的区别，对于经常网购的人来说，操作上并没有什么问题；而对于不怎么网购的人来说，也是比较容易学习。所以，操作上可行的。
1.3.3 法律可行性
这个网站是本人的毕业设计，从页面效果布局到后台代码均有本人设计完成，并不存在什么侵犯别人的合法权益等事件。本人所用到的软件和框架等都是可以合法使用的，所以，法律上可行的。
1.3.4 技术可行性
鲜花销售网站所涉及的技术有SSH2技术，该技术是由Struts2、Spring、Hibernate集成的框架。这种框架是目前比较流行的一种Web应用程序开源框架，越来越多的程序员使用这个框架进行开发，所以SSH2胜任鲜花销售网站的设计与开发。数据库选用为比较流行的MySQL数据库，该数据库开放源码而且供开发者免费试用。用Hibernate对数据进行操作。Hibernate其实就是JDBC的封装，简化了JDBC的编码，使得程序员可以更好将精力放在业务逻辑上。所以，技术是可行的。
综合以上的可行性分析，鲜花销售网站可以进行开发。
1.4 课题意义
鲜花销售网站是在网上消费方式盛行的趋势下，紧跟时代的潮流，抓住市场机遇融入社会，满足顾客需求，为客户提供更好的服务。对于客户来说，主要是便利，不用考虑时间和地域因素，只要有网络，随时随地下单；同时，客户可以更直观的看到各种鲜花及其介绍，可以随心所欲的进行选购。对于销售管理者来说，从根本上降低了商家销售的成本。鲜花销售网站的实现顺应当下潮流，既方便买主挑选鲜花，又能为卖家节约成本，更好的创造财富。使用鲜花销售网站好处主要有以下几点：
1、只要有网络，客户就可以随时随地进入网站主页浏览鲜花，查看鲜花详细信息。
2、客户在鲜花浏览页面可以根据时间、价格或者销量来选择鲜花显示的顺序。客户还能在搜索栏直接输入关键字来搜索鲜花，这样能使客户更直观的选择自己想要鲜花，节约时间。
3、销售管理者可以在网站上及时更新订单状态和鲜花信息，同时能够管理网站的会员，维护网站秩序。
第二章 开发工具介绍
2.1 MyEclipse介绍
MyEclipse，全称MyEclipse Enterprise Workbench，是一个包含了完整的设计开发以及发布，在eclipse的基础上同时又融入了许多插件的开发环境。MyEclipse功能强大，能得到多种技术支持如HTML、JSP等，方便程序员开发。
2.2 MySQL介绍
MySQL是一个小型关系型数据库管理系统。虽然MySQL的规模和功能不及Oracle、SQL Server等数据库，但是由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为数据库。而且对于一般的个人使用者和中小型企业来说，MySQL提供的功能已经绰绰有余。
2.3 Tomcat介绍
Tomcat是一个供开发者免费使用的服务器，一般用于开发规模一般的系统。同时，Tomcat也是JSP页面运行和调试过程中首要的选择。它不仅不花钱，而且它的功能也很强大，方便大家使用。Tomcat是Servlet的运行环境，是JSP和Servlet规范的标准实现，具备了很多商业Java Servlet容器的特性。Tomcat没有繁琐的安装步骤，只需要拷贝到电脑的某个盘，然后在MyEclipse10里配置一下就可以使用。而且与别的Java Web 服务相比较，Tomcat还具备适用群体更加广泛、更加经济开源、性能更加优越等优势，所以更加适合用来开发。
2.4 Java语言介绍
Java是一款面向对象又可以跨平台运行的编程语言，目前在全球IT界是很受欢迎，不少培训机构专门为此推出了各种班吸引生源。Java是基于对象的编程，更符合我们的思维方式，方便我们编写代码。实际上，Java很多特性其实就是对C和C++的进行继承，对其进行“去其糟粕，取其精华”。
2.5 Hibernate框架介绍
JDBC不断重复繁琐的编码方式给Hibernate诞生的提供了一个机遇。Hibernate是一个对象/关系数据库映射（ORM）工具，也是一个封装了JDBC相关操作的框架，简化了创建、更新、读取和删除（CURD）操作。程序员使用这个框架就不再需要写面向关系的SQL语句，只是使用面向对象的方法，既简化了编码，也可以更好的完成业务逻辑这一块。Hibernate是通过数据库和配置来提供持久化，对解决Java持久化层做出了巨大的贡献。
2.6 Struts 2框架介绍
Struts2是一个集合了部分Struts1优点同时又以WebWork为设计核心供程序员免费使用的MVC框架。以前的MVC框架死板不够灵活、也无法扩展，此时拦截器发挥了巨大的作用，通过它可以使Web开发中的某些应用变得简单。Struts2就是利用了拦截器，将核心功能放置在拦截器中，拦截器则自由组合，从而使得系统的解耦更加方便、灵活。拦截器，就是一个递归的过程。
2.7 Spring 框架介绍
由于企业的系统开发程度越来越来复杂，面向对象固然会使得简化系统实现步骤。可是毕竟也是有一定限度的，超过限度面向对象的方法就不够用了，发挥不了多大作用。为了解决这一问题而创建Spring框架。Spring框架核心机制就是依赖注入。通过Spring框架，我们不用在Service层在new一个Dao对象而直接用Resource注入就行。从技术上看，Spring是封装得很清晰的一个分层架构。
第三章 鲜花销售网站的需求分析
3.1 网站功能分析
3.1.1 参与者
鲜花销售网站的主要参与者有：销售管理员（鲜花卖家）、会员（客户）、网站浏览者（未注册）。
3.1.2 需求结构
鲜花销售网站主要是虚拟鲜花店铺实现鲜花买卖的功能，其需求可以分为前台需求和后台需求两方面。前台需求，就是鲜花买主能够进行的操作；而后台需求就是卖家的对网站管理操作。通过需求分析，设计出鲜花销售网站的需求结构，如图3.1所示。

图3.1 鲜花销售网站的需求结构
3.2 主要功能描述
3.2.1 鲜花浏览
导航栏上有首页、新品上市和鲜花类别（鲜花、永生花、精品花篮等）。网站浏览者可以根据自己需要，单击某一类别进入鲜花浏览页面。在该页面，在鲜花浏览页面，网站浏览者也可以根据时间、价格或者销量来选择鲜花显示的顺序，以方便自己更具有目的性的进行选择。当选好某一鲜花，点击鲜花图片就可以进入鲜花详细页面，该页面有鲜花的名称、价格、销量和鲜花的介绍等详细信息，并且在该鲜花的下方有销量最前的几束鲜花推荐供网站浏览者参考。已经登录过的网站浏览者在鲜花详细页面还可以实现加入购物车和直接购买的功能，未登录的浏览者点击则会直接跳转至登录页面。
3.2.2 鲜花搜索
网站浏览者可以在搜索栏输入自己想要的鲜花的关键字，单击“搜索”，页面自动转至搜索反馈页面并显示搜索到鲜花供浏览者选择。
3.2.3 注册/登录/退出
如果还没有在鲜花销售网站注册过的网站浏览者（即游客）可以在首页左上方单击“免费注册”进入注册页面，填好相应的信息进行注册，然后再进行登录；而已经注册过的网站浏览者（即会员）就可以单击“还未登录”、“鲜花小窝”、“购物车”等地方进行登录。已经登录后会员在网站的上方或者鲜花小窝单击“退出”按钮实现退出。
3.2.4 购物车管理
已经登录的会员在鲜花详细页面可以将鲜花加入购物车，加入数量为1，页面直接跳转到购物车页面。在网站的最上方有“购物车”按钮，单击进入购物车页面，该页面有“+”、“-”和删除按钮可以进行购物车管理。其中“-”按钮在数量为1时，如果再操作“-”将无法执行，如需其执行就要进行删除操作。在购物车页面还能进行鲜花购买和鲜花推荐。
3.2.5 在线支付
已经登录后的会员点击“购买”后，进入填写订单页面，主要填写地址、收件人等重要信息，页面跳转至订单详细页面，然后确定订单。然后跳转到支付银行选择的页面，会员选择好银行（默认为建设银行），单击确认。页面弹出确认支付提示框，确定则转入支付页面完成支付操作；取消则支付取消。
3.2.6 个人信息修改
已经登录后的会员单击网站右上方“鲜花小窝”，页面转入鲜花小窝页面。在鲜花小窝页面，会员可以选择“信息修改”进行个人信息修改。信息修改完成后，会员将退出提示需要重新登录。
3.2.7 订单管理
已经登录后的会员在鲜花小窝页面，点击“订单查询”，进入订单管理页面，该页面会显示该会员所有订单，会员可以在这个页面根据订单的状态对订单进行付款、签收、删除等操作。
3.2.8 鲜花卖家后台管理
（1）会员管理：销售管理员登录后进入管理页面，可以选择“会员管理”进行分页查看会员，并进行管理。其中订单管理也与之类似。
（2）鲜花管理：销售管理员在管理页面单击“鲜花管理”进入鲜花管理页面可以查看鲜花记录，在操作栏还能进行查看和删除操作；在鲜花详细信息页面还能对鲜花进行修改；同时销售管理员也可以实现新品上架和鲜花类别管理等操作；销售管理员根据导航栏查看网站鲜花信息。
第四章 鲜花销售网站的总体设计
4.1 实体类
参照需求分析可以总结出订单、鲜花、购物车、鲜花类别、用户、订单明细和购物车明细七个实体类。鲜花实体是用于保存鲜花信息，描述某一鲜花的详细信息；鲜花类别实体是用于保存鲜花类别，描述某一鲜花是属于什么类别，如属于鲜花花束类别；订单实体是用来保存订单详细信息；订单明细用于保存购买鲜花的编号、数量、价格及小计；用户实体是用于保存买家信息。购物车是用来保存用户可能要购买的鲜花，购物车明细是用来保存预计购买鲜花的编号、数量及价格。这些实体类之间的关系如图4.1所示。

图4.1 实体之间的关系
4.2 数据库设计模型
4.2.1 表结构设计
结合需求分析和实体结构规划，设计出相应的表结构。鲜花、鲜花类别、订单、订单明细和用户将会用数据库的表结构存储相应的信息。为了方便起见，购物车和购物车明细不采用表结构存储，而是使用session存储在服务器。所以该系统有鲜花表、鲜花类别、订单表、订单明细表和用户表五张表结构。
会员表是用来存储会员的详细信息。该表的字段有用户序号、用户名称、密码、联系方式、状态和角色，其中用户号是主键。详细设计如表4.1所示。
表4.1会员表
字段标识
字段名称
数据类型
大小
约束
默认值
id
用户序号
varchar
255
PK，NN

username
用户名称
varchar
255
NN

password
密码
varchar
255
NN

phone
联系方式
varchar
255
NN

satus
状态
int
11
NN
0
role
角色
int
11
NN
0
鲜花类别表是用来存储鲜花类别的详细信息。该表有鲜花类别编号（id）和鲜花类别名称（name）两个字段，其中鲜花类别编号式主键，不是自动生成，需要自己输入。详细设计如表4.2所示。
表4.2 鲜花类别表
字段标识
字段名称
数据类型
大小
约束
默认值
id
鲜花类别编号
varchar
255
PK，NN

name
鲜花类别名称
varchar
255
NN

鲜花表是用来存储鲜花的详细信息。该表的字段有鲜花编号、鲜花名称、描述、图片（四个）、销量、价格、鲜花类别和上架时间。其中鲜花编号是主键，鲜花类别是外键，建立了鲜花表与鲜花类别表之间的联系，说明该鲜花是属于哪个类别。详细设计如表4.3所示。
表4.3鲜花表
字段标识
字段名称
数据类型
大小
约束
默认值
flowerId
鲜花编号
varchar
255
PK，NN

name
鲜花名称
varchar
255
NN

description
描述
varchar
255
NN

image
图片
varchar
255
NN

image2
图片
varchar
255
NN

image3
图片
varchar
255
NN

image4
图片
varchar
255
NN

num
销量
int
11
NN
0
price
价格
float

NN

id
鲜花类别
varchar
255
FK，NN

addtime
上架时间
datetime

NN

订单表是用来存储订单的详细信息。该表的字段有订单号、创建人、订单流水号、订单量、合计、订单状态、下单时间、收件人、收件地址、联系电话和祝福，其中订单号是主键，创建人是外键。创建人这个外键建立了订单表与会员表之间的联系，说明该订单是由哪个会员创建。订单状态是int型，有未付款状态（用0表示）、取消状态（用1表示）、订单已移除状态（用2表示）、已付款状态（用3表示）、已发货状态（用4表示）、已签收状态（用5表示）、用户已移除（用6表示）七个状态。详细设计如表4.4所示。
表4.4 订单表
字段标识
字段名称
数据类型
大小
约束
默认值
id
订单号
varchar
255
PK，NN

userid
创建人
varchar
255
FK,NN

ordersnum
订单流水号
varchar
255
NN

allnum
订单量
int
11
NN

totalprice
合计
float

NN

status
订单状态
int
11
NN
0
otime
下单时间
timestamp

NN

receiver
收件人
varchar
255
NN

reAddress
收件地址
varchar
255
NN

reTelephone
联系电话
varchar
255
NN

goodwishes
祝福
varchar
255

订单明细表是用来存储订单明细的详细信息。该表的字段有订单明细号、鲜花数量、单价、小计、鲜花号和订单号，其中订单明细号是主键，鲜花号和订单号是外键。鲜花号创建了订单明细表与鲜花表之间的关系，说明该订单明细里的鲜花是哪束。订单号创建订单明细表和订单表之间的关系，说明该订单明细属于哪个订单。详细设计如表4.5所示。
表4.5 订单明细表
字段标识
字段名称
数据类型
大小
约束
默认值
id
订单明细号
varchar
255
PK，NN

num
鲜花数量
int
11
NN

price
单价
float

NN

subtotal
小计
float

NN

flowerId
鲜花号
varchar
255
FK，NN

orderid
订单号
varchar
255
FK，NN

4.2.2 数据库表之间的关系
根据4.2.1节表结构设计，用PowerDesigner软件，依次录入各个表的字段，设置各个表之间的外键关系，得到表之间的关系，如图4.2所示。从图中可以看出user和orders有外键关系、orders和orderItem有外键关系，orderItem和flower有外键关系、flower和flowertype有外键关系。

图4.2 表之间的关系
第五章 鲜花销售网站的详细设计
5.1 网站主要页面的详细设计
5.1.1 网站主页的详细设计
该网站的主页可以分为顶部导航、搜索栏、导航栏、图片展示、热销商品显示和底部六个部分。如果普通用户浏览网站，顶部导航左边将显示欢迎词、登录和注册；如果会员登录后浏览网站，该部分将显示的是欢迎词、该用户的用户名和退出。顶部导航右边将显示鲜花小窝、购物车和管理登录。如果会员登录后浏览网站，该部分将显示鲜花小窝和购物车；如果销售管理员登录后浏览网站，该部分将显示的我的微店。导航栏显示的是首页、新品上架和鲜花类别。图片展示采用了JS特效，主要是用于美化页面。底部显示的版权信息和联系方式。详细设计如图5.1所示。

图5.1 网站主页的详细设计
5.1.2 鲜花浏览页面的详细设计
鲜花浏览页面和主页的不同点就在于导航栏和底部之间的部分。该部分是用来显示鲜花的，里面有鲜花类别显示、小按钮（时间、销量、价格）、鲜花总数和分页按钮，中间部分是用于显示鲜花。其中新品上架页面、搜索结果显示页面与该页面相似，所以就不做介绍。页面布局如图5.2所示。

图5.2 鲜花浏览页面
5.1.3 鲜花详细信息页面的详细设计
鲜花详细信息页面和主页的不同点也在于导航栏和底部之间的部分。该部分分为两大部分，分别是鲜花详细信息介绍和推荐区。鲜花详细信息介绍左侧是鲜花名和鲜花图片显示，右侧是文字描述、加入购物车和直接购买。推荐区是用来显示其他用户购买的鲜花（主要就是销量好的鲜花）。其中购物车页面结构与该页面相似，所以就不再画图说明。详细设计如图5.3所示。

图5.3 鲜花详细信息页面的设计
5.1.4 登录页面的详细设计
登录页面主要提供会员登录的功能，页面整体风格简明清新。鲜花网用户登录小框后面加了JS特效实现了图片轮播效果，用于美化页面。鲜花网用户登录小框上有登录表单，表单下方是登录按钮，而登录按钮下方有两个页面链接，分别链向首页和注册页面。其中注册页面和管理员登录页面与该页面相似，就不再画图说明。详细设计如图5.4所示。

图5.4 登录页面的设计
5.1.5 个人信息修改页面的详细设计
个人信息修改页面和主页不同点也在于导航栏和底部之间的部分。该部分的左边是鲜花小窝菜单，分别有信息修改、订单查询和退出。该部分的右边修改信息的表单及更改按钮。其中鲜花卖家后台管理页面、订单生成页面以及会员订单查询页面的布局与该页面相似，所以将不画图说明。详细设计如图5.5所示。

图5.5 个人信息修改页面
5.2 网站主要功能的详细设计
5.2.1 关键字搜索的详细设计
网站浏览者访问鲜花销售网站时，在搜索栏键入需要搜索鲜花的关键字后，点击搜索就可以执行。详细过程用流程图表示，如图5.6所示。

图5.6 关键字搜索流程图
5.2.2 鲜花浏览的详细设计
网站浏览者访问鲜花销售网站主页时，选择导航栏某一类别进入某一类别下的鲜花的浏览。在该页面下，浏览者可以选择上架时间、价格、销量对鲜花进行排序分页显示。在该页面可以选择自己心仪的花单击进入鲜花详细介绍页面，可以查看鲜花的详细信息，也可以选择加入购物车或者直接购买，如果浏览者未登录跳转至登录页面，否则操作执行，鲜花的下方有商品推荐，在主页下拉页面也可以看到热销商品。详细过程用流程图表示，如图5.7所示。

图5.7 鲜花浏览的流程图
5.2.3 购物车管理的详细设计
网站浏览者浏览鲜花时看到心仪的鲜花，可以单击加入购物车。如果此时浏览者未登录则页面转到登录页面；已登录的会员成功加入购物车，并且页面转入购物车页面，会员可以在该页面修改购物车里鲜花的数量、甚至删除某一鲜花。详细过程用流程图表示，如图5.8所示。

图5.8 会员操作购物车流程图
5.2.4 注册/登录/退出的详细设计
未完成网站的注册的用户访问鲜花销售网站时选择注册功能，网站对注册信息有简单的验证。通过验证后，提示注册成功并且3秒跳转登录页面。详细过程用流程图表示，如图5.9所示。

图5.9 注册会员流程图
已经登录的会员，在鲜花小窝页面或者页面顶部单击“退出”，提示确认退出？确认，就成功退出。详细过程用流程图表示，如图5.10所示。

图5.10 会员退出流程图
已经注册完成的会员在输入用户名和密码，提交。通过网站验证后成功登录，页面转入鲜花网站主页面。详细过程用流程图表示，如图5.11所示。

图5.11 会员登录流程图
5.2.5 会员修改个人信息的详细设计
登录后的会员，在鲜花小窝选择“信息修改”，填写完信息并且提交。检查密码是否有空，若为空则提示不能为空；若不为空，检查输入信息是否合理，合理的话修改成功，并且退出登录，页面转入修改成功页面。同时提示3秒后跳转到登录页面。详细过程用流程图表示，如图5.12所示。

图5.12 会员个人信息修改流程图
5.2.6 订单管理的详细设计
已登录的会员，在鲜花小窝页面选择“订单查询”，可以进行订单管理。订单的状态有“未付款”、“订单已取消”、“订单已移除”、“未发货”、“已发货”、“已完成”和“用户已移除”七个状态。根据状态的不同，可以有不同的操作选择。订单的状态顺序有两条线：一条线是订单成功完成；另一条线是中途取消。所以订单基本流程是：先付款，再发货，最后签收完成买卖。而取消订单在付款前。所以在付款前，会员有查看、付款、修改和取消四个操作；如果选择取消选项处于订单已取消状态，会员可以进行查看和删除。付完款之后发货之前，会员有查看和修改选择。卖家发货之后，会员可以对查看该订单并且签收成功完成交易。订单完成之后，会员可以查看订单或者说不想看到该订单可以选择删除选项从自己的订单管理页面删除。详细过程用流程图表示，如图5.13所示。

图5.13 会员相关订单操作流程图
5.2.7 鲜花卖家管理之鲜花管理详细设计
已经登录后的鲜花卖家，在鲜花后台页面选择鲜花管理，转入鲜花管理页面。该页面分页显示鲜花信息。在该页面可以选择“下架”和“修改”对鲜花进行相应操作，同时在左边标题栏的右边的搜索栏输入关键还能搜索。选择左边标题栏中的新品上架，进入新品上架页面，录入鲜花的详细信息，检查录入信息是否为空，若不为空就上架成功。选择“鲜花类别”，可以对鲜花的类别进行添加、修改、删除的管理。在鲜花类别管理页面，鲜花卖家可以添加鲜花类别、删除鲜花类别和修改鲜花类别。添加鲜花类别在页面输入鲜花类别信息点击添加就行，修改鲜花类别单击修改弹出输入框输入提交，删除鲜花类别单击弹出提示框“该类别下的鲜花均会删除，确认删除？”，单击确认该类别连同该类别下的鲜花都会被删除，所以需谨慎。详细过程用流程图表示，如图5.14所示。

图5.14 鲜花卖家鲜花管理流程图
5.2.8 鲜花卖家管理之订单管理详细设计
鲜花卖家登录后选择订单管理，进入订单管理页面，该页面有已完成订单和未完成订单两栏。根据该订单状态会给卖家相对应的操作管理选项选择。详细过程用流程图表示，如图5.15所示。

图5.15 鲜花卖家管理之订单相关流程图
5.2.9 鲜花卖家管理之会员管理详细设计
鲜花卖家登录后，单击鲜花后台管理页面的会员管理，进入会员管理的页面，可以实现分页浏览会员信息。在操作栏还可以单击“禁用”或者“解禁”操作，二者不会同时存在，根据其状态显示。禁用就是禁止会员登录，解禁就是重新允许会员登录。详细过程用流程图表示，如图5.16所示。

图5.16 鲜花卖家会员管理流程图
5.3 鲜花网站业务逻辑架构设计
视图层解决前台交互方面，控制层管理用户通过页面提交的请求，模型层处理业务逻辑。SSH2开发架构基本上体现了MVC的思想。SSH2的框架图如图5.17所示。

图5.17 SSH2框架图
Struts2用于响应处理用户通过视图层提交请求的工作，根据请求中的方法在Struts2的配置文件找到相对应的Action方法。最后又将处理结果根据Struts的配置文件找到相应的页面，将请求结果反馈给视图层。Spring是控制模型层的主控制器，主要负责把请求配送到模型层中的不同模块中，同时也负责将需要返回的返回结果返回相应的视图层。Hibernate主要负责对象化映射以及和数据库中数据的交互，处理Dao的请求。根据它们不同的分工，SSH2的大致工作流程是这样的。当发现页面请求后，根据Struts的配置文件找到对应的Action及其方法。在Action实现的方法里调用Service层，又根据Service的方法实现中调用Dao层，然后在Dao层的实现中使用Hibernate实现数据持久化。然后根据返回结果在Struts的配置文件找到返回的页面。而在这个过程中，Spring主要实现的是依赖于注入功能控制模型层。
根据MVC的思想搭建网站框架，网站的工程图如图5.18所示。

图5.18 网站的工程图
第六章 鲜花销售网站的系统实现
系统实现也是设计过程中最主要的一部分，也是比较难的部分，就是将网站功能进行页面实现和用代码实现，主要挑选几个主要功能进行详细的页面实现和代码的实现解释。
6.1 鲜花销售网站主页的实现
6.1.1 主页页面的实现
根据页面的详细设计来实现页面。主页页面顶部导航背景颜色是灰色，其中购物车的前面还有一个小车的图标。搜索栏的文本框设置了placeholder属性，在没有输入内容之前文本框会有“输入关键字”的提示，输入内容后提示的内容消失。来导航栏背景颜色采用黑色，字体的颜色用白色。图片显示显示三张图来实现轮播。详细如图6.1所示。

图6.1 鲜花销售网站主页页面
6.1.2 主页的主要实现代码
主页主要就是为了显示导航条中搜索出全部鲜花类别的名称以及热销商品。
Action里的 typeList()方法中关键代码如下：
List<FlowerType> flowertype=this.flowerService.findAllType();
session.setAttribute("types", flowertype);
String hql="from Flower f order by f.num DESC";
List<Flower>flower=this.flowerService.findhotFlower(hql, 0, 11);
ServletActionContext.getRequest().setAttribute("hotf",flower);
6.2 鲜花浏览的实现
6.2.1 鲜花浏览页面的实现
任意选择鲜花的类别进入鲜花分页浏览页面。如图6.2所示，基本结构与主页类似。该页面设置了每页显示鲜花的数量为12，这样就不会因为鲜花浏览页面过长而影响浏览者浏览时的心情。同时导航栏右下角有鲜花总数的显示，将显示的数量的字体做了斜体处理，看起来更加引人注意。而且当点击某一鲜花图片时，图片会向上小浮动并且该DIV块的边框颜色变为红色。

图6.2 某一类别下的鲜花浏览
6.2.2 鲜花浏览的主要实现代码
该页面主要就是根据某一分类下的鲜花分页显示。