unlogical0327 / agv_controller

AGV controller web app

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

资料&参考

• Angular 中文文档
• Angular Cli文档
• rxjs 中文文档
• Redux 中文文档
• Angular Material
• PWA 调试
• HTML Header中常用标签
• 配置GitHub SSH
• Angular in Depth
• d3.js
• d3中编译ts提示类型错误
• d3中使用替换this

tips

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