/agv_controller

AGV controller web app

Primary LanguageTypeScript

AGV调度系统web客户端

技术点

  1. Angular
  2. PWA
  3. Material Design
  4. 状态管理

程序功能模块

  • AGV操作模块
  • AGV监控模块
  • 地图编辑模块
  • 登录模块
  • 路由模块

online demo

AGV Controller

核心内容

状态管理

由于地图编辑器的存在，地图编辑又分为编辑站点模式，编辑路线模式，和初始化模式。每个模式下地图元素的表现不同，在对修改不保存的情况下退出一个模式应该回到初始模式。

由于这些特点，地图应用应当拥有一个状态管理器，管理地图所处的状态。

TODO

  1. 为Controller添加路由守卫
  2. 为地图编辑模式添加状态管理

依赖

  • Angular: 6.0.5
  • Angular CLI: 6.0.8
  • Node: 8.11.1
  • typescript: 2.7.2
  • webpack: 4.8.3
  • rxjs: 6.2.1
  • angular/material 6.3.0
  • angular/cdk 6.3.0
  • angular/animations 6.0.5
  • d3.js 5.0.0

资料&参考

tips

  • 在vs code中安装angular2-inline插件，获取html字符串模板高亮效果