• SpringBoot+Vue实现前后端分离的火车票售卖系统

    文末获取源码

    开发语言：Java

    使用框架：spring boot

    前端技术：JavaScript、Vue.js 、css3

    开发工具：IDEA/MyEclipse/Eclipse、Visual Studio Code

    数据库：MySQL 5.7/8.0

    数据库管理工具：phpstudy/Navicat

    JDK版本：Java jdk8

    Maven:apache-maven 3.8.1-bin

    目录

    一、前言介绍

    二、功能需求分析

    2.1前台用户功能 

    2.2后台管理员功能 

    三、前台用户功能

    3.1用户首页模块

    3.2火车资讯模块

    3.3车票中心模块

    3.4车票中心详细模块

    四、管理员功能模块

    4.1轮播图管理模块

    4.2新闻列表管理模块 

    4.3车票中心管理模块  

    4.4车票中心添加页面 

    4.5退票信息管理模块

    五、部分核心代码 

    5.1用户注册代码 

    5.2用户登录代码

     5.3车票中心代码

    一、前言介绍

    本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型。后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。

    火车票售卖系统主要功能模块包括首页、站点管理（轮播图、公告栏）用户管理（管理员、普通用户）内容管理（新闻列表、新闻分类列表）更多管理（车票中心、购票信息、退票信息、留言信息）系统管理，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取Mysql作为后台数据的主要存储单元，采用springboot框架、Java技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对火车票售卖系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现火车票售卖系统和部署运行使用它。

    二、功能需求分析

    火车票售卖系统的功能主要分为前台用户根据自己的需求进行注册登录，浏览航班信息并对选中的航班进行购票操作。后台系统管理员因职责的不同，分为普通管理员和超级管理员，普通管理员主要对购票单进行处理，处理售票员现场售票单，而超级管理员主要对注册用户，资讯数据，航班详细信息，售票员详细信息，售票员现场售票单进行处理。

    用户用例图

    管理员用例图

    2.1前台用户功能 

    未注册用户的功能如下：

    （1）注册账号：用户填写个人信息，并验证手机号码。

    （2）浏览资讯数据：用户可以浏览主页面的资讯数据来了解系统的最新资讯数据。

    （3）浏览车票：用户可以根据车票类型浏览车票的信息，并选中某个车次查看详情，例如：车次编号、到达城市、日期、出发时间、票价、余票等。

    已注册用户的功能如下：

    （1）登录：根据账号密码进行登录操作。

    （2）维护个人信息：用户因个人信息的变更可以随时修改自己注册信息。

    （3）购票信息：用户根据自己的需求选中某个车次进行购票操作。

    （4）查看历史购票单：用户可以查看自己以往购票的信息。

    2.2后台管理员功能 

    （1）修改密码：管理员可以随时修改自己进入系统的登录密码，以保证系统的安全性。

    （2）对购票单信息进行处理：办理购票单审核等。

    （3）管理普通管理员：对普通管理员进行管理。调动相关工作人员时可以添加或删除普通管理员。

    （4）车次信息管理：对车票信息进行维护，添加、删除、修改信息。

    （5）资讯数据信息管理：发布、删除相关的资讯数据信息。

    （6）用户管理：可以查看注册用户的信息，并对其进行管理。

    （7）售票统计管理：管理员提交售票统计，提交成功后，可以查看到已提交的售票统计记录，并可以对其进行编辑更新删除等操作。

    （8）图像统计：常用的图像统计方式有柱状图、曲线图、折线图、饼状图等，本模块中以柱状图的形式来统计不同分型数据所占的情况。

    三、前台用户功能

    3.1用户首页模块

    3.2火车资讯模块

    3.3车票中心模块

    3.4车票中心详细模块

    四、管理员功能模块

    4.1轮播图管理模块

    4.2新闻列表管理模块 

    4.3车票中心管理模块  

    4.4车票中心添加页面 

    4.5退票信息管理模块

    五、部分核心代码 

    5.1用户注册代码 

    1. /**
    2.  
    3.      * 注册
    5.      * @param user
    7.      * @return
    9.      */
    11.     @PostMapping("register")
    12.  
    13.     public Map<String, Object> signUp(@RequestBody User user) {
    14.  
    15.         // 查询用户
    16.  
    17.         Map<String, String> query = new HashMap<>();
    18.  
    19.         query.put("username",user.getUsername());
    20.  
    21.         List list = service.select(query, new HashMap<>()).getResultList();
    22.  
    23.         if (list.size()>0){
    24.  
    25.             return error(30000, "用户已存在");
    26.  
    27.         }
    28.  
    29.         user.setUserId(null);
    30.  
    31.         user.setPassword(service.encryption(user.getPassword()));
    32.  
    33.         service.save(user);
    34.  
    35.         return success(1);
    36.  
    37. }
    38.  
    39. /**
    40.  
    41.      * 用户ID：[0,8388607]用户获取其他与用户相关的数据
    43.      */
    45.     @Id
    46.  
    47.     @GeneratedValue(strategy = GenerationType.IDENTITY)
    48.  
    49.     @Column(name = "user_id")
    50.  
    51.     private Integer userId;
    52.  
    53.     /**
    54.  
    55.      * 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
    57.      */
    59.     @Basic
    60.  
    61.     @Column(name = "state")
    62.  
    63.     private Integer state;
    64.  
    65.     /**
    66.  
    67.      * 所在用户组：[0,32767]决定用户身份和权限
    69.      */
    71.     @Basic
    72.  
    73.     @Column(name = "user_group")
    74.  
    75.     private String userGroup;
    76.  
    77.     /**
    78.  
    79.      * 上次登录时间：
    81.      */
    83.     @Basic
    84.  
    85.     @Column(name = "login_time")
    86.  
    87.     private Timestamp loginTime;
    88.  
    89.     /**
    90.  
    91.      * 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
    93.      */
    95.     @Basic
    96.  
    97.     @Column(name = "phone")
    98.  
    99.     private String phone;
    100.  
    101.     /**
    102.  
    103.      * 手机认证：[0,1](0未认证|1审核中|2已认证)
    105.      */
    107.     @Basic
    108.  
    109.     @Column(name = "phone_state")
    110.  
    111.     private Integer phoneState;
    112.  
    113.     /**
    114.  
    115.      * 用户名：[0,16]用户登录时所用的账户名称
    117.      */
    119.     @Basic
    120.  
    121.     @Column(name = "username")
    122.  
    123.     private String username;
    124.  
    125.     /**
    126.  
    127.      * 昵称：[0,16]
    129.      */
    131.     @Basic
    132.  
    133.     @Column(name = "nickname")
    134.  
    135.     private String nickname;
    136.  
    137.     /**
    138.  
    139.      * 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
    141.      */
    143.     @Basic
    144.  
    145.     @Column(name = "password")
    146.  
    147.     private String password;
    148.  
    149.     /**
    150.  
    151.      * 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
    153.      */
    155.     @Basic
    156.  
    157.     @Column(name = "email")
    158.  
    159.     private String email;
    160.  
    161.     /**
    162.  
    163.      * 邮箱认证：[0,1](0未认证|1审核中|2已认证)
    165.      */
    167.     @Basic
    168.  
    169.     @Column(name = "email_state")
    170.  
    171.     private Integer emailState;
    172.  
    173.     /**
    174.  
    175.      * 头像地址：[0,255]
    177.      */
    179.     @Basic
    180.  
    181.     @Column(name = "avatar")
    182.  
    183.     private String avatar;
    184.  
    185.     /**
    186.  
    187.      * 创建时间：
    189.      */
    191.     @Basic
    192.  
    193.     @Column(name = "create_time")
    194.  
    195.     @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
    196.  
    197.     private Timestamp createTime;
    198.  
    199.     @Basic
    200.  
    201.     @Transient
    202.  
    203.     private String code;
    204.  
    205. }

    5.2用户登录代码

    1. /**
    2.  
    3.      * 登录
    5.      * @param data
    7.      * @param httpServletRequest
    9.      * @return
    11.      */
    13.     @PostMapping("login")
    14.  
    15.     public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
    16.  
    17.         log.info("[执行登录接口]");
    18.  
    19.         String username = data.get("username");
    20.  
    21.         String email = data.get("email");
    22.  
    23.         String phone = data.get("phone");
    24.  
    25.         String password = data.get("password");
    26.  
    27.         List resultList = null;
    28.  
    29.         Map<String, String> map = new HashMap<>();
    30.  
    31.         if(username != null && "".equals(username) == false){
    32.  
    33.             map.put("username", username);
    34.  
    35.             resultList = service.select(map, new HashMap<>()).getResultList();
    36.  
    37.         }
    38.  
    39.         else if(email != null && "".equals(email) == false){
    40.  
    41.             map.put("email", email);
    42.  
    43.             resultList = service.select(map, new HashMap<>()).getResultList();
    44.  
    45.         }
    46.  
    47.         else if(phone != null && "".equals(phone) == false){
    48.  
    49.             map.put("phone", phone);
    50.  
    51.             resultList = service.select(map, new HashMap<>()).getResultList();
    52.  
    53.         }else{
    54.  
    55.             return error(30000, "账号或密码不能为空");
    56.  
    57.         }
    58.  
    59.         if (resultList == null || password == null) {
    60.  
    61.             return error(30000, "账号或密码不能为空");
    62.  
    63.         }
    64.  
    65.         //判断是否有这个用户
    66.  
    67.         if (resultList.size()<=0){
    68.  
    69.             return error(30000,"用户不存在");
    70.  
    71.         }
    72.  
    73.         User byUsername = (User) resultList.get(0);
    74.  
    75.         Map<String, String> groupMap = new HashMap<>();
    76.  
    77.         groupMap.put("name",byUsername.getUserGroup());
    78.  
    79.         List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
    80.  
    81.         if (groupList.size()<1){
    82.  
    83.             return error(30000,"用户组不存在");
    84.  
    85.         }
    86.  
    87.         UserGroup userGroup = (UserGroup) groupList.get(0);
    88.  
    89.         //查询用户审核状态
    90.  
    91.         if (!StringUtils.isEmpty(userGroup.getSourceTable())){
    92.  
    93.             String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
    94.  
    95.             String res = String.valueOf(service.runCountSql(sql).getSingleResult());
    96.  
    97.             if (res==null){
    98.  
    99.                 return error(30000,"用户不存在");
    100.  
    101.             }
    102.  
    103.             if (!res.equals("已通过")){
    104.  
    105.                 return error(30000,"该用户审核未通过");
    106.  
    107.             }
    108.  
    109.         }
    110.  
    111.         //查询用户状态
    112.  
    113.         if (byUsername.getState()!=1){
    114.  
    115.             return error(30000,"用户非可用状态，不能登录");
    116.  
    117.         }
    118.  
    119.         String md5password = service.encryption(password);
    120.  
    121.         if (byUsername.getPassword().equals(md5password)) {
    122.  
    123.             // 存储Token到数据库
    124.  
    125.             AccessToken accessToken = new AccessToken();
    126.  
    127.             accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
    128.  
    129.             accessToken.setUser_id(byUsername.getUserId());
    130.  
    131.             tokenService.save(accessToken);
    132.  
    133.             // 返回用户信息
    134.  
    135.             JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
    136.  
    137.             user.put("token", accessToken.getToken());
    138.  
    139.             JSONObject ret = new JSONObject();
    140.  
    141.             ret.put("obj",user);
    142.  
    143.             return success(ret);
    144.  
    145.         } else {
    146.  
    147.             return error(30000, "账号或密码不正确");
    148.  
    149.         }
    150.  
    151. }

     5.3车票中心代码

    1.  @PostMapping("/add")
    2.  
    3.     @Transactional
    4.  
    5.     public Map<String, Object> add(HttpServletRequest request) throws IOException {
    6.  
    7.         service.insert(service.readBody(request.getReader()));
    8.  
    9.         return success(1);
    10.  
    11.     }
    12.  
    13.     @Transactional
    14.  
    15.     public Map<String, Object> addMap(Map<String,Object> map){
    16.  
    17.         service.insert(map);
    18.  
    19.         return success(1);
    20.  
    21. }
    22.  
    23.     public Map<String,Object> readBody(BufferedReader reader){
    24.  
    25.         BufferedReader br = null;
    26.  
    27.         StringBuilder sb = new StringBuilder("");
    28.  
    29.         try{
    30.  
    31.             br = reader;
    32.  
    33.             String str;
    34.  
    35.             while ((str = br.readLine()) != null){
    36.  
    37.                 sb.append(str);
    38.  
    39.             }
    40.  
    41.             br.close();
    42.  
    43.             String json = sb.toString();
    44.  
    45.             return JSONObject.parseObject(json, Map.class);
    46.  
    47.         }catch (IOException e){
    48.  
    49.             e.printStackTrace();
    50.  
    51.         }finally{
    52.  
    53.             if (null != br){
    54.  
    55.                 try{
    56.  
    57.                     br.close();
    58.  
    59.                 }catch (IOException e){
    60.  
    61.                     e.printStackTrace();
    62.  
    63.                 }
    64.  
    65.             }
    66.  
    67.         }
    68.  
    69.         return null;
    70.  
    71. }
    72.  
    73.     public void insert(Map<String,Object> body){
    74.  
    75.         StringBuffer sql = new StringBuffer("INSERT INTO ");
    76.  
    77.         sql.append("`").append(table).append("`").append(" (");
    78.  
    79.         for (Map.Entry<String,Object> entry:body.entrySet()){
    80.  
    81.             sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
    82.  
    83.         }
    84.  
    85.         sql.deleteCharAt(sql.length()-1);
    86.  
    87.         sql.append(") VALUES (");
    88.  
    89.         for (Map.Entry<String,Object> entry:body.entrySet()){
    90.  
    91.             Object value = entry.getValue();
    92.  
    93.             if (value instanceof String){
    94.  
    95.                 sql.append("'").append(entry.getValue()).append("'").append(",");
    96.  
    97.             }else {
    98.  
    99.                 sql.append(entry.getValue()).append(",");
    100.  
    101.             }
    102.  
    103.         }
    104.  
    105.         sql.deleteCharAt(sql.length() - 1);
    106.  
    107.         sql.append(")");
    108.  
    109.         log.info("[{}] - 插入操作：{}",table,sql);
    110.  
    111.         Query query = runCountSql(sql.toString());
    112.  
    113.         query.executeUpdate();
    114.  
    115.     }
  • 相关阅读:
    SpringBoot---------@Value，@ConfigurationProperyies以及多环境开发配置
    【负荷预测】基于蚂蚁优化算法的BP神经网络在负荷预测中的应用研究（Matlab完整代码实现）
    R语言拟合ARIMA模型：使用forecast包中的auto.arima函数自动搜索最佳参数组合、模型阶数（p,d,q）
    灵境：为每个一需要的人配上一个后台
    react18 001
    制作一个简单HTML宠物猫网页（HTML+CSS）
    odoo 开发入门教程系列-安全-简介
    R语言ggplot2可视化：使用ggpubr包的ggdotplot函数可视化点阵图（dot plot）、设置add参数添加均值和标准差竖线
    多线程JUC 第2季 ReentranctLock实现加锁和解锁过程
    CDN,DNS,ADN,SCDN,DCDN,ECDN,PCDN,融合CDN的介绍
  • 原文地址：https://blog.csdn.net/m0_49113107/article/details/127719049