SSM游轮可视化选座系统
摘 要
随着互联网趋势的到来,各行各业都在考虑利用互联网将自己推广出去,最好方式就是建立自己的互联网系统,并对其进行维护和管理。在现实运用中,应用软件的工作规则和开发步骤,采用SSM框架建设游轮可视化选座系统。
本设计主要实现集人性化、高效率、便捷等优点于一身的游轮可视化选座系统,完成选座管理系统首页、个人中心、旅游资讯、席位信息、用户管理等功能模块。系统通过浏览器与服务器进行通信,实现数据的交互与变更。只需通过一台电脑,动动手指就可以操作系统,实现数据通信管理。整个系统的设计过程都充分考虑了数据的安全、稳定及可靠等问题,而且操作过程简单。本系统通过科学的管理方式、便捷的服务提高了工作效率,减少了数据存储上的错误和遗漏。本课题研究的游轮可视化选座系统主要采取Mysql作为后台数据的主要存储单元,运用软件工程原理和开发方法,采用Java的SSM框架构建完成。完成系统的主要模块的页面设计和功能实现。
关键词:游轮可视化选座系统; SSM;数据库。
SSM cruise visual seat selection system
Abstract
With the advent of the internet trend, industries are considering using the internet to promote themselves, the best way is to build their own internet system, and its maintenance and management. In the practical application, the SSM framework is used to build the visual seat selection system of cruise ship.
The design of the main set of humanization, high efficiency, convenience and other advantages of a cruise visual seat selection system, complete Seat Selection Management System home page, personal center, travel information, SEAT Information, user management and other functional modules. The system communicates with the server through the browser to realize the data interaction and change. Just through a computer, the finger can operate the system to achieve data communication management. The whole system design process has fully considered the data security, stability and reliability, and the operation process is simple. The system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient service. Mysql is used as the main storage unit of backstage data, and the software engineering principle and development method are used to build the visual seat selection system of cruise ship. Complete the main module of the system page design and functional realization.
Key words:Visual seat selection system for cruise ships; SSM; database.
目 录
近年来我国旅游业迅猛发展,现在旅游者选择内湖、内河以及海洋为目的地乘坐游轮已成为一种时尚。随着通信和移动互联网的普及,旅游者迫切需要有一个能够满足简便、流畅及可视化的选座服务体验。计算技术的成熟给人们的生活带来了极大的便利,在不断的丰富人们的生活的同时也淘汰了一些基础的手工劳动。随着社会的进步、经济的发展游轮的特色也慢慢趋向多元化,面对多元化的旅游消费者需要一个合适的选择工具去进行游轮购票以及选座,管理者需要一个合适的平台去管理消费者的需求,使得各项工作都能够有条有理的进行。邮轮可视化选座系统正是为了满足游客们的需求,方便管理者管理,顺应电子信息时代潮流而被开发的系统。游客们通过此系统可以了解游轮的订票座位情况等,以便更好的选择自己想要的座位进行购票,管理者可以通过此系统更方便地对旅游信息进行发布以及收集游客们的选座购票信息等。欧美等发达国家由于信息化发展的时间远远领先于我们,经过几十年的摸索和发展,其选座系统的信息化程度很高,信息化已经涉及选座管理的方方面面,比如航空选座购票,选座预约等等系统发展都比较完善。
随着计算机网络的不断渗透,人们的生活与工作、学习的方式也在慢慢发生变化。传统的用户相关信息管理方式一般都采取人工的方式,信息的获取、整理、修改、存储等工作还停留在人工阶段。这种方式一方面需要花费大量的人力、物力和金钱,交互起来比较困难,而且会浪费时间:另一方面对用户等信息的管理,特别是随着用户数量的递增,查询、修改起来特别困难:最后由于用户等其他信息的不断增加,信息的存储也成为了难题。
一些发达国家,网络发展比较快,已经很大程度上完成了从人工到计算机管理的转变。我国计算机应用起步比较晚,而且发展区域不平衡,还有很多地区或单位使用传统的方式进行管理,但是目前计算机发展较快,包括网络也已经普及,很多单位和用户也开始慢慢接触网络管理系统。纵观这些系统主要有以下几个特点:
(1)先进性:实现网络化管理。
(2)通用性:同一行业基本都能使用。
(3)方便性:通过网络就能完成管理工作。
(4)及时性:信息更新及时。
(5)可扩展性:可根据需要进行模块的增加。
截至如今,互联网已经深入人们的生活,智能手机、笔记本电脑等已经是人们获取信息.的主要工具,这是一个沟通无限的时代,因此,利用网络来进行在线游轮可视化选座系统的管理也成为大势所趋,所以,开发一个游轮可视化选座系统是必须的。
-
- 论文组成结构
根据市场调研得到的信息数据,利用相关系统开发和设计方法,最终设计出游轮可视化选座系统。
本文共有七章,如下所示。
第一章概述了游轮可视化选座系统的研究目的和意义;精炼地总结了领域研究情况和未来的研究趋势,最后给出了论文的组成结构。
第二章简要概述了本文所用的开发技术和工具。
第三章简要对系统各业务流程进行需求分析、可行性分析。
第四章对游轮可视化选座系统进行设计。
第五章对游轮可视化选座系统进行实现,并贴出相关页面截图,语言描述出具体功能实现的操作方法。
第六章对游轮可视化选座系统采用测试用例的方式来对一些主要功能模块测试,最后得出测试结果。
第七章总结全文并对未来的研究做出展望。
- 相关技术介绍
- MVVM模式
MVVM是Model-View-ViewModel的简写。它本质上就是MVVM 的改进版。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的新特性糅合进去,以应对客户日益复杂的需求变化。
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用(SPA)提供驱动。
-
- Mysql数据库
科技的进步,给日常带来许多便利:教室的投影器用到了虚拟成像技术,数码相机用到了光电检测技术,比如超市货物进出库的记录需要一个信息仓库。这个信息仓库就是数据库,而这次的养老院管理系统也需要这项技术的支持。
用MySQL这个软件,是因为它能接受多个使用者访问,而且里面存在Archive等。它会先把数据进行分类,然后分别保存在表里,这样的特别操作就会提高数据管理系统自身的速度,让数据库能被灵活运用。MySQL的代码是公开的,而且允许别人二次编译升级。这个特点能够降低使用者的成本,再搭配合适的软件后形成一个良好的网站系统。虽然它有缺点,但是综合各方面来说,它是使用者的主流运用的对象。
B/S(Browser/Server)比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端,那么工作就达到“瘦身”效果, 不需要考虑不停装软件的问题。
SSM即SpringMVC+Spring+Mybatis,这三个框架有各自最独有的优势,那么将它们组合在一起能够碰撞出很强的火花.设计者在不需消耗大量功夫,能做出Web应用程序,而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点.这个复合框架形成一个有着结构完整、功能强大和结构良好的体系:SpringMVC使各板块分离,Spring使开发更灵活方便,使用Mybatis让开发者直接对对象进行操纵,各层次分工明细,并实现各个层次间的解耦,让代码更加的灵活精简.这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏,也能在后期应对客户对产品提出的新需求.
-
- Vue.js 主要功能
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能驱动复杂的单页应用。
- 系统分析
本系统将在经济、技术、操作这三个角度上进行可行性分析。
整个系统从设计到开发以及测试过程严谨步骤齐全,所有工作任务全部由本人完成,并未获取外部技术支持,节约了一切服务成本开销以及人工成本,在硬件方面,为节约成本使用一台二手移动工作站作为项目部署服务器以及数据库服务器,成本在一万元一下,真个网络部署也是由本人独立完成不涉及到其他人工费用,整个开发过程本着低成本,低消耗的原则。
技术可行性分析的目的是确认该系统能否利用现有技术实现,并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下,计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于SSM框架,所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少,所以用Mysql数据库开发和设计软件理论上没有问题,因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。
游轮可视化选座系统的使用界面简单易于操作,采用常见的界面窗口来登录界面,通过电脑进行访问操作,用户只要平时使用过电脑都能进行访问操作。此系统的开发采用SSM框架开发,人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。
前台功能需求:
浏览首页内容。
个人中心:修改个人信息,修改密码。
通知公告:浏览通知公告内容。
旅游资讯:浏览旅游资讯内容,可以点赞收藏评论。
席位信息:可以搜索餐厅名称,类型,点击进去可以查看餐厅详情,可以点击选座按钮填写信息。
后台功能需求:
管理员
个人中心:修改个人信息,修改密码。
公共管理:对轮廓图,公告信息内容的发布管理。
用户管理:管理和所有注册用户信息资料,可以删除添加修改等功能。
信息管理:管理和发布旅游资讯内容,资讯分类。
席位信息管理:可以查询,添加,删除和修改席位信息。
餐厅类型管理:对餐厅类型的分类管理。
选座信息管理:可以查看所有用户提交的选座信息。
用户用例图如下所示。
图3-1用户用例图
管理员用例图如下所示。
图3-2管理员用例图
席位信息管理用例描述如下表所示。
表3-1席位信息用例描述
用例名称 | 添加席位信息 | |
参与者 | 管理员 | |
用例概述 | 本用例用于管理员进行添加席位信息操作 | |
前置条件 | 管理员添加席位信息前必须登录系统 | |
后置条件 | 系统中添加新席位信息功能 | |
基本事件流 | 参与者动作 | 系统响应 |
4、管理员填写新席位信息,点击“添加”按钮。 | 2、系统打开添加新席位信息界面。 3、系统检查管理员输入的席位信息信息是正确有效的。 5、系统将席位信息数据倒入数据库中。 6、系统提示“操作成功”。 7、系统跳转到席位信息管理界面。 | |
其他事件流 | 系统验证管理员输入的席位信息名为空,则提示“*请填写席位信息名称!”。 |
席位信息删除用例描述如下表所示。
表3-2席位信息删除用例描述
用例名称 | 删除席位信息 | |
参与者 | 管理员 | |
用例概述 | 本用例用于管理员进行席位信息删除操作 | |
前置条件 | 管理员删除席位信息必须登录系统 | |
后置条件 | 系统中删除一个席位信息 | |
基本事件流 | 参与者动作 | 系统响应 |
1、管理员在后台主界面选择“席位信息管理”。 4、管理员选择一个席位信息,点击“删除”按钮。 6、管理员点击“确定”按钮。 | 2、系统从数据库中获取席位信息信息列表 3、系统打开席位信息管理界面。 5、系统提示“你确定要删除吗?”。 7、系统将席位信息从数据库中删除。 8、系统提示“删除成功”。 9、系统跳转到席位信息管理界面。 | |
其他事件流 | 无 |
用户编辑用例描述如下表所示。
表3-3用户编辑用例描述
用例名称 | 修改用户 | |
参与者 | 管理员 | |
用例概述 | 本用例用于管理员进行修改用户信息操作 | |
前置条件 | 管理员已经登录系统 | |
后置条件 | 系统中更新一条用户记录 | |
基本事件流 | 参与者动作 | 系统响应 |
1、管理员在后台主界面选择“用户管理”。 4、管理员在用户列表中选择一个用户,点击“编辑”按钮。 6、管理员填写用户信息,点击“保存修改”按钮。 | 2、系统从数据库中获取用户信息。 3、系统打开用户列表界面。 5、系统打开修改用户信息界面。 7、系统将更改后的添加到数据库中。 8、系统提示“操作成功”。 9、系统跳转到用户管理界面。 | |
其他事件流 | 无 |
随着用户量的增加,系统可能会需要同时服务上千、上万个页面,服务器需要同时响应大量用户的操作,这就要求系统需要有良好的可扩展性,否则系统会出现延迟,卡顿甚至服务器崩溃的问题。高扩展性可以使软件保持旺盛的生命力,同时也能够使系统更好的适应用户增加、提高性能需求、增加应用功能等改变。
系统中保存了大量用户和管理员的个人信息,因此,保证系统服务器和数据安全是在开发过程中需要考虑的重要问题。安全性包括服务器安全、操作系统安全、数据库安全、程序代码安全以及用户个人信息和支付安全等,系统可以通过采用防火墙技术、加密技术、认证技术等来增强其安全性,只有一个健壮安全的系统才能具有长久的生命力。
通过软件的需求分析已经获得了系统的基本功能需求。根据各大功能模块的不同,将系统分为各种功能大块。系统功能结构如下图所示。
图4-1系统功能结构图
注册/登录
游客(未进行注册或登陆的用户)可以浏览、搜索旅游资讯,用户注册首先需要进行表单验证,来验证用户名和手机号码是否合法,然后验证用户名和手机号是否已经存在,验证通过即可注册。
注册成功后,用户可以通过输入用户名来登录系统,输入密码后进行验证。登录成功后,用户可以使用通知公告浏览、席位信息搜索、个人中心、收藏管理等功能。
个人信息管理
用户登录系统后,在账户设置中,可以修改昵称、头像、手机号、登陆密码等个人基本信息。
席位信息搜索
系统首页展示了席位信息搜索输入框,用户在输入框内输入与席位信息名称相关的关键字,系统通过模糊查询搜索到用户需要的席位信息并展示。
席位信息展示
用户在浏览席位信息详情时,点击某一个席位信息,跳转到该席位信息的详情展示页。在席位信息页面展示了席位信息的详情信息,比如餐厅名称,餐厅位置,席位数量等,用户通过浏览信息了解主要内容,最终决定是否选座。
概念设计包括实体和联系两部分,如该系统中,用户是一个实体,其属性包括用户 ID 标识、用户名、密码、电话、地址等属性。联系是指实体之间有意义的关联,包括一对一、一对多、多对多三种类型。
系统E-R图如下所示。
图4-2系统E-R图
针对系统的实体和属性,结合数据设计思想,对系统的逻辑设计的内容进行如下描述。
席位信息(餐厅名称、餐厅类型,餐厅位置,席位数量,餐厅简介,图片等)。
用户信息(用户姓名,性别,照片,电话等)。
数据库表是设计和实现系统的一个重要基础。以下列出了游轮可视化选座系统几个重要的数据库表。
表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 | 用户编号: |
表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 | 更新时间: |
表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: |
表praise (点赞)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | praise_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: |
8 | status | bit | 1 | 0 | N | N | 1 | 点赞状态:1为点赞,0已取消 |
表seat_information (席位信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | seat_information_id | int | 10 | 0 | N | Y | 席位信息ID | |
2 | seat_name | varchar | 64 | 0 | Y | N | 席位名称 | |
3 | seat_no | varchar | 64 | 0 | Y | N | 席位编号 | |
4 | seat_type | varchar | 64 | 0 | Y | N | 席位类型 | |
5 | seat_position | varchar | 64 | 0 | Y | N | 席位位置 | |
6 | unit_price_of_seats | int | 10 | 0 | Y | N | 0 | 席位单价 |
7 | number_of_seats | int | 10 | 0 | Y | N | 0 | 席位数量 |
8 | cover_photo | varchar | 255 | 0 | Y | N | 封面图片 | |
9 | introduction_to_seats | text | 65535 | 0 | Y | N | 席位简介 | |
10 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
11 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
12 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
13 | seat | varchar | 64 | 0 | N | N | 座位号 | |
14 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表seat_type (席位类型)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | seat_type_id | int | 10 | 0 | N | Y | 席位类型ID | |
2 | seat_type | varchar | 64 | 0 | Y | N | 席位类型 | |
3 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
4 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
5 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表ticket_purchase_information (购票信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | ticket_purchase_information_id | int | 10 | 0 | N | Y | 购票信息ID | |
2 | seat_name | varchar | 64 | 0 | Y | N | 席位名称 | |
3 | seat_no | varchar | 64 | 0 | Y | N | 席位编号 | |
4 | seat_type | varchar | 64 | 0 | Y | N | 席位类型 | |
5 | unit_price_of_seats | int | 10 | 0 | Y | N | 0 | 席位单价 |
6 | number_of_seats_selected | int | 10 | 0 | Y | N | 0 | 选座数量 |
7 | total_price | varchar | 64 | 0 | Y | N | 合计价格 | |
8 | ticketing_user | int | 10 | 0 | Y | N | 0 | 购票用户 |
9 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
10 | pay_state | varchar | 16 | 0 | N | N | 未支付 | 支付状态 |
11 | pay_type | varchar | 16 | 0 | Y | N | 支付类型: 微信、支付宝、网银 | |
12 | recommend | int | 10 | 0 | N | N | 0 | 智能推荐 |
13 | seat | varchar | 64 | 0 | N | N | 座位号 | |
14 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
15 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表user_group (用户组:用于用户前端身份和鉴权)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | group_id | mediumint | 8 | 0 | N | Y | 用户组ID:[0,8388607] | |
2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000] |
3 | name | varchar | 16 | 0 | N | N | 名称:[0,16] | |
4 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该用户组的特点或权限范围 | |
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: |
8 | register | smallint | 5 | 0 | Y | N | 0 | 注册位置: |
9 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
用户注册完成后,点击“登陆”进入到登陆页面,输入用户名和密码,点击“登陆”按钮,对用户名和密码进行验证,根据传入的用户名和密码在数据库中是否能查询到一条用户信息,若不能返回用户信息则登陆失败,页面提示用户名或密码错误。
登录界面如下图所示。
图5-1登录界面
用户登录的逻辑代码如下所示。
/**
* 登录
* @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;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}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.select(groupMap, new HashMap<>()).getResultList();
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
String res = String.valueOf(service.runCountSql(sql).getSingleResult());
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, "账号或密码不正确");
}
}
用户界面要尽量简洁大方,使用户能够方便找到需要的功能入口,浏览、席位信息、旅游资讯,通知公告等,同时还要保证用户合法和系统安全。
首页界面如下图所示。
图5-2首页界面
用户进入系统首页后,点击“注册”链接进入到注册页面,按照页面提示输入用户名、密码和手机号,页面进行表单验证,验证输入的用户名和手机号是否合法,表单验证通过后,点击“立即注册”按钮,利用 Ajax 技术,对用户名和手机号实现页面无刷新验证,检测数据库中是否已经存在该用户名或手机号,若数据库中不存在,则注册成功,注册成功后,自动跳转到登录页面。
用户注册界面如下所示。
图5-3用户注册界面
用户注册逻辑代码如下:
* 注册
* @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;
}
用户点击旅游资讯栏目,进入页面可以在搜索框里局部搜索旅游相关文章内容;选择对应的旅游资讯文章内容点击进去可以查看内容详情,用户可以点赞收藏评论等操作。
旅游资讯首页界面,如下图所示。
图5-4旅游资讯界面
用户点击席位信息栏目,可以关键字搜索餐厅名称,类型,选择对应的席位信息可以查看席位详情内容,可以点击选座填写选座信息。
席位信息界面如下图所示。
图5-5席位信息界面
管理员对系统用户的管理,在yhzhgl.Java实现管理员用户的管理,包括录入、删除、修改,修改密码通过SESSION获取用户名,然后输入新密码,提交到mod.Java中,使用sql命令更新密码。
管理员在后台管理界面点击信息管理栏目,可以查看当前所有旅游资讯内容,资讯分类,并可对其进行新增,删除,修改,查询等操作。
信息管理界面如下图所示。
图5-6信息管理界面
信息管理界面逻辑代码如下:
@RequestMapping(value = {"/avg_group", "/avg"})
public Map<String, Object> avg(HttpServletRequest request) {
Query count = service.avg(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
管理员可以获取系统中所有席位信息列表并对其进行编辑和餐厅分类。管理员在添加席位信息时,需要输入基本内容和上传封面图等,添加席位信息完成,数据库席位信息表添加一条信息。也可以对席位信息列表删除和修改操作。
席位信息管理界面如下图所示。
图5-7席位信息管理界面
席位信息添加界面如下图所示。
图5-8席位信息添加界面
席位信息管理的逻辑代码如下:
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
public Map<String,Object> readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map<String,Object> body){
StringBuffer sql = new StringBuffer("INSERT INTO ");
sql.append("`").append(table).append("`").append(" (");
for (Map.Entry<String,Object> entry:body.entrySet()){
sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
}
sql.deleteCharAt(sql.length()-1);
sql.append(") VALUES (");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("'").append(entry.getValue()).append("'").append(",");
}else {
sql.append(entry.getValue()).append(",");
}
}
sql.deleteCharAt(sql.length() - 1);
sql.append(")");
log.info("[{}] - 插入操作:{}",table,sql);
Query query = runCountSql(sql.toString());
query.executeUpdate();
}
-
-
- 选座信息管理的实现
-
管理员点击选座信息栏目,可以查看所有用户提交的选座信息,并对其进行查询,重置,新增和删除等操作。
选座信息管理界面如下图所示。
图5-9选座信息管理界面
以进入系统首页的访问速度为例展示系统的性能测试;系统的主要用户是查看旅游资讯和选座,系统要在3秒钟内响应;需要完成页面的首页轮播图片、席位信息列表、旅游资讯以及各功能模块入口等元素的显示。
功能性测试是指执行指定的工作流程,通过对一个系统的所有特性和功能都进行测试确保符合需求和规范。
系统功能性测试表如下表所示。
表6-1系统功能性测试表
编号 | 测试功能 | 测试内容 | 测试结果 |
1 | 用户登录 | 1.验证用户名与密码的正确性。 2.验证密码是否可见。 | 通过 |
2 | 首页展示 | 1.首页数据是否成功加载。 2.验证搜索功能的准确性。 3.验证是否可以异步加载。 4.验证导航栏按钮。 | 通过 |
3 | 个人信息修改 | 1.验证登录名是否可以正常更改。 2.验证联系方式是否可以更改。 3.验证收货地址可以正常修改。 4.验证密码是否可以修改。 | 通过 |
7 | 席位信息管理 | 1.验证信息新增是否可以成功。 2.验证信息删除是否可以成功。 | 通过 |
8 | 餐厅类型管理 | 1.类型信息是否与上传一致。 2.是否能完成信息修改。 3.验证餐厅类型管理发布修改。 | 通过 |
9 | 选座信息管理 | 1.能否正常进行选座管理。 2.验证数据准确性。 | 通过 |
10 | 用户管理 | 1.验证用户录入功能。 2.验证用户修改信息功能。 | 通过 |
集成测试后,所有的模块已经全部连接完毕,形成了一个完整的系统。合格性测试是在集成测试完毕后,进一步对系统进行综合性的检测。经过合格性测试,可以检查出系统是否符合系统的设计,能够完成需求的所有功能。本系统经过最后的测试,所有模块功能都能按预定要求工作。
在实际测试中,经过一系列系统性的测试,使我们能够及时发现一些系统在设计中出现的疏忽和漏洞。经过严密的测试,不仅发现了模块内部的错误,也查找到模块连接后产生的错误。经过测试,对系统产生错误的地方进行优化、修改和完善,使得系统能够实现最初设计的基本功能。
此时项目已经完成,即使实施的时间不是很长,但是在这个过程中需要准备很长的一段时间去对系统设计开发所实际用到的技术进行学习和巩固。在学习的过程中,我逐渐认识到了我自身存在的一些不足。对于一些控制是必要的应用技能,能够理解,整个过程中仅仅是掌握了常用的性能和控制方法,我觉得还是相对来说挺容易的。从该系统中,系统的分析和设计的调查数据,已经经历了几个月,并且努力了几个月,该系统现在已经完成。很显然,该系统仍有很多不成熟的地方,在系统设计过程中有许多技术缺陷存在。在设计的过程中也涉及到了很多自己无法解决的问题,主要通过找专业的网站和论坛来解决这些问题,对于圆满完成我的毕业设计,他们也贡献了很大一部分力量。
系统的开发环境和配置都是可以自行安装的,系统使用Java开发工具,使用比较成熟的mysql数据库进行对系统前台及后台的数据交互,根据技术语言结合需求对数据库进行修改维护,可以使得系统运行更具有稳定性和安全性,从而完成实现系统的开发。
在设计系统的过程中还遇到了一个棘手的问题,那就是自己的英语水平还有待提高,很多关于网站技术开发的资料文献都是英文版的,关键词语以及技术性词汇不能很好的理解。只有在借助翻译软件的实时性翻译功能的辅助下才勉强看懂。显然英语水平的高低直接影响到系统的开发过程。
回顾毕业设计的整个过程,既付出了努力与汗水也收获了很多难以忘怀的美好经历。虽然在系统开发过程中经历了各种各样的困难,自己也在不断研究与探索,可是系统的实现仍有许多不足之处。但是经过系统编程工作的学习让我有了更多的信心,相信在未来的路上我会走的更好。
参考文献
[1]戴施伟,周凌珉,郑一泓.基于SSM框架和RabbitMQ技术的OJ系统的设计与实现[J].计算机时代,2022(10):81-84+88.
[2]王崟,陆莉莉.从SSM进阶到Spring Boot课程的教学内容设计[J].电脑知识与技术,2022,18(26):163-166.
[3]赵敏.基于移动互联网的城市轨道交通客运服务[J].中国储运,2022(09):61-62.
[4]黎洁霞,甘渐宽,王方会,白玉.基于SSM框架的新型可视化食堂管理系统[J].网络安全技术与应用,2022(08):40-41.
[5]区嘉乐,程碧荣,许玉滢.基于购票行为数据的城际铁路乘客市场细分研究[J].五邑大学学报(自然科学版),2021,35(04):52-59.
[6]王江霖,黄彩霞,樊旭龙.基于SSM框架的网络资源共享平台的研究与实现[J].电脑知识与技术,2021,17(28):76-78.
[7]吴杰.基于“互联网+”的自动售票机的研究和实现[J].电子技术与软件工程,2021(16):131-132.
[8]彭爱泉,曲行达.基于LabVIEW的列车自主选座系统的设计[J].电子制作,2021(12):97-98.
[9].南方航推出VR选座服务[J].航空维修与工程,2020(01):85.
[10].厦航上线全新电子登机牌 旅客可在家值机选座[J].空运商务,2019(09):10.
[11]刘晶晶. 航空公司附加服务对旅客购票行为的影响研究[D].中国民航大学,2020.
[12]李嘉咏.连推一人多座和VR选座 南航赋予座位服务新的想象力[J].区域治理,2019(19):83-85.
[13]王倩倩,王丽丽.Petri网在网络选座系统的建模优化分析[J].赤峰学院学报(自然科学版),2019,35(01):60-62.
[14]胡淑雲,李军祥,陶亦璇.基于微信和无线射频识别技术的高校图书馆选座系统设计[J].黑龙江科学,2019,9(01):126-127.
[15]谢光,边春晖,张云聪.在线选座系统的设计与实现[J].信息与电脑(理论版),2019(14):99-100..
[16] Wu Jie. Research and implementation of Internet plus-based ticket machine [ J ] . Electronic Technology and software engineering, 2021(16) : 131-132.
[17] Xiamen Airlines online new electronic boarding pass, passengers can choose a seat at home [ J ] . Air Commerce, 2019(09) : 10.
致谢
时间过得真快,眨眼之间,大学四年的学习生活即将结束,无论是在学习还是生活的这四年,老师们给了我很多帮助,让我终身受益匪浅。老师们不仅帮我树立了正确的人生观和价值观,还帮我养成了很多好习惯,树立了终身学习的意识。在此,我要对我的所有老师表示衷心的感谢。与此同时,我还要感谢陪伴我在这四年里一起成长的伙伴们。他们给了我无私的帮助和关怀,让我在人生最好的四年中获得许多真诚的友谊。
毕业设计是大学四年的最后一个答卷,我们正忙着这四年的美好结束。在毕业项目主题选择的早期阶段,我很紧张担心自己选择的主题很复杂,难以理解,觉得不能这样做会影响我的毕业。是指导老师给我们提供了毕业设计的主题和具体要求,让我们对毕业设计不要太模糊,如果对主题有任何异议,要及时跟他沟通,并且还帮我们介绍他带过的优秀学哥学姐,对我们进行指导,这样再设计上遇到的问题就可以及时得到解决,对我们完成毕业设计提供好的指导条件。
对于毕业设计项目主要是对我在大学所学的专业知识进行一次综合的考验,让我们通过所学的技术知识可以真正的运用到实际动手开发中,通过项目的开发让我意识到自己很多地方的不足,所学知识的不扎实,不能很好的将自己所学的知识运用到系统实际开发上。后来通过自己在图书馆查阅大量书籍,完成系统的设计大纲,阅读笔记和翻译,毕业设计不仅要考验我们的个人能力,还要测验我们的学习态度,做到细节的事情。对于指导老师的帮助,我的毕业设计才可以顺利的完成,我非常感谢。
最后要感谢我的同学们,是你们不断的帮助、鼓励、熬夜、保持调试,测试程序,最终完成健康养老平台的运行。我们在交流,谈论时间,将是我们未来的财富,我要深深地感谢你。