12306(3)

接上次写到火车经停站列表展示,今天继续

  1. 火车经停站

1.1新增/编辑经停站

整体流程:

1. 点击页面的"新增"或"编辑"后,会弹出火车经停站的对话框,回显对应的信息;

2. 后端收到请求后,根据对话框中的信息修改数据库相关信息并封装成统一结果对象;

3. 后端将统一结果对象响应给前端,前端负责渲染数据;

后端实现思路:

1. controller层接收对话框中的数据,并调用业务层;

2. 业务层调用持久层完成数据库操作;

3. 业务层将分页对象返回给controller之后,controller将结果统一封装后返回给页面;

后端接口信息:

接口地址:`/business/admin/train-station/save`

请求方式:`POST`

响应数据类型:`*/*`

1.1.1站序问题:固定

后台接口提供站序

步骤:

禁用输入框

根据车次的变动,动态加载下一站的站序

监听实现拼写的识别

1.1.2到达站点

本站信息就是上一站到达站,同时修改上一站的到达信息

后端分析:

  1. 校验
    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循环生成座位

  • 25
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值