114 基于ssm+uniapp的客运汽车站信息管理系统

功能大致

客运汽调度信息管理系统的功能主要分为前台用户根据自己的需求进行注册登录，浏览调度信息信息并对需要的车票进行售票操作。管理员主要对注册用户，车辆信息，司机信息，调度信息，售票信息等进行处理。

功能模块

登录模块：登录模块是进入系统的入口，所有用户必须登录后才能访问系统。登录需要输入用户名和密码，如果多次尝试登录需要输入验证码。登录时需要选择用户的角色，是一般用户还是管理员登录等。登录成功后，会通过数据库获取用户的权限，并跳转至用户的主页面。

管理员管理模块：

用户管理模块:对注册的用户进行管理。

车辆管理模块：添加汽车站的车辆信息。

司机管理：添加汽车站的司机信息。

线路信息管理模块：维护汽车站开通的线路。

调度信息模块：管理车辆的调度问题。如车辆名字和司机还有时间，用户可以进行购票。

售票信息管理模块：用户购买的车票信息，可以进行检票，用户可以进行支付。

系统架构图

技术栈

开发语言：Java
框架：ssm+vue
JDK版本：JDK1.8
服务器：tomcat9
数据库：mysql 5.7（一定要5.7版本+）
数据库工具：Navicat11
开发软件：eclipse/myeclipse/idea
Maven包：Maven3.3.9
浏览器：谷歌浏览器
安卓框架：uniapp

安卓开发软件：HBuilder X

开发模式：混合开发

演示视频

进入B站观看画面更清晰：基于ssm+安卓的客运汽车站信息管理系统

系统功能实现

数据库访问层的实现

该系统是通过jdbc和MySQL达成连接的，新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。

jdbc.driverClass=com.MySQL.jdbc.Driver

jdbc.url=jdbc:MySQL://localhost:3306/tsi

jdbc.username=root

jdbc.password=123

第一个参数代表MySQL数据库的驱动，第二个参数代表要连接的数据库，第三个和第四个参数代表数据库连接名和密码。

后台与数据库访问主要是通过HQL语句来进行查询的，查询语句中的表名是表格的实体类名，在这种查询语句中*是不允许使用的，除非适合聚合函数一起使用才可以。

注册模块的实现

用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过JavaScript进行验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。

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

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

登录模块的实现

主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布商品信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。

登录流程图如下图所示。

用户登录界面如下图所示。

用户登录的关键代码如下。

/**
     * 登录
     * @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);
    }

用户资料修改模块的实现

用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。

如图：

调度信息数据管理模块的实现

如果调度信息数据的信息需要修改，管理员可以通过查询调度信息数据的基本信息来查询调度信息数据，查询调度信息数据是通过ajax技术来进行查询的，需要传递调度信息数据的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据数据库中存在就修改，否则就保存。

调度信息数据展示界面如下图所示。

售票信息模块的实现

售票信息功能整体流程：用户浏览车票信息时，同时会显示车票的状态，系统会在其显示详细信息的页面时便会判断车票的状态，若车票状态为可售票，则会显示售票的链接按钮。在用户点击售票按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写售票信息的页面，填写好售票信息之后，点击提交按钮，售票成功之后返回提示信息，告知用户售票成功。

售票信息界面如下图所示。

管理员模块的实现

要功能模块包括系统用户管理、车辆管理、司机管理、调度信息管理、线路信息、售票信息管理

管理员管理页面设计效果如下图所示。

以上是部分截图，详细的请看演示视频。

标签：售票,uniapp,登录,数据库,用户,信息,ssm,114,页面
From： https://blog.csdn.net/t2736416901/article/details/143924677