旅游公司网站的设计与实现
摘 要
信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于站在的角度存在偏差，人们经常能够获得不同类型信息，这也是技术最为难以攻克的课题。针对旅游等问题，对旅游公司网站进行研究分析，然后开发设计出旅游公司网站 以解决问题。
旅游公司网站主要功能模块包括个人中心、用户管理、酒店消息、酒店预约、路线消息、路线预订、机票信息，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取Mysql作为后台数据的主要存储单元，采用SSM技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对旅游公司网站 的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现旅游公司网站和部署运行使用它。
关键词：旅游公司网站 ；SSM技术；Mysql数据库
Design and implementation of tourism company website
Abstract
In the information society, there is a need for targeted information access, but the expansion of access is basically the direction of people's efforts. Due to the deviation of the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Aiming at the problems of tourism, this paper studies and analyzes the website of tourism company, and then develops and designs the website of tourism company to solve the problems.
The main functional modules of the tourism company website include personal center, user management, hotel information, hotel reservation, route information, route reservation and ticket information. The object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of actual use, improve the corresponding software erection and program coding, take MySQL as the main storage unit of background data, adopt SSM technology Ajax technology encodes and develops the business system, and realizes all the functions of the system. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the various needs and technical problems of the tourism company's website, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the tourism company's website and deployment and operation.
Key words: Tourism company website; SSM technology; Mysql database
目 录
我国大部分的旅游公司网站在开发初期，由于缺少对旅游行业和网络运营的全而了解，未能找准切入点，使旅游公司网站 建成之后缺乏特色与“卖点”，往往照搬照抄其它旅游公司网站 的现成模式，成为欧美等网络业发达国家网站的中文翻版，或者是大型网站的缩影。其结果是版而设计相似，内容雷同，重复建设问题严重，既没有形成具有一定规模的经营模式，也没有达到网上促销、预订的高成功率，使整个旅游业电子商务的销售额少得可怜。旅游产品交易的安全性问题是旅游公司网站发展的瓶颈。是否能够确保在动态、开放的旅游公司网站 上，安全的完成旅游产品的整个交易过程，是旅游者选择网站上购买旅游产品首要考虑的问题之一。而我国大部分旅游公司网站 在线支付手段不健全，缺乏统一的标准体系，在线交易的安全性更是令人担忧。恶意订购、交易出错的现象屡见不鲜，所以，消费者对旅游产品的网上交易信赖度不高。因此，交易不安全问题成为旅游公司网站发展中最大的障碍。
所以本网站需要改进的地方在于，提升和扩大旅游门户网站的知名度和美誉度，搞好网络营销。旅游公司网站需加强信誉体系的建设，保障旅游公司网站 的信誉度，安全性和对称性，以期扩大其知名度和美誉度，打造旅游门户网站的特色品牌。制定合理、科学的管理和运营标准，加强对网站的引导和规范。积极引导、管理和建设网站良好的运行制度，扩大广告信息的宣传面和宣传力度。
与国外相比，我国旅游电子商务起步稍晚，1996年才开始出现专业的旅游公司网站 ，其后旅游电子商务快速发展，到2000年进入第一个高潮期，但在2001年由于受世界旅游业整体负增长形势的影响，中国的旅游业在这一年经历了一定的困境，增长速度有所下降;2002年中国旅游业又开始整体回升，到2005年Web2.0的刺激下掀起了新的一轮旅游电子商务热，自此又进入了一个新的“加速发展期”。目前，我国具有一定旅游资讯能力的网站已有5000多家。其中专业旅游300余家，主要包括地区性网站、专业网站和门户网站的旅游频道3大类。
但是，旅游电子商务还处在初级阶段，与发达国家相比还存在较大差距国内登录过旅游公司网站 的网民占网民总数的比例较小，而进行过网上旅游预订的网民比例更小。我国旅游业应用系统的总体发展水平很低，信息服务能力有限，网络营销仅仅是一种时尚，消费者的培育，旅游电子商务软、硬件环境的成熟和政府政策法规的建设等等都是急待解决的问题。作为一个拥有丰富旅游资源的大国，我国有望借助先进的信息化手段帮助旅游业实现迅猛增长，迎来更大的飞跃。
本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的ssm框架进行开发。
前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。
后端部分：采用ssm作为开发框架，同时集成MyBatis、Redis等相关技术
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的新特性糅合进去，以应对客户日益复杂的需求变化。
-
- B/S结构
B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。
SSM即SpringMVVM+Spring+MySQL，这三个框架有各自最独有的优势，那么将它们组合在一起能够碰撞出很强的火花。设计者在不需消耗大量功夫，能做出Web应用程序，而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点。这个复合框架形成一个有着结构完整、功能强大和结构良好的体系：SpringMVVM使各板块分离，Spring使开发更灵活方便，让开发者直接对对象进行操纵，各层次分工明细，并实现各个层次间的解耦，让代码更加的灵活精简。这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏，也能在后期应对客户对产品提出的新需求。
-
- ssm框架各层关系：
DAO层、Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。
Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切显得非常清晰简单。
技术性方面，本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于JAVA 的SSM框架进行开发。
实现前台页面的设计与美观调整，以上技术，均由本人经过系统学习，并且都是在课程设计中实践过的，可以使得开发更加便捷和系统。从技术角度看，这个系统是完全可以实现的。
实用性方面，本次设计的主要任务是在旅游公司网站内￥购票会员卡等，符合当前潮流的发展。从用户角度出发，同时也考虑系统运营成本和人力资源，采用网络上的便捷方式，实现线上业务，使得业务流程更系统，也更方便用户的体验，比较实用。
经济性方面，由于本课题中设计的旅游公司网站的主要目的是为了能够更加方便及快捷的进行信息的查询管理及检索服务，也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率，同时也需要有效的保证查询者的信息方面的安全性，同时这个旅游公司网站 所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本，因此，从经济上来说开发这个软件是可行的。
旅游公司网站的功能主要分为前台用户根据自己的需求进行注册登录，浏览景点信息并对选中的景点进行购票操作。后台系统管理员因职责的不同，分为普通管理员和超级管理员，普通管理员主要对购票单进行处理，处理酒店信息，而超级管理员主要对酒店信息、酒店预订、路线信息、路线预订、机票信息进行处理。
用户用例图如下所示。
图3-1 用户用例图
管理员用例图如下所示。
图3-1 管理员用例图
前台用户可分为未注册用户需求和以注册用户需求。
未注册用户的功能如下：
注册账号：用户填写个人信息，并验证手机号码。
天气预报：用户可以根据天气预报浏览天气的信息，并选中某个天气预报查看详情，例如：日期、温度、天气情况、降雨概率等。
已注册用户的功能如下：
登录：根据账号密码进行登录操作。
个人中心：用户因个人信息的变更可以随时修改自己注册信息。
浏览公告信息：选中某间景点可查看其用户的评论。
查看历史购票单：用户可以查看自己以往购票的信息。
旅游论坛：用户可以根据自己的观点看法对相关景点进行发布。
机票信息：用户根据自己的需求选中某个机票进行购买操作。
个人机票购买历史记录：用户可以查看自己以往购买数据。
收藏：在景点的基础上对景点的收藏，收藏按时间形成收藏列表，个人对其收藏夹进行维护和整理。
酒店信息：用户提交个人酒店预订，预订成功后，可以查看到个人已预订的酒店订单记录，并可以对其进行编辑更新删除等操作。
后台管理员功能如下。
修改密码：管理员可以随时修改自己进入系统的登录密码，以保证系统的安全性。
酒店信息管理：对酒店信息进行详情，删除、修改信息。
路线信息管理：对路线信息进行详情，删除、修改信息。
对路线预订信息进行处理：办理路线预订审核等。
机票信息管理：可以查看用户的机票航班，及时了解航班出发时间。
用户管理：可以查看注册用户的信息，并对其进行管理。
首先主要考虑的是系统功能软件，在具体设计的环节上，是不是能够较好的满足各类用户的基本功能需求，如果不能较好的满足用户需求，那么这个系统的存在是没有价值的。软件系统的非功能性求分析，从7个方面展开，一个是性能分析，针对系统；一个是安全分析，针对系统，一个是完整度分析，针对系统，一个是可维护分析，针对系统，一个是可扩展性分析，针对系统，一个是适应业务的性能分析。面对旅游公司网站 存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现，需要相应的非功能性需求分析。
安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责，更是对企业的负责。尤其针对于旅游公司网站来说，必须要有很好的安全性来保障整个系统。
系统具有对使用者有权限控制，针对角色的不通限制使用者的权限，以此来确保系统的安全性。
数据库中的数据是从外界输入的，当数据的输入时，由于种种原因，输入的数据会无效，或者是脏数据。因此，怎样保证输入的数据符合规定，成为了数据库系统，尤其是多用户的关系数据库系统首要关注的问题。
因此，在写入数据库时，要保证数据完整性、正确性和一致性。
对系统的数据流进行分析，系统的使用者分为二类，一般用户，管理员。系统主要对界面信息传送，登录信息的验证，注册信息的接收，用户各种操作的响应做处理。
系统顶层数据流图如下图所示。
图3-2 顶层数据流图
要判断用户是是什么身份，是根据登录的数据来判断后，跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作，数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。
系统底层数据流图如下图所示。
图3-3 底层数据流图
系统可以分为前台和后台两部分，每一种操作后系统都返回操作结果。前台和后台的数据连接主要通过数据库，既分别对数据库做不同的操作。
本旅游公司网站 的架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。
系统架构如下图所示。
图4-1 系统架构
旅游公司网站总体分为前台用户模块和后台管理员模块。
两个模块表现上是分别独立存在，但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析，并查阅相关资料后整理制作的。
综上所述，系统功能结构图如下图所示。
图4-2 系统功能结构图
登录模块：登录模块是进入系统的入口，所有用户必须登录后才能访问系统。登录需要输入用户名和密码，如果多次尝试登录需要输入验证码。登录时需要选择用户的角色，是一般用户还是管理员登录等。登录成功后，会通过数据库获取用户的权限，并跳转至用户的主页面。
管理员用户管理模块：管理员管理包括：管理员的添加，修改和删除操作。添加管理员时，先判断用户添加的管理员是否是admin，如果不是则添加成功。修改时候，可以修改所有管理员的信息的操作。
机票信息管理模块：机票信息管理分为班机编号、出发地、终点、起飞日期。
路线信息由管理员进行详情、删除操作；酒店预订由用户来执行。
酒店信息管理模块：酒店管理分为酒店名称、客房图片、酒店等级、客房类型修改。酒店信息由管理员进行详情、修改、添加、删除操作；酒店预订由用户来执行。
从前面可以分析到数据库中最重要的是用户信息，酒店预订信息，酒店信息，线路预订信息，线路信息，酒店预订，机票信息分析可以得到如下数据描述：
用户：用于记录用户的各种信息，包括用户账号、密码、用户姓名、照片、性别、联系方式、身份证、邮箱等数据项。
管理员：记录管理员的登录信息。包括用户名，密码，权限等数据项。
酒店预订：存放给酒店预订的内容，包括姓名、联系方式、预订人数、房间类型、酒店名称、是否有会议室、酒店电话、备注等数据项。
酒店信息：存储各种酒店信息。包括酒店名称、酒店星级、酒店电话、酒店图片、酒店地址、是否有会议室、酒店介绍等数据项。
线路预订：存储用户的线路预订信息。包括姓名、联系方式、预订人数、路线名称、单人费用、主办方联系方式等数据项。
线路。存储用户的线路信息。包括旅游信息的线路名称、出发地、终点、路线封面、单人费用、主办方联系方式、途径景点等数据项。
机票信息：存储用户的机票信息。包括班机编号、出发地、终点、起飞时间、起飞日期、到达时间到达日期、机票类型、单人费用等数据项。
天气预报：存储用户的天气预报信息。包括日期、温度、天气情况、降雨概率、湿度等数据项。
根据前面的数据流程图，结合系统的功能模块设计，设计出符合系统的各信息实体。
系统ER图如下图所示。
图4-3 系统ER图
旅游公司网站 所拥有的数据表有以下：用户信息表，热门景点信息表，门票购买信息表，线路预订信息表，旅游线路表，酒店预订表。
由于数据表较多，只展示系统主要数据表，如下表所示。
weather_forecast表：
| 类型 | 长度 | 不是null | 主键 | 注释 | |
| weather_forecast_id | int | 11 | 是 | 是 | 天气预报ID |
| date | date | 0 | 否 | 否 | 日期 |
| temperature | varchar | 64 | 否 | 否 | 温度 |
| weather_condition | varchar | 64 | 否 | 否 | 天气情况 |
| rainfall_probability | varchar | 64 | 否 | 否 | 降雨概率 |
| humidity | varchar | 64 | 否 | 否 | 湿度 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| ticket_information表： | |||||
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| ticket_information_id | int | 11 | 是 | 是 | 机票信息ID |
| flight_number | varchar | 64 | 否 | 否 | 班机编号 |
| place_of_departure | varchar | 64 | 否 | 否 | 出发地 |
| end | varchar | 64 | 否 | 否 | 终点 |
| departure_time | varchar | 64 | 否 | 否 | 起飞时间 |
| departure_date | date | 0 | 否 | 否 | 起飞日期 |
| arrival_time | varchar | 64 | 否 | 否 | 到达时间 |
| arrival_date | date | 0 | 否 | 否 | 到达日期 |
| ticket_type | varchar | 64 | 否 | 否 | 机票类型 |
| single_fee | varchar | 64 | 否 | 否 | 单人费用 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| scenic_spot表： | |||||
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| scenic_spot_id | int | 11 | 是 | 是 | 旅游景点ID |
| name_of_scenic_spot | varchar | 64 | 否 | 否 | 景点名称 |
| scenic_spot_address | varchar | 64 | 否 | 否 | 景点地址 |
| ticket_price | varchar | 64 | 否 | 否 | 票价 |
| scenic_spot_pictures | varchar | 255 | 否 | 否 | 景点图片 |
| introduction_to_scenic_spots | text | 0 | 否 | 否 | 景点介绍 |
| hits | int | 11 | 是 | 否 | 点击数 |
| praise_len | int | 11 | 是 | 否 | 点赞数 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| route_reservation表： | |||||
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| route_reservation_id | int | 11 | 是 | 是 | 路线预订ID |
| full_name | int | 11 | 否 | 否 | 姓名 |
| contact_information | varchar | 64 | 否 | 否 | 联系方式 |
| number_of_bookings | varchar | 64 | 否 | 否 | 预订人数 |
| route_name | varchar | 64 | 否 | 否 | 路线名称 |
| single_fee | varchar | 64 | 否 | 否 | 单人费用 |
| contact_information_of_the_sponsor | varchar | 64 | 否 | 否 | 主办方联系方式 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| examine_reply | varchar | 255 | 否 | 否 | 审核回复 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| route_information表： | |||||
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| route_information_id | int | 11 | 是 | 是 | 路线信息ID |
| route_name | varchar | 64 | 否 | 否 | 路线名称 |
| place_of_departure | varchar | 64 | 否 | 否 | 出发地 |
| end | varchar | 64 | 否 | 否 | 终点 |
| route_cover | varchar | 255 | 否 | 否 | 路线封面 |
| single_fee | varchar | 64 | 否 | 否 | 单人费用 |
| contact_information_of_the_sponsor | varchar | 64 | 否 | 否 | 主办方联系方式 |
| route_attractions | text | 0 | 否 | 否 | 途径景点 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| hotel_information表： | |||||
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| hotel_information_id | int | 11 | 是 | 是 | 酒店信息ID |
| hotel_name | varchar | 64 | 否 | 否 | 酒店名称 |
| hotel_star | varchar | 64 | 否 | 否 | 酒店星级 |
| hotel_telephone | varchar | 64 | 否 | 否 | 酒店电话 |
| hotel_pictures | varchar | 255 | 否 | 否 | 酒店图片 |
| hotel_address | varchar | 64 | 否 | 否 | 酒店地址 |
| is_there_a_meeting_room | varchar | 64 | 否 | 否 | 是否有会议室 |
| hotel_introduction | text | 0 | 否 | 否 | 酒店介绍 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| hotel_reservation表： | |||||
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| hotel_reservation_id | int | 11 | 是 | 是 | 酒店预订ID |
| full_name | int | 11 | 否 | 否 | 姓名 |
| contact_information | varchar | 64 | 否 | 否 | 联系方式 |
| number_of_bookings | varchar | 64 | 否 | 否 | 预订人数 |
| room_type | varchar | 64 | 否 | 否 | 房间类型 |
| hotel_name | varchar | 64 | 否 | 否 | 酒店名称 |
| is_there_a_meeting_room | varchar | 64 | 否 | 否 | 是否有会议室 |
| hotel_telephone | varchar | 64 | 否 | 否 | 酒店电话 |
| remarks | varchar | 64 | 否 | 否 | 备注 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| examine_reply | varchar | 255 | 否 | 否 | 审核回复 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
- 系统实现
系统中应用的开发工具总结如下表所示。
表5-1开发工具
| 名称 | 工具 | 版本 |
| 操作系统 IDE(Integrated Development Environment) | windows VisualStudio | 7/8/10 2010 |
| 服务器 | IIS | 9.10.7 |
| 数据库 浏览器 界面工具 | SQL Server 谷歌 Photoshop | 2008 6.0 2016 |
-
- 注册模块的实现
未注册用户在用户注册界面uerRegister.aspx.cs，输入新用户信息，点击注册后，新用户信息由界面传入控制层userController，调用addUser(user)方法，通过user的操作方法向数据库用户表插入用户信息，由于用户账号是自动生成的，若成功则反馈注册成功，并提示新用户的用户账号；若失败则回到登录界面，并显示登录失败。
注册界面如下所示。
图5-1用户注册流程图
用户注册界面如下图所示。
图5-2用户注册界面
用户注册关键代码如下所示。
/**
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(@RequestBody User user) {
// 查询用户
Map<String, String> query = new HashMap<>();
query.put("username",user.getUsername());
List list = service.select(query, new HashMap<>()).getResultList();
if (list.size()>0){
return error(30000, "用户已存在");
}
user.setUserId(null);
user.setPassword(service.encryption(user.getPassword()));
service.save(user);
return success(1);
}
/**
* 用户ID：[0,8388607]用户获取其他与用户相关的数据
*/
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "user_id")
private Integer userId;
/**
* 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
*/
@Basic
@Column(name = "state")
private Integer state;
/**
* 所在用户组：[0,32767]决定用户身份和权限
*/
@Basic
@Column(name = "user_group")
private String userGroup;
/**
* 上次登录时间：
*/
@Basic
@Column(name = "login_time")
private Timestamp loginTime;
/**
* 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
*/
@Basic
@Column(name = "phone")
private String phone;
/**
* 手机认证：[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "phone_state")
private Integer phoneState;
/**
* 用户名：[0,16]用户登录时所用的账户名称
*/
@Basic
@Column(name = "username")
private String username;
/**
* 昵称：[0,16]
*/
@Basic
@Column(name = "nickname")
private String nickname;
/**
* 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
*/
@Basic
@Column(name = "password")
private String password;
/**
* 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
*/
@Basic
@Column(name = "email")
private String email;
/**
* 邮箱认证：[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "email_state")
private Integer emailState;
/**
* 头像地址：[0,255]
*/
@Basic
@Column(name = "avatar")
private String avatar;
/**
* 创建时间：
*/
@Basic
@Column(name = "create_time")
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private Timestamp createTime;
@Basic
@Transient
private String code;
}
主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布景点信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。
登录流程图如下图所示。
图5-3登录流程图
用户登录界面如下图所示。
图5-4用户登录界面
登录代码如下：
/**
* 登录
* @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;
}
用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。
机票信息功能需要考虑高并发，防止机票重复购票、机票状态显示出错等情况，特对景点这一共享数据增加锁机制。在乐观锁、悲观锁以及线程锁中，综合考虑性能效率和错误的可接受性选择了乐观锁机制。乐观锁的实现方式是使用版本标识来确定读到的数据与提交时的数据是否一致，提交后修改版本标识，不一致时可以采取丢弃和再次尝试的策略。在数据库景点表（对应景点实体）设计中增加了version字段，每次数据提交时（更改机票状态）会判断version是否匹配，若不匹配停止本次提交，若匹配则提交成功并增加version的值。
机票信息功能整体流程：用户浏览机票信息时，同时会显示机票的状态，系统会在其显示详细信息的页面时便会判断机票的状态，若景点状态为可购票，则会显示购票的链接按钮。在用户点击购票按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写购票信息的页面，填写好购票信息之后，点击提交按钮，购票成功之后返回提示信息，告知用户购票成功。
机票信息流程图如下图所示。
图5-5机票信息流程图
机票信息界面如下所示。
图5-6机票信息界面
5.6酒店信息管理模块的实现
用户提交酒店订单后后台会自动生成酒店订单列表。从session中取出该用户信息，前台发起请求，将对应的用户信息、dingdanpId参数信息从前台传递酒店订单控制类里，匹配到create()方法，create()方法调用酒店订单逻辑层的createDingdan()方法获取数据，调用本类的getCartDingdanItem()方法得到酒店订单列表。
酒店信息管理界面如下所示。
图5-7酒店信息管理界面
酒店信息管理关键代码如下所示。
@RequestMapping(value = "/del")
@Transactional
public Map<String, Object> del(HttpServletRequest request) {
service.delete(service.readQuery(request), service.readConfig(request));
return success(1);
}
5.7酒店预订模块的实现
用户可以通过索引。将页面session中的用户账号userId酒店预订进行查询，修改、删除界面。
酒店预订界面如下图所示。
图5-8酒店预订界面
酒店预订管理界面如下图所示。
图5-9酒店预订管理界面
酒店预订管理关键代码如下所示。
@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);
}
5.8旅游景点管理模块的实现
旅游景点功能需要考虑高并发，防止出现旅游景点重复购票、旅游景点状态显示出错等情况，特对旅游景点这一共享数据增加锁机制。在乐观锁、悲观锁以及线程锁中，综合考虑性能效率和错误的可接受性选择了乐观锁机制。乐观锁的实现方式是使用版本标识来确定读到的数据与提交时的数据是否一致，提交后修改版本标识，不一致时可以采取丢弃和再次尝试的策略。在数据库旅游景点表，设计中增加了version字段，每次数据提交时（更改景点状态）会判断version是否匹配，若不匹配停止本次提交，若匹配则提交成功并增加version的值。
旅游景点功能整体流程：用户浏览旅游景点时，同时会显示旅游景点的航班状态，系统会在其显示详细信息的页面时便会判断旅游景点的状态，若旅游景点状态为可购票，则会显示购票的链接按钮。在用户点击购票按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写购票信息的页面，填写好购票信息之后，点击提交按钮，购票成功之后返回提示信息，告知用户购票成功。
旅游景点流程图如下图所示。
图5-10旅游景点流程图
旅游景点管理界面如下图所示。
图5-11旅游景点管理界面
旅游景点预订界面如下图所示。
图5-12旅游景点预订界面
5.9旅游论坛模块的实现
旅游论坛功能整体流程：用户浏览旅游论坛信息时，同时会显示旅游的状态，系统会在其显示详细信息的页面时便会判断旅游帖子标题、用户名、状态进行查询详情、修改、删除等操作。
旅游论坛流程图如下图所示。
图5-13旅游论坛流程图
旅游论坛界面如下图所示。
图5-14旅游论坛界面
旅游资讯界面如下图所示。
图5-15旅游资讯界面
旅游论坛管理关键代码如下所示。
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;
}
5.10线路预订管理模块的实现
此页面的关键是编写线路信息，包括线路名称，景点名称，线路费用等。单击提交按钮以完成信息的添加。如果未写入完整的线路信息，例如，如果未写入景点名称，系统将给出相应的错误提示，并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm（）”的形式写入以进行检查，checkForm（）函数是一种用于写入数据的不同类型的校对方法，是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。
线路预订管理流程图如下图所示。
图5-16线路预订管理流程图
线路预订界面如下图所示。
图5-17路线预订添加界面
对任何系统而言，测试都是必不可少的环节，测试可以发现系统存在的很多问题，所有的软件上线之前，都应该进行充足的测试之后才能保证上线后不会Bug频发，或者是功能不满足需求等问题的发生。下面分别从单元测试，功能测试和用例测试来对系统进行测试以保证系统的稳定性和可靠性。
下表是景点管理功能的测试用例，检测了旅游公司网站 景点管理中对景点信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-1 景点管理的测试用例
| 功能描述 | 用于景点管理 | |
| 测试目的 | 检测景点管理时的各种操作的运行情况 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 点击添加景点，必填项合法输入，点击保存 | 提示添加成功 | 与预期结果一致 |
| 点击添加景点，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改景点，必填项修改为空，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改景点，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击删除景点，选择景点删除 | 提示删除成功 | 与预期结果一致 |
| 点击搜索景点，输入存在的景点名 | 查找出景点 | 与预期结果一致 |
| 点击搜索景点，输入不存在的景点名 | 不显示景点 | 与预期结果一致 |
下表是酒店管理功能的测试用例，检测了酒店管理中对酒店信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-2 酒店管理的测试用例
| 功能描述 | 用于酒店管理 | |
| 测试目的 | 检测酒店管理时的各种操作的运行情况 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 点击添加酒店，必填项合法输入，点击保存 | 提示添加成功 | 与预期结果一致 |
| 点击添加酒店，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改酒店，必填项修改为空，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改酒店，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击删除酒店，选择酒店信息删除 | 提示删除成功 | 与预期结果一致 |
| 点击搜索酒店，输入存在的酒店名 | 查找出美食 | 与预期结果一致 |
| 点击搜索酒店，输入不存在的酒店名 | 不显示美食 | 与预期结果一致 |
下表是机票信息功能的测试用例，检测了机票信息中购票单的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-3 机票信息的测试用例
| 功能描述 | 用于机票信息 | |
| 测试目的 | 检测机票信息时各种操作的情况 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 未选择机票，点击提交 | 提示请选择机票 | 与预期结果一致 |
| 未输入文字，点击提交 | 提示请输入文字 | 与预期结果一致 |
| 未选择时间，点击提交 | 提示请选择时间 | 与预期结果一致 |
-
- 性能测试
使用阿里云PTS（Performance Testing Service）性能测试服务对线上系统进行压力测试。线上服务器环境为：1核心CPU，1G内存，1Mbps公网带宽，Centos7.0操作系统。
压测过程中使用了2台并发机器，每台机器20个用户并发，对系统主页，登录，数据查询和数据维护等模块进行并发访问，测试结果是有40个用户并发时，数据管理相关页面的响应时间甚至达到了7s，通过查看服务器出网流量发现已经达到1381kb/s，可以看出服务器的带宽已经达到峰值，如果系统使用5Mbps的带宽，系统的响应时间和TPS将会大大增加。在整个测试的过程中，CPU的使用率占用仅8%，也提现出带宽瓶颈对系统的影响非常严重。
随着计算机互联网技术的迅猛发展，各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是旅游公司网站 为核心展开的，主要是为了实现旅游信息化管理和用户在线预订的需求。
旅游公司网站系统采用SSM结构，该结构非常完美的集优点于一身，成熟、强大、易理解易使用，通过使用这个结构，降低了开发的难度。本系统实现了基于VUE的旅游公司网站 系统，将旅游公司网站 销售流程转化成电脑操作流程，具体实现了对旅游公司网站 销售订单和系统用户管理、旅游和旅游类型管理，并提供查询统计功能来对订单和旅游公司网站的相关数据进行统计分析，让使用者能更清晰的掌握运营情况，帮助使用者进行销售管理，简化工作流程，提高工作效率和盈利。
目前完成的旅游公司网站 系统，还有许多有待改进的地方。一个是功能上的改进，用户理应可以修改自己的相关信息，故应增设个人中心功能；另外，系统如果能提供更多查询统计功能就会使得系统更加丰富和多样化，比如客户购买力排行功能、购买积分功能等。第二个是技术上的改进，由于对开发框架不太熟悉，权限管理这部分，本系统采用一个ASP页面来规定好导航栏，即跳转的页面，这相对比较不灵活，如果将URL路径记录到数据库并实现增删查改会比较好；另外就是对EasyUI的使用还不够熟练，视觉效果和界面观感有待提升，希望日后能对这个系统有所改进。
参考文献
[1]王常珏,段尧清,朱泽.基于SSM的政府数据治理联盟链框架构建[J/OL].情报科学:1-18[2022-03-21].http://kns.cnki.net/kcms/detail/22.1264.g2.20220309.1213.002.html
[2]王月红,蒋冀萍.基于Java的煤矿风险预警与防控系统设计[J].煤炭技术,2022,41(03):173-175.
[3]黄子扬,祝奕炜,沈信宇,慕京生,焦俊.基于SSM的水质在线监测与数据分析[J].现代农业科技,2022(05):129-135.
[4]朱珍珠,段华斌,邓永清,杜丹蕾.基于Java的增值平台的设计与实现[J].办公自动化,2022,27(05):55-58.
[5]曹凯,王嘉月.基于Java语言的单点登录在数字资源整合中的应用[J].中国信息化,2022(02):50-51.
[6]魏瑾.Java多线程技术在网络通信系统中的应用[J].山西电子技术,2022(01):66-68.
[7]李双,郭晨晨,李佳虎,张慧娥.基于SSM框架的智能驾校系统的设计与开发[J].电脑知识与技术,2022,18(03):62-63+65.
[8]郭静.基于SSM框架的高校新生预报到系统的设计与实现[J].电子技术与软件工程,2022(02):232-235.
[9]徐旭,李明明,夏辉,陈曦,王天宇,肖硕,雍旭.基于SSM框架的互联网+多元监管下构建医疗设备质量控制管理服务平台研究[J].中国医学装备,2021,18(12):106-110.
[10]Shi Yan chao,Lee Un Kon. The Impact of Restaurant Recommendation Information and Recommendation Agent in the Tourism Website on the Satisfaction, Continuous Usage, and Destination Visit Intention[J]. SAGE Open,2021,11(4).
[11]朱爱辉,范晓萱.大连王家岛乡村旅游现状分析——基于旅游网站的统计分析[J].辽宁省交通高等专科学校学报,2021,23(05):30-34.
[12]王芝银,王红刚.精准扶贫背景下陕北红色旅游宣传网站建设[J].电脑知识与技术,2021,17(24):144-146.
[13]Qi Wenjin,Sorokina Nadezda. Constructing online tourist destination images: a visual discourse analysis of the official Beijing Tourism website[J]. Chinese Semiotic Studies,2021,17(3).
[14]石佳琪.媒体对旅游业发展的影响研究——兼论旅游媒体未来的发展方向[J].新闻研究导刊,2021,12(15):185-187.
[15]许一诺,宫准. 社交媒体嫉妒:社交网站上的分享对旅游消费决策的影响[C]//.第二十二届全国心理学学术会议摘要集.,2019:2016-2017.
[16]万云峰. 觉华岛旅游公司网络营销策略研究[D].辽宁工程技术大学,2018.
[17]张林云. 在线旅游公司用户重购意愿影响因素研究[D].福建农林大学,2016.
.
致谢
本次设计历时3个月。在这个毕业设计中，它离不开指导教师的指导，使事情基本顺利。指导老师无论是在毕业设计历经中，还是在论文做完中都给了了我特别大的助益。另1个方面，教师认真负责的工作姿态，谨慎的教学精神厚重的理论水准都使我获益匪浅。他勤恳谨慎的教学育人学习姿态也给我留下了特别特别深的感觉。我从老师那里学到了很多东西。在理论和实践中，我的技能得到了特别大的提高。在此，特向教师表示由衷的感激。
经过对该毕业设计的全部研究和开发，我的系统研发经历了从需求分析到实现详细功能，再到最终测试和维护的特殊进展。让我对系统研发有了更深层次的认识。如今我的动手本领单独处理疑惑的本领也获取到了特别大的演练学习增多，这是这次毕业设计最好的收获。
最后，在整个系统开发过程中，我周围的同学和朋友给了我很多意见，所以我很快就确认了系统的商业思想。在次，我由衷的向他们表示感激。
免费领取本源代码，请关注点赞＋私信
1236
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
