besure_web/doc/info.md

项目结构说明

核心目录

src/

主要源代码目录

1. api/

• 功能：集中管理所有后端API接口调用
• 作用：按业务模块划分，封装axios请求，便于统一管理和维护
• 典型文件：user.js, system.js, erp.js, crm.js 等

2. components/

• 功能：存放公共组件
• 作用：提供可复用的UI组件，提高开发效率
• 主要内容：
  • 基础UI组件
  • 业务公共组件
  • 布局组件

3. router/

• 功能：路由配置管理
• 作用：
  • 定义应用的路由结构
  • 实现权限控制
  • 管理页面跳转逻辑

4. store/

• 功能：状态管理
• 作用：使用Pinia管理全局状态
• 主要模块：
  • user（用户信息）
  • permission（权限数据）
  • app（应用配置）

5. views/

• 功能：页面视图组件
• 作用：按业务模块组织页面
• 主要模块：
  • erp/ (企业资源管理)
  • crm/ (客户关系管理)
  • mes/ (制造执行系统)
  • iot/ (物联网管理)

6. utils/

• 功能：工具函数库
• 作用：提供公共方法、工具函数
• 主要内容：
  • request.js (axios封装)
  • auth.js (权限相关)
  • validate.js (验证工具)

配置文件

1. vite.config.js

• 功能：Vite构建配置
• 作用：定义项目构建、开发服务器、插件等配置

2. .env.*

• 功能：环境变量配置
• 作用：管理不同环境的配置参数

资源目录

public/

• 功能：静态资源目录
• 作用：存放不需要编译的静态文件

assets/

• 功能：项目资源文件
• 作用：存放需要经过构建工具处理的资源文件

项目特点

1. 模块化组织：

   • 按业务域划分目录结构
   • 清晰的代码分层

2. 技术栈集成：

   • Vue 3
   • Element Plus
   • Vite
   • Pinia

3. 业务功能集成：

   • ERP系统功能
   • CRM客户管理
   • MES生产管理
   • IOT设备监控

4. 可扩展性：

   • 统一的开发规范
   • 模块化的设计
   • 清晰的目录结构