项目三4S后台管理系统项目还车模块的总结

                  项目三4S后台管理系统项目还车模块的总结

  前面说到了分模块  前后端分离  这个项目是我第一次用前后端分离模式写的项目,蛀牙负责还车模块和主页的一个小模块 其中  用到了的框架是 Spring springMVC   Mybates   ElementUI   后台创建的是一个maven项目  

还车模块的一个设计

  1.一个表格数据的展示   字段设计状态   主要是一个状态的变化  然后一个还车的导航功能  一个确认还车按钮   另一个页面就是查找已经更改完状态的数据  当然在还车页面的点击还车按钮的时候没有还车人员  这时候弹出一个框回显表格的数据并且加上一个还车人员的一个下拉框哄你进行选择  在原则完之后前几确定就会放axjos请求到后太并且封装弹出框的值穿着到后台  后台接收到数据 获取ID  更具ID查出数据并且修改状态信息和添加还车人员

  2.导航地图按钮:vue集成了百度地图的插件  https://dafrok.github.io/vue-baidu-map/#/zh/index 感兴趣的可以去看看  首先映入百度地图  然后在使用里面的东西  设置一个模板不显示的模板  点击导航的按钮  弹出百度地图

  3.已换车页面:这个页面就没有太多复杂的东西  首先是一个对已经还车的信息展示  一个高级查询  和一个短信提示还车  短信还车的代码在前面已经说过想尝试的可以去看看  

  4.前台页面的一个查询状态的显示  更具输入的车牌进行查询  用到的组件在elementui里面都可以找到   https://element.eleme.cn/#/zh-CN/component/quickstart  首先是一个步骤条  里面设计了一个v-shiw属性  默认等于false  当你点击查找就会发送axojs进行查询   然后更具你查询的状态进行赋值给进度条  完成动态展示

项目三4S后台管理系统项目还车模块的总结_第1张图片

 

 

 

  5.短息功能:

 这个相关我用的是SMS的一个短信接口  http://sms.webchinese.cn/User/?action=key    详细看  https://www.cnblogs.com/1999wang/p/11462651.html

  6.一个普通的功能crud就不说了   

  7.中间遇到的问题:

    1.前台属性数组赋值单个对象  需要用到push  不能直接用=来进行赋值

    2.短信第三方接口的获取  不过流程已经在上一篇写过了

 

 

 

 

你可能感兴趣的:(项目三4S后台管理系统项目还车模块的总结)