PF目录介绍

开始之前

项目的工程目录是基于 VUE-CLI 脚手架搭建。

# 一、目录结构

├── public                          # 静态资源
│   │── static                      # 第三方库、图标等静态资源
│   │── 上位机帮助文档.pdf           # 操作文档，静态资源
│   │── HMS.ico                     # 浏览器图标
│   └── index.html                  # html模板
├── src                             # 源代码
│   ├── api                         # 所有请求
│   │   ├── admin                   # 前台页面接口
│   │   └── front                   # 后台管理页面接口
│   ├── assets                      # 主题 字体样式、图片等静态资源
│   │   ├── fonts                   # 字体
│   │   ├── icons                   # 图标
│   │   ├── images                  # 图片
│   │   └── styles                  # 样式
│   ├── components                  # 全局公用组件
│   ├── config                      # 公共配置
│   ├── directives                  # 全局指令
│   ├── hooks                       # 全局 hooks
│   ├── layout                      # 全局 layout，页面结构
│   │   ├── admin                   # 后台管理Layout
│   │   ├── blank                   # 整体空页，用于login，404等整个页面布局是单独体系的
│   │   ├── components              # Layout下的组件
│   │   └── front                   # 前台Layout
│   ├── locale                      # 多语言配置
│   ├── router                      # 路由
│   ├── store                       # 全局 store管理
│   │   ├── common                  # 全局通用公共数据
│   │   ├── notice                  # signalr 消息通知接收到的数据
│   │   ├── user                    # 登录、用户相关数据
│   │   ├── login                   # 登录相关页面
│   │   └── theme                   # 主题
│   ├── utils                       # 全局公用方法
│   ├── views                       # views 所有页面
│   │   ├── error                   # 404,500等错误页面，目前只有404
│   │   ├── front                   # 前台相关页面
│   │   │   ├── bbl                 # 3D相关页面
│   │   │   ├── dataAnalysis        # 数据分析相关页面
│   │   │   ├── help                # 帮助相关页面
│   │   │   ├── home                # 实时监控相关页面
│   │   │   ├── log                 # 日志相关页面
│   │   │   ├── mes                 # MES相关页面
│   │   │   ├── productAnalysis     # 数据分析相关页面
│   │   │   └── spc                 # spc相关页面
│   │   ├── login                   # 登录相关页面
│   │   ├── admin                   # 后台管理相关页面
│   │   │   ├── auth                # 授权相关页面
│   │   │   ├── config              # 配置管理相关页面
│   │   │   ├── debug               # 调试工具相关页面
│   │   │   └── production          # 生产管理相关页面
│   │   └── lowcode                 # 低代码
│   ├── App.vue                     # 入口页面
│   ├── initSignalr.js              # 建立实时通讯连接websocket
│   ├── main.js                     # 入口文件 加载组件 初始化等
│   ├── config.ts                   # 全局基础配置
│   ├── init-application.ts         # 公共库初始化
│   └── listenerOperate.js          # 全局鼠标、键盘、点击事件监听
├── types                           # TS类型声明
├── .env.xxx                        # 环境变量配置
├── .eslintignore                   # eslint忽略检查配置项
├── .eslintrc.js                    # eslint 配置项
├── .npmrc                          # npm 相关配置项
├── .gitignore                      # git提交忽略配置项
├── .postcssrc.js                   # postcss 屏幕适配配置
├── .gitignore                      # git提交忽略配置项
├── .prettierignore                 # prettier代码规范检查忽略配置
├── .prettierrc.js                  # prettierrc 代码规范配置
├── auto-imports.d.ts               # 自动引入组件（可忽略）
├── components.d.ts                 # 自动引入组件（可忽略）
├── .gitignore                      # git提交忽略配置项
├── babel.config.js                 # babel 配置
├── .prettierrc.json                # prettier 配置项
├── vue.config.js                   # vue-cli 配置
├── vue.config.js                   # TS 配置
└── package.json                    # package.json 项目工程配置项