• 欢迎光临~

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

开发技术 开发技术 2022-10-28 次浏览

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

项目演示图

  • 主页(模型设置)
    AMR-IF-UI 项目文档结构说明

  • cmdlist设置页
    AMR-IF-UI 项目文档结构说明

  • 姿势设置页
    AMR-IF-UI 项目文档结构说明

  • 机器人设置页
    AMR-IF-UI 项目文档结构说明

  • 参数设置页
    AMR-IF-UI 项目文档结构说明

  • 右边操作菜单
    AMR-IF-UI 项目文档结构说明
    AMR-IF-UI 项目文档结构说明
    AMR-IF-UI 项目文档结构说明
    AMR-IF-UI 项目文档结构说明

  • websocket连接失败
    AMR-IF-UI 项目文档结构说明

程序员灯塔
转载请注明原文链接:AMR-IF-UI 项目文档结构说明
喜欢 (0)