仿12306购票系统（3）

news/2025/2/27 6:39:16

前面完成了乘车人登录功能的实现，本篇主要是控制台方面的管理

对于整体的控制台的设计，为了能够快速的检验，不进行登录拦截，在控制台的这个模块的controller层增加admin，以及在登录界面的拦截器排除掉admin.

车站

即都有那些车站

create table `station` (
    `id` bigint not null comment 'id',
     `name` varchar(20) not null comment '站名',
     `name_pinyin` varchar(50) not null comment '站名拼音',
     `name_py` varchar(50) not null comment '站名拼音首字母',
     `create_time` datetime(3) comment '新增时间',
     `update_time` datetime(3) comment '修改时间',
     primary key (`id`),
     unique key `name_unique` (`name`)
) engine=innodb default charset=utf8mb4 comment='车站';

首先，使用bigint类型的id作为主键，可以支持大量的车站记录。使用唯一标识进行每个车站的管理，便于数据库管理和关联其他表。为了方便查询车站，添加了站名，站名拼音和站名拼音首字母。

火车基础数据的管理

就是一辆火车的数据，这里设计如下

drop table if exists `train`;
create table `train` (
  `id` bigint not null comment 'id',
  `code` varchar(20) not null comment '车次编号',
  `type` char(1) not null comment '车次类型|枚举[TrainTypeEnum]',
  `start` varchar(20) not null comment '始发站',
  `start_pinyin` varchar(50) not null comment '始发站拼音',
  `start_time` time not null comment '出发时间',
  `end` varchar(20) not null comment '终点站',
  `end_pinyin` varchar(50) not null comment '终点站拼音',
  `end_time` time not null comment '到站时间',
  `create_time` datetime(3) comment '新增时间',
  `update_time` datetime(3) comment '修改时间',
  primary key (`id`),
  unique key `code_unique` (`code`)
) engine=innodb default charset=utf8mb4 comment='车次';

其中的车次类型是因为火车不仅仅有动车，还有高铁，普通列车等。可以仿照乘客表的乘客类型来进行车次车次类型的设计。为了计算不同车次的票价，在枚举类中为不同的车次类型增加系数，例如，高铁为1.2，表示票价=1.2*每公里单价*公里，实际上可能更加的复杂。这里只是基础讨论功能的实现。看上面的事件类型发现，出发时间，到站时间和新增时间与修改时间的类型不同，其中datatime类型非常适合需要同时记录具体哪一天的什么时候发生的场景。time类型记录事件发生的具体时间。这样设计是因为此时是基础的数据功能，并不是每日的车次，火车每天出发的时间是一定的，因此不需要记录具体的日期。

为了是选择时间，而不是手动的输入时间，可以在前端增加控件，如果是time类型，增加a-time-picker，如果是time类型，增加a-datepicker,为了方便，可以在自定义的代码生成器实现。

<#elseif field.javaType=='Date'>
          <#if field.type=='time'>
        <a-time-picker v-model:value="${domain}.${field.nameHump}" valueFormat="HH:mm:ss" placeholder="请选择时间" />
          <#elseif field.type=='date'>
        <a-date-picker v-model:value="${domain}.${field.nameHump}" valueFormat="YYYY-MM-DD" placeholder="请选择日期" />
          <#else>
        <a-date-picker v-model:value="${domain}.${field.nameHump}" valueFormat="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择日期" />
          </#if>

火车车站的管理

就是车次的车站，一列火车要经过那些车站。

create table `train_station` (
  `id` bigint not null comment 'id',
  `train_code` varchar(20) not null comment '车次编号',
  `index` int not null comment '站序',
  `name` varchar(20) not null comment '站名',
  `name_pinyin` varchar(50) not null comment '站名拼音',
  `in_time` time comment '进站时间',
  `out_time` time comment '出站时间',
  `stop_time` time comment '停站时长',
  `km` decimal(8, 2) not null comment '里程（公里）|从上一站到本站的距离',
  `create_time` datetime(3) comment '新增时间',
  `update_time` datetime(3) comment '修改时间',
  primary key (`id`),
  unique key `train_code_index_unique` (`train_code`, `index`),
  unique key `train_code_name_unique` (`train_code`, `name`)
) engine=innodb default charset=utf8mb4 comment='火车车站';

其中的车次编号和某辆火车进行关联，站序指的是从始发站到终点站经过的车站顺序的排列。停站时常是可以通过进站和出站时间进行计算，为了方便查询，将id作为主键。在实际的情况中，一辆火车从起点到终点不会经过某个站两次，因此需要增加唯一键来进行数据的检验。如何将这两张表进行关联呢，在train表中一个唯一键code,使用唯一键进行关联，方便业务上的一些功能，train_code的起名就是和train这张表的code字段进行关联。当然如果没有设计唯一键，可以考虑使用id进行关联。

火车车厢

create table `train_carriage` (
  `id` bigint not null comment 'id',
  `train_code` varchar(20) not null comment '车次编号',
  `index` int not null comment '厢号',
  `seat_type` char(1) not null comment '座位类型|枚举[SeatTypeEnum]',
  `seat_count` int not null comment '座位数',
  `row_count` int not null comment '排数',
  `col_count` int not null comment '列数',
  `create_time` datetime(3) comment '新增时间',
  `update_time` datetime(3) comment '修改时间',
  unique key `train_code_index_unique` (`train_code`, `index`),
  primary key (`id`)
) engine=innodb default charset=utf8mb4 comment='火车车厢';

每一列车厢都要对应一列火车，因此需要根火车表进行关联，即train_index，由于不可能发生一列火车有两个相同编号的车厢，因此需要进行车次编号和厢号的关联。由于不同的车厢有不同的作为类型，因此可以将其进行枚举。

座位表

        对于一辆火车来说，没有座位表是不完整的，由于座位属于某个车次，因此需要和火车进行关联，座位应该属于某个车厢，因此应该和车厢有所关联。同车厢内，每个座位可以按照行和列进行唯一的查找，每一个车厢都是从123往后排的，因此需要一个同车厢坐序。

        在进行枚举座位行类中，设定一等座一排四个，二等座一排5个，增加code和desc，最后要增加一个type，来描述是什么类型。这个type就是对于的SeatType的枚举类，假设传入一个一等座，可以根据type等于1查出一等座对应的列，这样前端做一些下拉框就比较方便，知道一等座，就能知道有那些可以选择。

java">    /**
     * 根据车箱的座位类型，筛选出所有的列，比如车箱类型是一等座，则筛选出columnList={ACDF}
     */
    public static List<SeatColEnum> getColsByType(String seatType) {
        List<SeatColEnum> colList = new ArrayList<>();
        EnumSet<SeatColEnum> seatColEnums = EnumSet.allOf(SeatColEnum.class);
        for (SeatColEnum anEnum : seatColEnums) {
            if (seatType.equals(anEnum.getType())) {
                colList.add(anEnum);
            }
        }
        return colList;
    }

优化

输入车站名称后自动显示拼音，前端可以引入"pinyin-pro"组件

java">watch(()=> station.value.name, () => {
      if (Tool.isNotEmpty(station.value.name)) {
        station.value.namePinyin = pinyin(station.value.name, {
          toneType: 'none'}).replaceAll(" ", "");
        station.value.namePy = pinyin(station.value.name, {
          pattern: 'first',
          toneType: 'none'}).replaceAll(" ","");
      }
    },{immediate: true});

利用watch函数监听响应式数据的变化。监听的是station.value.name的变化，并在变化时更新station.value.namePinyin和station.value.namePy两个属性。第一个参数是要监听的数据，第二个参数是回调函数，表示如果发生变换，立即执行回调函数

火车车站的车次编号应该座位下拉框：首先后端提供一个接口查询所有的车次，然后前端界面的更改。对于查询接口来说，不需要参数，将查到的车站按照降序排列，以List形式进行返回。

java">    public List<TrainQueryResp> queryAll() {
        TrainExample trainExample = new TrainExample();
        trainExample.setOrderByClause("code desc");
        List<Train> trainList= trainMapper.selectByExample(trainExample);
        return BeanUtil.copyToList(trainList, TrainQueryResp.class);
    }
    
        @GetMapping("/query-all")
    public CommonResp<List<TrainQueryResp>> queryList() {
        List<TrainQueryResp> list = trainService.queryAll();
        return new CommonResp<>(list);
    }

然后前端去拿到后端的数据

java">const queryTrainCode = () => {
      axios.get("/business/admin/train/query-all").then((response) => {
        let data = response.data;
        if (data.success) {
          console.log(data.content);
        } else {
          notification.error({description: data.message});
        }
      });
    };
java">        <a-select v-model:value="trainStation.trainCode" show-search
            :filterOption="filterTrainCodeOption">
          <a-select-option v-for="item in trains" :key="item.code" :value="item.code" :label="item.code + item.start + item.end">
            {{item.code}} | {{item.start}} ~ {{item.end}}
          </a-select-option>
        </a-select>

    const filterTrainCodeOption = (input, option) => {
      console.log(input, option)
      return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
    };
  • v-model:value="trainStation.trainCode": 将选择器的值绑定到trainStation对象的trainCode属性上，当选择一个选项时，trainStation.trainCode会自动更新为所选的值。
  • show-search: 启用搜索框，允许通过输入来过滤列表中的选项。
  • :filterOption="filterTrainCodeOption": 使用自定义的过滤函数filterTrainCodeOption来决定哪些选项应该在用户输入时显示。
  • v-for="item in trains": 遍历trains数组
  • :key="item.code": 为每个选项指定一个唯一的键，这里使用的是列车代码。
  • :value="item.code": 设置选项的值为列车代码，这将与v-model绑定的值对应。
  • :label="item.code + item.start + item.end": 定义选项的标签，这里是将列车代码、始发站和终点站的信息组合起来作为选项的显示文本。
  • {{item.code}} | {{item.start}} ~ {{item.end}}: 更好地显示
  • filterTrainCodeOption筛选列车选项的函数

为了方便，可以将车次制作成一个组件，然后引入到各个模块，然后车站也可以做出下拉框组件，引入到各个模块。限于篇幅，这里不在赘述。

查询

        由于火车各部分的数据量庞大，如果将所有数据全部显示，将会给系统带来显著的性能压力，并可能影响体验。因此，引入了条件查询机制，以便根据用户的具体需求动态加载和展示相关数据，从而优化性能并提升系统的响应速度。

对于后端的车站查询接口来说，如果是传入的train_code不为空，就根据请求参数得到的trainCode来进行查询，座位和车厢同理，只需要修改service层代码，以及增加参数的请求类型。

java">if(ObjectUtil.isNotEmpty(req.getTrainCode())) {
    criteria.andTrainCodeEqualTo(req.getTrainCode());
}
        
package com.month.train.business.req;

import com.month.train.common.req.PageReq;

public class TrainSeatQueryReq extends PageReq {

    private String trainCode;

    public String getTrainCode() {
        return trainCode;
    }

    public void setTrainCode(String trainCode) {
        this.trainCode = trainCode;
    }

    @Override
    public String toString() {
        return "TrainSeatQueryReq{" +
                "trainCode='" + trainCode + '\'' +
                "} " + super.toString();
    }
}


http://www.niftyadmin.cn/n/5869670.html

相关文章

【机器学习】 [代码篇] 30. KNN - sklearn 以及 自定义KNN 的实现

【机器学习】 [代码篇] 30. KNN - sklearn 以及 自定义KNN 的实现

KNN - sklearn 以及 自定义KNN 的实现 前言Github 链接使用SKlearn 库完成KNN的训练以及预测1. 导入需要的库2. 加载数据2.1. 输出数据信息 3. 分割训练集和测试集4. 可视化5. 创建模型并预测 2. 自定义KNN模型并预测 前言 前面写完了理论篇&#xff0c;接下来补充代码。 机器…
阅读更多...
应对现代生活的健康养生指南

应对现代生活的健康养生指南

在科技飞速发展的现代社会&#xff0c;人们的生活方式发生了巨大改变&#xff0c;随之而来的是一系列健康问题。快节奏的生活、高强度的工作以及电子产品的过度使用&#xff0c;让我们的身体承受着前所未有的压力。因此&#xff0c;掌握正确的健康养生方法迫在眉睫。 针对久坐不…
阅读更多...
PCL源码分析：曲面法向量采样

PCL源码分析：曲面法向量采样

文章目录 一、简介二、源码分析三、实现效果参考资料一、简介 曲面法向量点云采样，整个过程如下所述： 1、空间划分：使用递归方法将点云划分为更小的区域， 每次划分选择一个维度（X、Y 或 Z），将点云分为两部分，直到划分区域内的点少于我们指定的数量，开始进行区域随机采…
阅读更多...
传递指针给函数的用法

传递指针给函数的用法

在 C 语言中&#xff0c;将指针传递给函数是一种常见且重要的编程技巧&#xff0c;它可以让函数直接操作调用者提供的内存区域&#xff0c;实现数据的修改、避免数据的复制开销等。下面为你提供几个不同场景下传递指针给函数的例子。 1. 修改调用者的变量值 通过传递变量的指针…
阅读更多...
归纳总结一下Tensorflow、PaddlePaddle、Pytorch构建神经网络基本流程，以及使用NCNN推理的流程

归纳总结一下Tensorflow、PaddlePaddle、Pytorch构建神经网络基本流程，以及使用NCNN推理的流程

使用Tensorflow构建神经网络&#xff0c;这里使用keras API&#xff0c;采用Sequential方式快速构建 import tensorflow as tf from tensorflow.keras.datasets import mnist from tensorflow.keras.utils import to_categorical# 加载数据集 (train_images, train_labels), (t…
阅读更多...
9、什么是野指针？如何避免？【中高频】

9、什么是野指针？如何避免？【中高频】

&#xff08;1&#xff09;什么是野指针 野指针是 一种未被初始化的指针&#xff0c;通常会指向一个随机的内存地址。这个地址不可预测的&#xff0c;所以可能会导致 程序和数据出现错误 &#xff08;2&#xff09;在什么情况下会产生野指针&#xff1f; 初始化指针时&#xf…
阅读更多...
【K8S】Kubernetes 基本架构、节点类型及运行流程详解（附架构图及流程图）

【K8S】Kubernetes 基本架构、节点类型及运行流程详解（附架构图及流程图）

Kubernetes 架构 k8s 集群 多个 master node 多个 work nodeMaster 节点&#xff08;主节点&#xff09;&#xff1a;负责集群的管理任务&#xff0c;包括调度容器、维护集群状态、监控集群、管理服务发现等。Worker 节点&#xff08;工作节点&#xff09;&#xff1a;实际运…
阅读更多...
使用ZFile打造属于自己的私有云系统结合内网穿透实现安全远程访问

使用ZFile打造属于自己的私有云系统结合内网穿透实现安全远程访问

文章目录 前言1.关于ZFile2.本地部署ZFile3.ZFile本地访问测试4.ZFile的配置5.cpolar内网穿透工具安装6.创建远程连接公网地址7.固定ZFile公网地址 前言 在数字化的今天&#xff0c;我们每个人都是信息的小能手。无论是职场高手、摄影达人还是学习狂人&#xff0c;每天都在创造…
阅读更多...
最新文章

Copyright @ 2022~2023