SSM旅行社网站

摘 要

旅游业是一个信息密集型产业，传统的旅游景点门票售卖受到技术和人力的限制，旅行社网站则可以建立景区与游客之间的有效通道，能更好的满足游客便捷旅游的需求。旅行社网站的设计是基于SSM框架、Mysql数据库、JSP技术、Ajax技术的方式设计，该系统实现了个人资料、公共管理（轮播图、网站公告）、用户管理（管理员、普通用户、卖家）、信息管理、旅游产品、订单等功能，卖家个人资料、旅游产品管理和订单管理等功能，以及用户的首页、网站公告、旅游资讯、旅游产品、在线购买等功能，用户可以在线进行旅游产品信息的搜索以及查看，可以便捷的进行在线购买旅游产品操作。

关键词：Mysql数据库；SSM框架；旅游

SSM Travel Agency Website

Abstract

The tourism industry is an information intensive industry, and traditional ticket sales for tourist attractions are limited by technology and manpower. Travel agency websites can establish effective channels between scenic spots and tourists, which can better meet the needs of tourists for convenient tourism. The design of a travel agency website is based on the SSM framework, MySQL database, JSP technology, and Ajax technology. The system implements functions such as personal information, announcement management (broadcast images, website announcements), user management (administrators, ordinary users, sellers), information management, tourism products, orders, etc. The seller's personal information, tourism product management, and order management, as well as the user's homepage, website announcements, tourism information, etc Functions such as tourism products and online purchases allow users to search and view tourism product information online, making it convenient to purchase tickets online.

Key words:mysql database; SSM framework; Travel

目  录

第1章 绪论

1.1 研究背景

1.2 开发现状

第2章 相关技术介绍

2.1开发技术

2.2 MVVM模式

2.3 B/S结构

2.4 SSM框架

2.5 Mysql数据库

第3章 系统分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 经济可行性

3.1.3 社会可行性

3.2 系统功能需求

3.3 系统性能需求

3.4 业务流程分析

3.5 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 总体结构设计

4.3 功能模块设计

4.3.1 用户模块

4.3.2 管理员模块

4.4 数据库设计

4.4.1 概念设计

4.4.2 逻辑设计

第5章 系统实现

5.1 数据库连接模块的实现

5.2 登录模块的实现

5.3 用户模块的实现

5.4 管理员模块的实现

第6章 系统测试

6.1 测试环境

6.2 测试目标

6.3 功能测试

6.4 测试结果

第7章 总结与展望

参考文献

致谢

1. 绪论
   1. 研究背景

旅行社网站作为信息技术与旅游业高度结合的产物，旅游市场营销的一个重要发展趋向就是人本化、信息化和高效化。无疑就是这一发展趋势的集中体现。1999年，世界旅游组织明确将旅游网络作为信息时代旅游市场营销的重要的战略方式和手段。明确的信息传递是旅游业的天性，这就意味着因特网和网络技术在提升旅游目的地竞争力和市场营销方面的重要作用。互联网的交互性、实时性、丰富性和便捷性等优势促使传统旅游业迅速融入网络经济的浪潮之中。现在全球电子商务交易总额中，旅游电子商务已占到1/5份额，成为全球电子商务的第一行业。网络作为新的旅游信息平台，为旅游业的发展提供了新的契机。旅游业竞争日益激烈

另一方面也使得旅游网络营销成为各个国家、地区和旅游企业在市场竞争中求全获胜的重要法宝。许多旅游企业通过加入全球分销系统、旅游产品预订系统，现代科技尤其是现代交通与通讯技术、计算机与网络技术的发展一方面使越来越多的人从事旅游活动成为可能。或组建专门旅行社网站进行全球性的网络营销，以借此提升竞争力。旅游方式的个性化与散客化越来越多的旅游者倾向于选择独具特色的旅游目的地进行自助旅游。

1. 1. 开发现状

中国旅行社网站经过多年的建设发展，形成了多种网站类型共存的市场格局。按网站运营商性质的不同，可以分为以携程、同程网站为代表的在线旅游服务代理商;中青遨游网等传统旅游服务商线上分支网站;七天连锁酒店、国航等为代表的酒店、传统航空公司的直销网站;以去哪儿网站为代表的垂直旅游搜索引擎;此外，还有雅虎、搜狐等门户网站的旅游频道;蚂蜂窝为代表的旅游社交网站;景区景点建立的网站如伪满皇宫博物院网站(http: /l.cn)，以及各地方政府建立的官方旅行社网站等多种类型。其中以华夏旅游网、中华行知网为代表的第一代B to C网站奠定了中国旅游电子商务的基础;以携程、艺龙为代表的第二代旅行社网站极大的促进了中国在线旅游以"机票+酒店"商旅为主的市场的发展;以淘宝、去哪儿、酷讯等为代表的第三代旅行社网站以成本优势促进了在线机票、在线酒店预订市场的发展;以途牛、悠哉、驴妈妈为代表的第四代旅行社网站，以新型旅游产品如自由行、线路跟团等刺激了在线休闲度假市场的发展。

中国旅行社网站类型虽然众多，但发展并不均衡，并没有完全覆盖在线旅游的各个环节，形成闭环经济。其中以在线旅游服务代理商、旅游搜索类型网站发展相对成熟，旅游点评和社交类网站发展成熟度较低，旅游激励、旅游计划等模式还没有发展起来。

统计显示，2003年至2012年近10年间，中国网上旅行预订市场规模一直保持高速增长，而且在未来几年中，这一趋势仍将持续(见图1)。2012年中国在线旅游市场交易规模为1729.7亿元，与2011年的1313.9亿元相比增长31.6%。中国旅行社网站市场极具发展潜力。但是，从目前中国旅行社网站使用者成分来看，境外访客数量所占比例较小，这意味着国内旅行社网站在扩大境外知名度、扩张海外业务等方面有一定的发展空间。

据调查统计，截至2012年12月底，中国网民总人数达5.64亿，数量居全球各国首位，在线旅游网民规模达1.12亿，占网民总数的19.8%，互联网渗透率不到美国等发达国家的1/3。虽然中国在线旅游渗透率低，但增速可观。随着中国互联网渗透率的进一步提升，未来选择在线渠道解决旅行问题的用户将越来越多。同时，中国在线旅游网民的数量约为美国的1.5倍，中国休闲旅游比例却不到美国的1/3，因此有理由推断，随着中国人均可支配收入的持续增长和人们出行观念的变化，休闲旅游将进一步壮大，将超过商务出行占据在线旅游行业的主导地位。而且随着在线消费者需求的升级，自由行、出境游将是在线休闲度假的主体，并将进—步带动租车、门票、演出、游轮等在线旅游产品的快速成长。

1. 相关技术介绍
   1. 开发技术

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的ssm框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用ssm作为开发框架，同时集成MyBatis、Redis等相关技术。

1. 1. MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

1. 1. B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

1. 1. SSM框架

SSM即SpringMVVM+Spring+MySQL，这三个框架有各自最独有的优势，那么将它们组合在一起能够碰撞出很强的火花。设计者在不需消耗大量功夫，能做出Web应用程序，而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点。这个复合框架形成一个有着结构完整、功能强大和结构良好的体系：SpringMVVM使各板块分离，Spring使开发更灵活方便，让开发者直接对对象进行操纵，各层次分工明细，并实现各个层次间的解耦，让代码更加的灵活精简。这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏，也能在后期应对客户对产品提出的新需求。

1. 1. Mysql数据库

Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷[8][9]。

针对本文中设计的旅行社网站在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对旅行社网站后台数据进行存储操作[10][11]。

1. 系统分析
   1. 可行性分析

开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。

1. 1. 1. 技术可行性

技术可行性主要考虑当前项目所用的技术是否能够符合，在设备上是否能够满足，及各种辅助工具是否提供帮助。本系统用的是推荐算法，调试相对简单，当前的计算机硬件配置也完全能满足开发的需求，因此在技术上是绝对可行的。软件方面：由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低，完全能满足系统的需求。采用Java编程语言，已无技术上的问题。

1. 1. 1. 经济可行性

系统所采用的SSM框架和Mysql后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式，也是选用了成本较低的B/S模式，所以经济上几乎没任何问题。

1. 1. 1. 社会可行性

本系统是自行开发的系统，以方便在线进行用户可以对景区信息快速搜素了解以及门票在线购买为出发点，是具有实际意义的系统，开发的环境软件和用到的数据库也都是开源代码，不存在侵权等问题，所以在社会方面也是可行的。

1. 1. 系统功能需求

用户用例图如下所示。

图3-1 用户用例图

管理员用例图如下所示。

图3-2 管理员用例图

卖家用例图如下所示。

图3-3 卖家用例图

通过对用例图的分析和调查，根据本系统的实际需要，从用户角度提出需求功能如下：

1.管理员功能需求：

用户管理模块：包括普通管理员、卖家和普通用户的管理，可以查看用户基本信息，并实现对用户信息的增加、删除、查询等功能。

公共管理：包括轮播图与网站公告，管理员可以添加、查询或删除轮播图和网站公告。

信息管理：管理员可以新增、删除或查询旅游资讯信息，并进行分类。

旅游产品管理：管理员可以新增、删除或查询旅游产品。

订单管理：管理员可以查看订单的详细信息。

产品分类管理：管理员可以对旅游产品进行分类管理。

1. 卖家功能需求：

   个人资料：卖家可以修改个人信息与修改密码。

旅游产品：卖家可以发布旅游产品资料。

订单列表：卖家可以查看自己发布的旅游产品。

3.用户功能需求：

用户注册模块：将用户信息录入数据库，用户利用注册的账号以及密码登录系统，浏览查看各种信息，添加部分信息；

首页：用户可以查看首页内容。

个人中心：用户可以修改个人资料与个人密码，管理个人收货地址，查看订单与购物车等。

旅游产品：用户可以筛选旅游产品，并实行在线购买。

旅游资讯：用户可以浏览旅游资讯，并可点赞收藏与评论。

1. 1. 系统性能需求

评判一个系统好坏的一项重要指标就是性能，下面是对此系统的一些性能进行阐述。

1.系统的安全性和稳定性: 旅行社网站在管理权限上有着严格的控制，即想登录此平台进行操作，则必须要有操作权限，没有权限的用户是不可能登录平台查看任何的信息和数据，从而确保了系统的安全性。

2.数据的完整性和准确性：第一个是各项记录信息的完整性，信息记录的内容可以为空；第二个是各项信息数据之间相互联系的准确性；第三个是数据在不同记录信息的一致性

3．用户操作系统简单方便

在系统开发中按照“简单易用”的原则，能够使用户对系统的使用一目了然，既能保证用户使用，同时又能保证维护人员方便维护。

1. 1. 业务流程分析

业务流程图不仅能反映出内部业务之间的关系，而且能体现出作业顺序及信息的流动。旅行社网站必须支持整个组织在不同层次上的各种功能，各个功能模块之间又有各种不同相关的信息进行联系，构成了一个有机的整体，根据景点攻略推荐网站的特点以及结合所面临的实际情况，设计出了系统的业务流程图。

系统的业务流程如下图所示。

图3-4系统业务流程图

1. 1. 数据流程分析

在分析了系统的业务流程之后，就要分析系统的数据流，为后面设计系统的数据库做好基础。这里主要利用数据流程图来说明数据流程。数据流程图是一个图示工具，容易理解，容易在开发和用户方之间进行交流，以及在开发组织内部交流。因此数据流程图作为一种模型工具已经广泛使用在软件工程的实践中。

系统的顶层数据流图如下图所示。

图3-5系统数据流图（顶层）

根据系统的业务流程，用户浏览所使用到的数据归纳为输出信息。而用户提交的数据则作为系统的输入数据。相应的，根据系统管理员业务流程，管理员对系统内容的添加、更新和删除等所操作的数据定义为输入信息。

系统的底层数据流图如下图所示。

图3-6系统数据流图（底层）

1. 系统设计
   1. 系统架构设计

MVVM是指 Model、View 和 Controller，翻译成中文分别是模型层、视图层和控制层MVVM 模式是一种设计模式，它强制性的把应用程序的输入、输出和处理全部分开，将其分为三个核心部分，这三个部分分别有不同的功能。

图4-1系统架构图

视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据，并接收用户输入的数据，但对用户数据不进行任何实际业务操作处理。

模型层通过控制层来处理视图层传递的数据，同一个模型可以给不同的视图提供数据，也可以被不同的视图重复使用。由于 Model 的主要内容是数据、方法和行为，其也是 MVVM 中逻辑最为复杂，代码量最多的部分，其中包含了许多应用中需要用到的业务逻辑，因此模型层的开发也变得尤为重要，后期一般不会对模型层进行大规模改动，也是 MVVM 中最稳定的部分。

控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时，控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操作来处理数据和请求，处理完成后，控制层再将数据返回给相应的视图。

1. 1. 总体结构设计

根据对系统的功能进行分析可以总结旅行社网站的具体功能模块包括下面的几个主要的功能模块：该系统主要从两大模块进行设计的，首先就是用户参与操作需要的模块，此外还需要有管理员用到的模块，两者之间不是互相独立的，他们之间有着密切的联系，同数据库表中的数据连接起来进行操作。每个模块访问相同的数据库，但访问的表不同。系统的各个功能模块是根据所收集的资料研究得到的。在以上分析功能的基础上，系统模块分为多个模块。用户含有的功能有注册，登录，首页、网站公告、旅游资讯、旅游产品、个人中心（个人资料、地址、收藏、订单、购物车）等功能，管理员含有的功能有个人资料（个人信息与修改密码）、公共管理（轮播图与公告信息）、用户管理（管理员、普通用户、卖家）、信息管理、旅游产品、订单管理等功能。

1. 1. 功能模块设计
      1. 用户模块

用户模块主要实现用户的注册、登录、在线评论、产品浏览、产品购买和个人资料修改、登录密码修改等功能。

用户注册：用户通过账号注册得到用户名和密码。

用户登录：用户在被管理员添加成功后，通过管理员提供的用户名、密码和输入验证码进行登录，操作非常简单。

个人资料管理：用户根据用户ID修改当前ID的一些属性的值。

修改个人登录密码：用户登录旅行社网站后可以自己修改自己的密码。

评论：在景点的基础上对景点的评论，按时间形成评论列表，个人对其评论进行维护和整理。

旅游产品：可以点击列表查看旅游产品的具体信息。

旅游资讯：可以点击查看旅游资讯具体信息。

订单信息：可以点击查看订单具体信息

1. 1. 1. 管理员模块

管理员模块是本系统重要开发部分，它的使用对象是系统管理员，在进入管理员模块前，需要输入正确的用户姓名、密码和验证码，才能进入管理员模块。界面右上方有退出系统按钮，点击可退出管理员模块界面。

系统用户管理：管理员添加、管理、查询管理员信息并有修改他们密码的权限。

旅游资讯管理：管理员录入旅游资讯，跳转至添资讯页面，填写旅游资讯，提交后，旅游资讯存储数据库中。

旅游产品管理：管理员录入旅游产品，跳转至添旅游产品页面，填写旅游产品信息，提交后，旅游产品存储数据库中。

1. 1. 数据库设计
      1. 概念设计

E-R图一般是由实体、实体的属性与联系三个要素组成的。在规划系统中所使用的数据库实体对象及实体E-R图，则需要通过对系统的需求分析、业务流程设计和系统功能结构来确定的。

总体ER图如下图所示。

图4-2总体ER图

1. 1. 1. 逻辑设计

将实体属性模型转换为关系数据库应该遵循以下几个原则：

1.一个实体转换后要对应一个关系。

2.所有的主键必须要定义为非空（not null）。

3.针对二元联系也应该按照一对多、弱对实、一对一和多对多等联系来定义外键。

得到数据库的关系后，设计如下表结构。

1. 1. 表access_token (登陆访问时长)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	token_id	int	10	0	N	Y		临时访问牌ID
2	token	varchar	64	0	Y	N		临时访问牌
3	info	text	65535	0	Y	N
4	maxage	int	10	0	N	N	2	最大寿命：默认2小时
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	user_id	int	10	0	N	N	0	用户编号:

1. 1. 表address (收货地址：)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	address_id	int	10	0	N	Y		收货地址：
2	name	varchar	32	0	Y	N		姓名：
3	phone	varchar	13	0	Y	N		手机：
4	postcode	varchar	8	0	Y	N		邮编：
5	address	varchar	255	0	N	N		地址：
6	user_id	mediumint	8	0	N	N		用户ID：[0,8388607]用户获取其他与用户相关的数据
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	default	bit	1	0	N	N	0	默认判断

1. 1. 表article (文章：用于内容管理系统的文章)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	article_id	mediumint	8	0	N	Y		文章id：[0,8388607]
2	title	varchar	125	0	N	Y		标题：[0,125]用于文章和html的title标签中
3	type	varchar	64	0	N	N	0	文章分类：[0,1000]用来搜索指定类型的文章
4	hits	int	10	0	N	N	0	点击数：[0,1000000000]访问这篇文章的人次
5	praise_len	int	10	0	N	N	0	点赞数
6	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
8	source	varchar	255	0	Y	N		来源：[0,255]文章的出处
9	url	varchar	255	0	Y	N		来源地址：[0,255]用于跳转到发布该文章的网站
10	tag	varchar	255	0	Y	N		标签：[0,255]用于标注文章所属相关内容，多个标签用空格隔开
11	content	longtext	2147483647	0	Y	N		正文：文章的主体内容
12	img	varchar	255	0	Y	N		封面图
13	description	text	65535	0	Y	N		文章描述

1. 1. 表article_type (文章分类)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	smallint	5	0	N	Y		分类ID：[0,10000]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]决定分类显示的先后顺序
3	name	varchar	16	0	N	N		分类名称：[2,16]
4	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
5	description	varchar	255	0	Y	N		描述：[0,255]描述该分类的作用
6	icon	text	65535	0	Y	N		分类图标：
7	url	varchar	255	0	Y	N		外链地址：[0,255]如果该分类是跳转到其他网站的情况下，就在该URL上设置
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

1. 1. 表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

1. 1. 表cart (购物车)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	cart_id	int	10	0	N	Y		购物车ID：
2	title	varchar	64	0	Y	N		标题：
3	img	varchar	255	0	N	N	0	图片：
4	user_id	int	10	0	N	N	0	用户ID：
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	state	int	10	0	N	N	0	状态：使用中，已失效
8	price	double	9	2	N	N	0.00	单价：
9	price_ago	double	9	2	N	N	0.00	原价：
10	price_count	double	11	2	N	N	0.00	总价：
11	num	int	10	0	N	N	1	数量：
12	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
13	type	varchar	64	0	N	N	未分类	商品分类：
14	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述

1. 1. 表collect (收藏)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	collect_id	int	10	0	N	Y		收藏ID：
2	user_id	int	10	0	N	N	0	收藏人ID：
3	source_table	varchar	255	0	Y	N		来源表：
4	source_field	varchar	255	0	Y	N		来源字段：
5	source_id	int	10	0	N	N	0	来源ID：
6	title	varchar	255	0	Y	N		标题：
7	img	varchar	255	0	Y	N		封面：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

1. 1. 表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

1. 1. 表goods (商品信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	goods_id	mediumint	8	0	N	Y		产品id：[0,8388607]
2	title	varchar	125	0	Y	N		标题：[0,125]用于产品和html的<title>标签中
3	img	text	65535	0	Y	N		封面图：用于显示于产品列表页
4	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
5	price_ago	double	8	2	N	N	0.00	原价：[1]
6	price	double	8	2	N	N	0.00	卖价：[1]
7	sales	int	10	0	N	N	0	销量：[0,1000000000]
8	inventory	int	10	0	N	N	0	商品库存
9	type	varchar	64	0	N	N		商品分类：
10	hits	int	10	0	N	N	0	点击量：[0,1000000000]访问这篇产品的人次
11	content	longtext	2147483647	0	Y	N		正文：产品的主体内容
12	img_1	text	65535	0	Y	N		主图1：
13	img_2	text	65535	0	Y	N		主图2：
14	img_3	text	65535	0	Y	N		主图3：
15	img_4	text	65535	0	Y	N		主图4：
16	img_5	text	65535	0	Y	N		主图5：
17	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
18	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
19	customize_field	text	65535	0	Y	N		自定义字段
20	source_table	varchar	255	0	Y	N		来源表：
21	source_field	varchar	255	0	Y	N		来源字段：
22	source_id	int	10	0	N	N	0	来源ID：
23	user_id	int	10	0	Y	N	0	添加人

1. 1. 表goods_type (商品类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	int	10	0	N	Y		商品分类ID：
2	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
3	name	varchar	255	0	Y	N		商品名称：
4	desc	varchar	255	0	Y	N		描述：
5	icon	varchar	255	0	Y	N		图标：
6	source_table	varchar	255	0	Y	N		来源表：
7	source_field	varchar	255	0	Y	N		来源字段：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

1. 1. 表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

1. 1. 表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

1. 1. 表order (订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	order_id	int	10	0	N	Y		订单ID：
2	order_number	varchar	64	0	Y	N		订单号：
3	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
4	title	varchar	32	0	Y	N		商品标题：
5	img	varchar	255	0	Y	N		商品图片：
6	price	double	10	2	N	N	0.00	价格：
7	price_ago	double	10	2	N	N	0.00	原价：
8	num	int	10	0	N	N	1	数量：
9	price_count	double	8	2	N	N	0.00	总价：
10	norms	varchar	255	0	Y	N		规格：
11	type	varchar	64	0	N	N	未分类	商品分类：
12	contact_name	varchar	32	0	Y	N		联系人姓名：
13	contact_email	varchar	125	0	Y	N		联系人邮箱：
14	contact_phone	varchar	11	0	Y	N		联系人手机：
15	contact_address	varchar	255	0	Y	N		收件地址：
16	postal_code	varchar	9	0	Y	N		邮政编码：
17	user_id	int	10	0	N	N	0	买家ID：
18	merchant_id	mediumint	8	0	N	N	0	商家ID：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
21	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
22	state	varchar	16	0	N	N	待付款	订单状态：待付款，待发货，待签收，已签收，待退款，已退款，已拒绝，已完成

1. 1. 表ordinary_users (普通用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	ordinary_users_id	int	10	0	N	Y		普通用户ID
2	user_name	varchar	64	0	Y	N		用户姓名
3	user_gender	varchar	64	0	Y	N		用户性别
4	examine_state	varchar	16	0	N	N	已通过	审核状态
5	recommend	int	10	0	N	N	0	智能推荐
6	user_id	int	10	0	N	N	0	用户ID
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

1. 系统实现
   1. 数据库连接模块的实现

从web系统查询数据的根本的查询步骤：

Step1: 进行检查并且过滤来自用户的系统数据；

Step2: 成立起一个合适的数据库进行连接；

Step3: 进行查询系统数据库；

Step4: 获得查询的结构；

Step5: 把查询的结果展示给用户。

Step6: 数据库连接断开，释放资源。

数据库连接原理如下图所示。

图5-1数据库连接原理

1. 1. 登录模块的实现

为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。

用户登录流程图如下所示。

图5-2用户登录流程图

登录界面如下图所示。

图5-3登录界面

用户登录的逻辑代码如下所示。

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        QueryWrapper wrapper = new QueryWrapper<User>();

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

    public String select(Map<String,String> query,Map<String,String> config){

        StringBuffer sql = new StringBuffer("select ");

        sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

        sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

        if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

            sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

        }

        if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

            sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

        }

        if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

            int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

            int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

            sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

        }

        log.info("[{}] - 查询操作，sql: {}",table,sql);

        return sql.toString();

}

    public List selectBaseList(String select) {

        List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

        List<E> list = new ArrayList<>();

        for (Map<String,Object> map:mapList) {

            list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

        }

        return list;

}

1. 1. 用户模块的实现
      1. 注册模块的实现

用户输入用户名、密码、电话、姓名等必填信息后，点击注册按钮完成用户的注册。

用户注册流程图如下所示。

图5-5用户注册流程图

用户注册界面如下图所示。

图5-6用户注册界面

1. 1. 1. 网站公告模块的实现

用户点击网站公告按钮进入公告列表，可以点击查看，管理员发布网站公告，可以对公告进行增删改查操作。

发表公告流程图如下所示。

图5-7发布公告流程图

网站公告界面如图所示。

图5-8网站公告界面

网站公告关键代码如下所示。

@RequestMapping("/get_list")

    public Map<String, Object> getList(HttpServletRequest request) {

        Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

        return success(map);

1. 1. 1. 旅游产品模块的实现

用户点击某个旅游产品进入旅游产品详细页，点击旅游产品页，进行产品浏览，管理员可以对景点信息进行增删改查。

旅游产品流程图如下所示。

图5-9景点信息流程图

旅游产品界面如图所示。

图5-10旅游产品界面

旅游产品关键代码如下所示。

@RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

}

1. 1. 管理员模块的实现
      1. 公共管理模块的实现

系统公共管理主要是对新公告的添加和旧公告的删除。这个权限只有管理员具有。

公共管理界面如下图所示。

图5-11网站公告管理界面

公共管理关键代码如下所示。

@RequestMapping("/get_list")

    public Map<String, Object> getList(HttpServletRequest request) {

        Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

        return success(map);

1. 1. 1. 密码修改模块的实现

密码修改是对当前登录用户的密码进行修改，在管理员登录页面后右上方也能进行密码修改。

密码修改流程图如下所示。

图5-12密码修改流程图

1. 1. 1. 旅游产品管理模块的实现

旅游产品添加功能主要指对其编号、名称、介绍等一些基本信息的添加、删除和修改。产品查询能根据景点名称等多种条件对景点信息进行查询。

旅游产品添加流程图如下所示。

图5-13旅游产品添加流程图

旅游产品管理如下图所示。

图5-14旅游产品管理界面

旅游产品添加管理界面如下所示。

图5-15旅游产品添加管理界面

旅游产品添加管理关键代码如下所示。

 @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        Map<String,Object> paramMap = service.readBody(request.getReader());

        this.addMap(paramMap);

        return success(1);

}

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

1. 系统测试
   1. 测试目标

系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性，降低软件的出错率，降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改，使之更加符合用户需求。

1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。

2.好的测试方案是可以检验出还未被发现的错误的方案。

3.好的测试是发现了到目前为止还未被发现的错误的测试。

4.该系统能够完成景点信息、票务信息、用户维护、公共管理等功能，做到所开发的系统操作简单，尽量使系统操作不受用户对电脑知识水平的限制。

1. 1. 功能测试

下表是系统登录功能测试用例，检测了用户名和密码的不同的输入情况，观察系统的响应情况。得出该功能达到了设计目标。

表6-1 系统登录功能测试用例

功能描述	用于系统登录
测试目的	检测登录时的合法性检查
测试数据以及操作	预期结果	实际结果
输入的用户名和密码带有非法字符	提示用户名或者密码错误	与预期结果一致
输入的用户名或者密码为空	提示用户名或者密码错误	与预期结果一致
输入的用户名和密码不存在	提示用户名或者密码错误	与预期结果一致
输入正确的用户名和密码	登录成功	与预期结果一致

下表是注册功能测试用例，检测了各种数据的输入情况，观察系统的响应情况。得出该功能达到了设计目标。

表6-2 注册功能测试用例

功能描述	用于用户注册
测试目的	检测用户注册时的合法性检查
测试数据以及操作	预期结果	实际结果
输入的手机号不合法	提示请输入正确的手机号码	与预期结果一致
输入的字段为空	提示必填项不能为空	与预期结果一致
输入的密码少于6位	提示密码必须为6-12位	与预期结果一致
输入的密码大于12位	提示密码必须为6-12位	与预期结果一致

下表是景点信息管理功能的测试用例，检测了景点信息管理中对景点信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-3 旅游产品管理的测试用例

功能描述	用于旅游产品管理
测试目的	检测旅游产品管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加旅游产品，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加景点，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改旅游产品，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改旅游产品，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除旅游产品，选择旅游产品删除	提示删除成功	与预期结果一致
点击搜索旅游产品，输入存在的旅游产品名	查找出旅游产品	与预期结果一致
点击搜索旅游产品，输入不存在的旅游产品名	不显示旅游产品	与预期结果一致

下表是网站公告管理功能的测试用例，检测了网站公告管理中公告发布操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-4 网站公告管理的测试用例

功能描述	用于网站公告管理
测试目的	检测网站公告管理时各种操作的情况
测试数据以及操作	预期结果	实际结果
未编辑标题，点击提交	提示请添加标题	与预期结果一致
未编辑内容，点击提交	提示请编辑发布内容	与预期结果一致
未选择发布时间，点击提交	提示请选择发布时间	与预期结果一致

1. 1. 测试结果

根据以上测试情况，测试结果如下表所示。

表6-5测试结果表

测试项目	测试结果
登录测试	成功
修改密码测试	成功
公告信息测试	成功
类型管理测试	成功
我的订单测试	成功
用户管理测试	成功
旅游产品管理测试	成功
旅游资讯管理测试	成功

1. 总结与展望

本研究针对旅行社网站地需求建模，数据建模及过程建模分析设计并实现的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现景点推荐旅行社网站的前后端代码。最终给出系统集成整合方法，完成旅行社网站设计与实现。

在这个项目实现中，不光明白了前端开发的重要性，也明白了后台在整个系统中起到了什么作用，因为前后台的连接，用户可以对系统进行操作，可以在输入自己的相关信息后，通过后台加工，完成对数据库的查找、修改、添加，而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建，在学校所学的知识基础上，此次的项目，让我对于一个系统的前端开发，以及后台的作用都有了一个更深切的认知。