AMR-IF-UI 项目文档结构说明

AMR-IF-UI 项目

项目准备

  • 项目地址 https://github.com/AMR-IF/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

项目演示图

  • 主页(模型设置)
    image

  • cmdlist设置页
    image

  • 姿势设置页
    image

  • 机器人设置页
    image

  • 参数设置页
    image

  • 右边操作菜单
    image
    image
    image
    image

  • websocket连接失败
    image

posted @   Rain1112022  阅读(43)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示