vue+node.js+mysql开发停车场管理系统

前端github https://github.com/fanfankill/depotsystem
服务端node整合 https://github.com/fanfankill/DeportCar.git

5.22-5.29

对于车位管理页面完成了以下功能

  • 对所有车位信息的获取,总条数的获取以及分页操作

  • 新增车位信息(暂时以车位编号为主键 且按自动递增处理,所有其他信息都是在,未要求自己填入)

  • 删除车位信息

  • 搜索车位信息

  • 修改车位信息(两个1 0 的修改和对车位所属区域的修改,车位价格和车位区域绑定一起,修改区域自动修改价格)

  • 添加车位区域(车位名称(主键)车位区域价格 对车位区域的描述)

    5.30

    进出车辆登记

  1. 暂时登记车牌号码 选择停车区域 node获取当前进入时间

  2. 当获取停车区域时候,使用watch属性,确保每次切换不同区域能够获取相应区域空闲车位

  3. 保证每个车辆只能进入时候被登记一次
  4. 进出管理表与车位管理表相连接,每次登记一个,车位管理也会更新车位状态和车牌信息
  5. 每次完成添加后立马更新车位空闲状态,防止多次更新同一个车位





5.31-6.6

车辆入库出库记录
(与车位管理相关 每次记录一个后会修改选中的车位状态)
1.按已出库和未出库来获取数据 点击直接获取(wacth属性)


2.对于不同情况下的按钮和驶出时间进行区别设计,当为已驶出状态的按钮点击为已经记录过的详细信息

当为未出库状态下点击为预计算的信息(),若再次点击驶出按钮后则会修改该车位状态和进出状态并记录数据库

6.30更新

1.新增Echarts图表统计 和 日期天气显示
2.加强表与表的联系
3.新增固定车主功能,主要针对小区业主





实训更新

1.对页面的美化
2.对车主续费管理
3.聊天室搭建
4.使用vuex实现头像实时更新
5.将页面的弹出框等代码进行组件抽离管理


新增骨架框等一系列美化页面操作




个人资料更新



聊天室



续费操作

续费的金额也会同步到当日收入中 (echart表中)