计算机毕业设计ssm机票比价预订系统77wuth68(配套有源码 程序 mysql数据库 论文)
本套源码可以在文本联xi,先看具体系统功能演示视频领取,可分享源码参考。
航旅高峰时期,各航司、OTA平台价格瞬息万变,传统人工查价比价耗时耗力,退改签流程繁琐易错。借助Java+SSM+MySQL技术栈,这套B/S架构系统将比价、预订、退改签、通知公告全链路搬到线上,实现价格实时聚合、订单秒级响应,为用户省钱省时,为运营方降本增效。
功能全景:
-
用户注册/登录、个人资料管理
-
航班信息展示(航班号、起降城市、时间、航司、座位类型、余票、票价、图文介绍)
-
航班收藏、比价搜索、实时筛选
-
在线订票(生成订单编号、选座、自动计算总价、支持在线支付)
-
退票申请(填写原因、上传凭证、审核流程)
-
改签申请(选择新航班、补差价或退差价、审核流程)
-
通知公告与公告分类
-
轮播图、系统参数配置
-
订单中心(订票/退票/改签记录、订单状态、支付状态)
一句话:从比价到出票,从退票到改签,全环节线上闭环,让机票购买像网购一样简单透明。
注:以上是纯课题毕业设计功能介绍,并非实际开发完成,最终开发完成的毕业设计程序以下面的的环境软件、功能图和界面为准。
系统所需要的环境软件:idea、eclipse+mysql5.7、8.0+Navicat+JDK1.8+tomcat7.0
3系统分析
3.1系统的性能
系统的性能是指操作系统完成现有的程序的有效性、稳定性以及响应速度,操作系统完成一个任务时,与系统自身设置、路由的设计、网络性能的测试、设备的使用情况等多个方面都密切相关,要是任何一个环节出现问题,就都会影响整个系统的性能。所以要从网络的设置、系统的操作、硬件的组合、程序的应用等方面综合检查,然后问题出现在哪个部分,可以集中进行解决[9]。
在程序的应用、系统的操作、硬件的组合、网络的设置等方面,影响性能最大的是程序的应用和系统的操作两个方面,因为这两个方面如果出现的问题是不太容易察觉,隐蔽性非常的强。而硬件的组合、网络的设置只要出现问题,一般都能马上发现。主要了解一下系统的操作方面的性能操作思路,程序的应用方面需要具体问题还需要有具体的解决办法[10]。
随着智能设备的快速发展,以及对于网络的深入认识,这种高度分布式架构最终会变为移动计算。但是,随着计算量的日益增大,系统架构师开始将计算任务转移到共享网络的计算上,这样,他们就可以利用共享网络的计算可以无限制的计算量和存储相关的资源,并享受其带来的比较高的可靠性以及低成本。因此,近年来,许多的企业开始向以共享网络计算为中心的更加有效化的方式发展[11]。
3.1.1项目背景
主要是对于机票比价预订工作调研,以及对机票比价预订信息采集、存储、查询和更新。在机票比价预订管理问题上对于现有管理上的不足,用户可以通过后期查询机票比价预订信息,从而使机票比价预订管理更加便利。
用户的不同,导致所给权限的不同。管理员属于最高权限的用户,对系统所有功能都可以管理,用户权限是管理员给予的,所以只能操作自己权限内的功能,给二种不同用户不同权限与界面,从而让系统更加广泛的使用与管理[12]。
在实际的系统项目开发中,需要怎么做开发和一些现实中的做法是紧密结合在一起的,整体开发的过程还有应用的场景通常也会是一个持续发展的过程,在一个特定的设计中,如何开发,将会对实际的实施流程产生影响,要注意到怎样进行部署和运行。因此,整个系统的研发,都是紧密相连的,要是真的划分为独立的几个阶段,忽视其作为一个整理的综合考虑,每个步骤的实施过程必然会遇到由于上一阶段考虑不周全带来的问题,从而影响整体开发的效率。
设计者往往以需求为中心进行工作,而大多数的功能需求是从总体上进行分析和思考,即从设计者的角度去了解需求。但是要真正理解真实需要,光从开发人员的观点出发还远远不够,还需要从实际的行业发展以及相关地方情况考虑,要从更高的层面去分析,这是真实的需要;同时,我们也要更好的了解他们的用户思维,了解他们的应用情况,和他们的思想,这是他们的需要[13]。
3.1.2需求分析
要想在实际的情况下,开发出一套符合使用者要求的机票比价预订系统,首先要了解使用者的需求。对机票比价预订的需求有深刻的了解,无论设计与开发工作多么优秀,都是一个成功的先决条件,也可以这么说,要不能满足用户需求的程序,是创造不出非常大的使用价值的,而且还给设计者带来很多的不利。需求分析是机票比价预订系统设计时期的比较重要的一个阶段,它的基本内容是准确地解释出系统将会能够做些什么事情的关键问题,最终完成的是一份完整的系统的使用说明。
(1)有一些功能方面的需求,通过需求分析,可以找出需要完成的几个基本功能模块。性能要求也是指在系统设计的时候,需要满足一定的要求和限制,比如响应时间、信息处理、内存容量、磁盘容量、安全等等。
(2)系统的可靠性要求也是一个必须考虑的问题,它可以将可用性和可靠性结合起来,显示了用户在使用时经常遇到的问题。硬件要求也包括需要处理错误,以表明系统如何应对环境错误。如果自己的系统收到来自其他系统的信息,这些信息违背了某些格式,这时系统应该会有什么样的响应情况。
(3)软件方面的需求还有一些逆向的需求,就是系统不能做的事情。可以说,有很多种不同的要求,而开发人员应该能够准确的理解他们的真正需要,并且可以应用到机票比价预订系统中。还有应该明确地找出一些虽然不属于当前机票比价预订系统开发的情况,但是据现在的分析,将来是非常可能会需要的可能需求。经过这个需求的分析,在设计过程中对机票比价预订系统将来有机会出现的问题有所准备,要能够确实需要的时候可以更加轻松的修改。
3.2系统用例图
在设计系统的过程中,用例图也是系统设计过程中必不可少的模型,如果说系统的结构图可以简洁明了的表示出系统的有关功能模块,那么用例图则可以更为细致的,结合系统中人员的有关分配,能够从细节上描绘出系统中有关功能所完成的具体事件,确切的反映出某个操作以及它们相互之间的内部联系。
其中参与者就是和系统能够发生交互的外在实体,一般可以指系统的某个用户。一个用例图就能对应出系统中的一个功能过程,系统中完整的功能都是由许多不同的用例图所组成的。
系统用例图如图3-1、图3-2、图3-3所示。
图3-1 管理员管理用例图
图3-2 用户用例图
图3-3 管理员用例图
3.3 系统流程图
流程图就是用它已经特定的图形符号以及相应的线条,用来展现出系统在执行中的整个的过程。由于这种图形能够很方便的描绘系统的一系列流程,所以它的所有的图形符号是比较关键的,基本都是一个图形符号就能表示某个过程的一个单独的步骤。流程图不只是提供出比较完整、全面的执行过程,而且在整个团队的协作设计过程中,还可以发现其中有可能存在的缺陷以及不足,便于在后续的过程中能够及时的纠正和完善系统。
登录流程图和添加信息流程图分别如图3-4、图3-5所示。
图3-4登录流程图
图3-5 添加信息流程图
4 系统设计
4.1系统功能结构设计图
本次系统所涉及到的有关的功能,都是用功能结构图来简洁和清晰的表示出来,功能结构图就是能够把比较复杂的功能结构用图的形式清晰的描绘下来,并且为后续的设计以及测试等模块提供了明确的方向,在构思功能结构图的时候,便可以给设计的过程带来一定的思维导向,不至于在设计过程中有所遗漏,可以尽可能的明确系统所涉及到的功能。
系统的功能结构图如图4-1所示。
图 4-1系统功能结构图
4.2数据库设计
4.2.1数据库设计原则
学习程序设计,如果要了解数据库管理系统或者是根据需求而制定的系统接口,就必须创建一种数据库管理系统的模式,用来保存数据资料,这样当在应用编程过程中时候,就不需要再向操作系统页面上加载信息,进而增加了整个系统的工作效率。信息库管理系统中保存着许多数据,应该说是一个管理信息系统建设的中心和基础,而信息库管理系统也为管理信息系统建设提出了新增、删除、更改和搜索的操作功能,使管理信息系统建设能够迅速地查询所需要的数据,而不会直接从程序代码中查找。信息库管理系统通过将信息表的各个组成部分按照特定的方法准确地合并,排序和组成信息库管理系统。
通过对机票比价预订系统的主要功能信息进行规划并分为若干功能实体信息,实体信息将使用E-R图加以表示,本系统的主要功能实体图如图4-2、图4-3、图4-4、图4-5所示。
图4-2系统信息E-R图
图4-3用户信息E-R图
图4-4航班信息E-R图
图4-5订票信息E-R图
机票比价预订系统总体E-R图如图4-6所示。
图4-6机票比价预订系统总体E-R图
5系统详细设计
5.1前台用户功能的实现
当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到机票比价预订系统的导航条显示系统首页、航班信息、通知公告、个人中心。系统首页界面如图5-1所示:
图5-1 系统首页界面
在注册流程中,用户在Vue前端填写必要信息(如用户名、密码等)并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息,检查用户名是否唯一,并将新用户数据存入MySQL数据库。完成后,后端向前端发送注册成功的确认,前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图5-2所示:
图5-2 用户注册界面
以下是用户注册代码:
<script> export default { data() { return { ruleForm: { }, pageFlag : '', tableName:"", rules: {}, }; }, mounted(){ this.pageFlag = this.$storage.get("pageFlag"); let table = this.$storage.get("loginTable"); this.tableName = table; }, created() { }, destroyed() { }, methods: { // 获取uuid getUUID () { return new Date().getTime(); }, close(){ this.$router.push({ path: "/login" }); }, yonghutouxiangUploadChange(fileUrls) { this.ruleForm.touxiang = fileUrls; }, // 多级联动参数 // 注册 login() { var url=this.tableName+"/register"; if((!this.ruleForm.yonghuzhanghao) && `yonghu` == this.tableName){ this.$message.error(`用户账号不能为空`); return } if((!this.ruleForm.yonghuxingming) && `yonghu` == this.tableName){ this.$message.error(`用户姓名不能为空`); return } if((!this.ruleForm.mima) && `yonghu` == this.tableName){ this.$message.error(`密码不能为空`); return } if((this.ruleForm.mima!=this.ruleForm.mima2) && `yonghu` == this.tableName){ this.$message.error(`两次密码输入不一致`); return } if(`yonghu` == this.tableName && this.ruleForm.lianxidianhua&&(!this.$validate.isMobile(this.ruleForm.lianxidianhua))){ this.$message.error(`联系电话应输入手机格式`); return } if(this.ruleForm.touxiang!=null) { this.ruleForm.touxiang = this.ruleForm.touxiang.replace(new RegExp(this.$base.url,"g"),""); } this.$http({ url: url, method: "post", data:this.ruleForm }).then(({ data }) => { if (data && data.code === 0) { this.$message({ message: "注册成功", type: "success", duration: 1500, onClose: () => { this.$router.replace({ path: "/login" }); } }); } else { this.$message.error(data.msg); } }); } } };
在登录流程中,用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求,通过与MySQL数据库交互验证用户凭证。如果认证成功,后端会返回给前端,允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-3所示:
图5-3 用户登录界面
以下是用户登录代码:
mounted() { let menus = menu.list(); this.menus = menus; for (let i = 0; i < this.menus.length; i++) { if (this.menus[i].hasBackLogin=='是') { this.roles.push(this.menus[i]) } } }, created() { this.getRandCode() }, destroyed() { }, components: { }, methods: { //注册 register(tableName){ this.$storage.set("loginTable", tableName); this.$storage.set("pageFlag", "register"); this.$router.push({path:'/register'}) }, // 登陆 login() { if (!this.rulesForm.username) { this.$message.error("请输入用户名"); return; } if (!this.rulesForm.password) { this.$message.error("请输入密码"); return; } if(this.roles.length>1) { if (!this.rulesForm.role) { this.$message.error("请选择角色"); return; } let menus = this.menus; for (let i = 0; i < menus.length; i++) { if (menus[i].roleName == this.rulesForm.role) { this.tableName = menus[i].tableName; } } } else { this.tableName = this.roles[0].tableName; this.rulesForm.role = this.roles[0].roleName; } this.$http({ url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`, method: "post" }).then(({ data }) => { if (data && data.code === 0) { this.$storage.set("Token", data.token); this.$storage.set("role", this.rulesForm.role); this.$storage.set("sessionTable", this.tableName); this.$storage.set("adminName", this.rulesForm.username); this.$router.replace({ path: "/index/" }); } else { this.$message.error(data.msg); } }); }, getRandCode(len = 4){ this.randomString(len) }, randomString(len = 4) { let chars = [ "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9" ] let colors = ["0", "1", "2","3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"] let sizes = ['14', '15', '16', '17', '18'] let output = []; for (let i = 0; i < len; i++) { // 随机验证码 let key = Math.floor(Math.random()*chars.length) this.codes[i].num = chars[key] // 随机验证码颜色 let code = '#' for (let j = 0; j < 6; j++) { let key = Math.floor(Math.random()*colors.length) code += colors[key] } this.codes[i].color = code // 随机验证码方向 let rotate = Math.floor(Math.random()*60) let plus = Math.floor(Math.random()*2) if(plus == 1) rotate = '-'+rotate this.codes[i].rotate = 'rotate('+rotate+'deg)' // 随机验证码字体大小 let size = Math.floor(Math.random()*sizes.length) this.codes[i].size = sizes[size]+'px' } }, } };
用户点击航班信息,在航班信息页面的输入栏填写航班号、起飞城市、到达城市、航空公司进行查询,还可以查看航班号、起飞城市、到达城市、起飞时间、到达时间、座位类型、票数、票价、航空公司、航班图片等信息,如果有需要可以点击订票等详细操作;如图5-4所示:
图5-4航班信息页面
用户点击通知公告,在通知公告页面的输入栏填写标题,进行查询,还可以查看上一篇、下一篇、收藏或者点赞等详情操作。如图5-5所示:
图5-5通知公告页面
在个人中心页面可以输入个人详细信息,进行信息更改,还可以点击修改密码、订票信息、退票信息、改签信息、我的收藏等进行详细操作,如图5-6所示:
图5-6个人中心界面
5.2 后台管理员功能的实现
管理员的登陆界面包括管理员的账号、密码,其中就是已有的账号,还有需要注册的账号。只要管理员在账号上注册,注册信息就会被录入 MySQL数据库,有一个资料库,只要输入成功,就可以登陆,然后进入主页的管理。管理员登录界面如图5-7所示。
图5-7管理员登录界面图
管理员登录到机票比价预订系统可以查看首页、用户、航班信息、订票信息、退票信息、改签信息、系统管理、我的信息等功能进行详细操作,如图5-8所示。
图5-8管理员功能界面图
用户信息功能在视图层(view层)进行交互,比如点击“增加”按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后,调用服务层(service层)以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层(DAO层)交互,后者负责具体的数据操作如搜索、增加、更新或删除用户信息,并将操作结果返回给控制器。最终,控制器根据这些结果更新视图层,以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息页面的输入栏中输入账号、姓名进行搜索,可以查看到用户详细信息,并根据需要进行修改或者删除等操作;如图5-9所示。
图5-9用户管理界面图
航班功能在视图层(view层)进行交互,比如点击“增加”按钮或填写航班信息表单。这些航班动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后,调用服务层(service层)以执行相关的业务逻辑,例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后,进一步与数据访问对象层(DAO层)交互,后者负责具体的数据操作如搜索、增加、更新或删除航班,并将操作结果返回给控制器。最终,控制器根据这些结果更新视图层,以便航班功能可以看到最新的信息或相应的操作反馈。在航班页面的输入栏中输入 航班号、起飞城市、到达城市、座位类型、航空公司进行搜索,可以查看到航班详细信息,并根据需要进行修改或者删除等操作;如图5-10所示。
图5-10航班信息界面图
管理员点击订票信息;在订票信息页面对订票编号、航班号、起飞城市、到达城市、航班图片、座位类型、票数、票价、总价、购票时间、账号、手机、是否支付进行搜索或删除订票信息等操作;如图5-11所示。
图5-11订票信息界面图
管理员点击退票信息;在退票信息页面对订单编号、航班号、起飞城市、到达城市、航班图片、座位类型、票数、票价、总价、退票时间、退票原因、账号、手机、审核回复、审核状态等信息,进行搜索或删除退票信息等操作;如图5-12所示。
图5-12退票信息界面图
管理员点击改签信息;在改签信息页面对订单编号、航班号、起飞城市、到达城市、航班图片、座位类型、票数、票价、总价、改签时间、改签原因、账号、手机、审核回复、审核状态等信息,进行搜索或删除改签信息等操作;如图5-13所示。
图5-13改签信息界面图
管理员点击系统管理;在系统管理页面对轮播图管理、通知公告、通知公告分类等板块信息进行详情操作;如图5-14所示。
图5-14系统管理界面图
源码无偿分享,文未领取