客运自助售票小程序

一、技术路线:

开发语言:Java

前端技术:JavaScript、VUE.js(2.X)、css3

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:

https://www.bilibili.com/video/BV1kN411H7rD?t=7.6

三、运行截图:

4.1系统登录功能界面实现

用户想要使用本系统必须通过登录界面,登录界面属于身份权限的验证。用户按照要求输入账号和密码,如果两项信息验证正确就可以进入操作界面。如果两项信息验证错误就会提示登录失败的信息。系统登录的流程如下图4.1所示:

图4.1系统登录功能流程图

系统登录功能的界面实现如下图4.2所示:

77b15e56db990f2e041086902876e3c7.jpeg


图4.2 用户登录功能的实现界面

4.2乘客身份的操作界面实现

4.2.1首页界面的设计实现

乘客在登录界面通过验证后可以进入到此界面。本界面里可以看到失物招领信息和车票信息以及所有的功能按钮。首页的操作界面如下图4.3所示:

07d72bbf331a3bd31c246afe99ccad34.jpeg


图4.3 首页的操作界面实现效果

4.2.2车票信息功能的设计实现

在首页里可以看到所有的车票信息,可以通过班次、地点等进行车票的搜索。车票信息的实现界面如下图4.4所示:

7170def2b5f9f40f4eb942560414bba3.jpeg


图4.4车票信息的实现界面

4.2.3失物招领信息功能的实现界面

乘客可以查看到所有的失物招领信息,还可以根据失物招领的分类查询失物招领信息。也可以在失物招领信息后进行留言。失物招领信息功能的实现界面如下图4.5所示:

4b303a6a7bec61b6905459d05936a7d8.jpeg


图4.5失物招领信息功能的实现界面

4.2.4购票功能的界面实现

乘客在选择好车票后可以填写购票信息实现车票的购买。购票功能的实现界面如下图4.6所示:

f301a9251a97645379ae15a80bf9bc7a.jpeg


图4.6购票功能的实现界面

4.2.5订单管理功能的界面实现

乘客可以在订单管理中查询订单信息和进行在线支付以及退票申请,订单管理功能的实现界面如下图4.7所示:

96df9b7a7511f8e07ef4663a8816eec1.jpeg


图4.7订单管理功能的实现界面

4.2.6退票信息功能的实现界面

乘客退票后,可以在退票信息里查看已退票的信息。退票管理功能的实现界面如下图4.8所示:

9e12cae65a7ba590d9e5a306b0cf3574.jpeg


图4.8退票信息实现界面

4.2.7在线支付功能的实现界面

乘客在选择好车票后可以在线支持。在线支付功能的实现界面如下图4.9所示:

eae91890686dc0fc2982086ffc3de0ef.jpeg


图4.9在线支付功能的实现界面

4.3管理员身份的操作界面实现

管理员的功能为客车登记管理和个人信息管理、车票信息管理、通知信息管理、乘客信息管理、失物招领信息管理、司机管理、订单管理、退票管理等。管理员身份的操作界面实现效果如下图4.10所示:

daad1d981a9fa932c7578de6cbf2d5f1.jpeg


图4.10管理员身份的操作界面效果

4.4司机功能的实现

司机登录后可以进入我的中心查询订单信息、退票信息和通知信息。实现界面如下图4.11所示:

97c7a8c62663596443d7a982870f0130.jpeg


图4.11司机功能实现界面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值