接上次写到火车经停站列表展示,今天继续
-
火车经停站
1.1新增/编辑经停站
整体流程:
1. 点击页面的"新增"或"编辑"后,会弹出火车经停站的对话框,回显对应的信息;
2. 后端收到请求后,根据对话框中的信息修改数据库相关信息并封装成统一结果对象;
3. 后端将统一结果对象响应给前端,前端负责渲染数据;
后端实现思路:
1. controller层接收对话框中的数据,并调用业务层;
2. 业务层调用持久层完成数据库操作;
3. 业务层将分页对象返回给controller之后,controller将结果统一封装后返回给页面;
后端接口信息:
接口地址:`/business/admin/train-station/save`
请求方式:`POST`
响应数据类型:`*/*`
1.1.1站序问题:固定
后台接口提供站序
步骤:
禁用输入框
根据车次的变动,动态加载下一站的站序
监听实现拼写的识别
1.1.2到达站点
本站信息就是上一站到达站,同时修改上一站的到达信息
后端分析:
- 校验
2.字段填充
3.保存
4.修改上一站到达站信息
2.火车车厢
2.1车厢列表
整体流程:
1. 点击页面的火车车厢后,会加载train-carriage.vue页面,且页面加载的时候给后端发送异步请求,携带分页相关参数;
2. 后端收到请求后,根据分页参数查询数据库相关信息并封装成统一结果对象;
3. 后端将统一结果对象响应给前端,前端负责渲染数据;
后端实现思路:
1. controller层接收分页相关数据,并调用业务层,根据分页相关数据查询结果;
2. 业务层调用持久层完成数据库查询并将结果封装称分页对象;
3. 业务层将分页对象返回给controller之后,controller将结果统一封装后返回给页面;
后端接口信息:
接口地址:`/business/carriage`
请求方式:`GET`
响应数据类型:`*/*
2.2新增/编辑车厢
整体流程:
1. 点击页面的"新增"或"编辑"后,会弹出火车车厢的对话框,回显对应的信息;
2. 后端收到请求后,根据对话框中的信息修改数据库相关信息并封装成统一结果对象;
3. 后端将统一结果对象响应给前端,前端负责渲染数据;
后端实现思路:
1. controller层接收对话框中的数据,并调用业务层;
2. 业务层调用持久层完成数据库操作;
3. 业务层将分页对象返回给controller之后,controller将结果统一封装后返回给页面;
后端接口信息:
接口地址:`/business/carriage`
请求方式:`POST`
响应数据类型:`*/*`
2.2.1车厢号禁止手动输入,后台指定
2.2.2列数由后台指定
2.2.3前端控制修改的时候禁止修改车次
3.火车座位
3.1火车座位列表
整体流程:
1. 点击页面的火车座位后,会加载train-seat.vue页面,且页面加载的时候给后端发送异步请求,携带分页相关参数;
2. 后端收到请求后,根据分页参数查询数据库相关信息并封装成统一结果对象;
3. 后端将统一结果对象响应给前端,前端负责渲染数据;
后端实现思路:
1. controller层接收分页相关数据,并调用业务层,根据分页相关数据查询结果;
2. 业务层调用持久层完成数据库查询并将结果封装称分页对象;
3. 业务层将分页对象返回给controller之后,controller将结果统一封装后返回给页面;
后端接口信息:
接口地址:`/business/admin/train-seat/query-list`
请求方式:`GET`
响应数据类型:`*/*`
4.火车管理
4.1生成座位
1)如果当前车次生成过座次,先要清空:直接清除当前trainId的座位
2)查出车厢集合
3)循环生成座位