AMR-IF-UI 项目
项目准备
-
界面
- 框架:
angular
;版本:9.1.0
(默认) - 语言:
typescript
;版本:3.7.5
(默认) - 浏览器:谷歌
- 框架:
-
通信:
websocket
-
打包:
angular cli
拥有自己的打包工具
项目文件结构
AMR-IF-UI/
|-- img
`-- src
|-- app
| |-- cmd-lists // component of cmdlist setting( cmdlist设置组件)
| | |-- cmd-list-detail
| | |-- cmd-list-form
| | `-- shared
| |-- commands // component of command setting( 命令设置组件)
| | `-- shared
| |-- home // main component(dummy)( 主要模型设置组件)
| |-- poses // component of pose setting( 姿势设置组件)
| | |-- pose-detail
| | |-- pose-form
| | `-- shared
| |-- robots // component of robot setting(机器人设置组件)
| | |-- robot-detail
| | |-- robot-form
| | `-- shared
| |-- settings // component of setting(设置组件)
| | |-- setting-detail
| | `-- shared
| |-- shared
| | |-- config // initial setting( 初始化设置)
| | |-- ros // processing related to ROS( 与ros相关的处理)
| | | `-- messages // topic type( 主题类型)
| | |-- storage // processing related to data management( 与数据管理相关的处理)
| | `-- store // processing related to LocalStorage(与本地存储相关的处理)
| |-- sidenav // sidenav( 侧边导航栏)
| `-- viewer
| |-- input-dialog // dialog for selecting parameter( 用于选择参数的对话框)
| |-- select-dialog // dialog for selecting robot, command, etc(用于选择机器人、命令、等的对话框)
| `-- shared
| |-- markers // processing to display Viewer( 显示查看器的处理)
| `-- protocol // config.json analysis( 配置文件分析)
|-- assets
| |-- configs // command definition( 命令定义)
| | `-- reset // default setting( 默认设置)
| `-- icons
`-- environments
项目演示图
-
主页(模型设置)
-
cmdlist设置页
-
姿势设置页
-
机器人设置页
-
参数设置页
-
右边操作菜单
-
websocket连接失败