前端组件
平台为前端开发提供了很多丰富的开箱即用的前端组件,包括但不限于文档中已经存在的组件,后续会陆续添加更多组件文档。
技术栈
前端项目采用 Monorepo 架构 ,使用 pnpm workspace 进行包管理。
技术 | 版本 | 说明 |
|---|---|---|
Vue | 3.5.13 | 核心框架 |
Vue Router | 4.3.2 | 路由管理 |
Vite | 5.2.10 | 构建工具 |
TypeScript | 5.4.5 | 语言支持 |
TDesign Vue Next | 1.13.0 | 主UI框架 |
Naive UI | 2.38.1 | 辅助UI框架 |
VXE Table | 4.5.22 | 表格组件 |
Axios | 1.6.8 | HTTP请求 |
Lodash | 4.17.21 | 工具函数库 |
D3 | 7.9.0 | 数据可视化 |
dhtmlx-gantt | 8.0.6 | 甘特图 |
Less | 4.2.0 | CSS预处理器 |
项目结构
platform-base/
├── packages/
│ ├── api/ # API 库模块
│ │ ├── base/ # 基础API定义
│ │ ├── mdm/ # MDM API定义
│ │ ├── portal/ # 门户API定义
│ │ └── wf/ # 工作流API定义
│ ├── lib/ # 业务库模块
│ │ ├── base/ # 基础组件库(48+组件)
│ │ ├── mdm/ # MDM组件库
│ │ ├── portal/ # 门户组件库
│ │ └── wf/ # 工作流组件库
│ └── site/ # 应用站点模块
│ ├── base/ # 主平台应用(端口3000)
│ ├── mdm/ # 数据管理(端口3001)
│ ├── client/ # 客户端应用(端口3002)
│ ├── portal/ # 门户应用(端口3003)
│ ├── wf/ # 工作流管理(端口3004)
│ └── procdef/ # 流程定义(端口3005)
├── pnpm-workspace.yaml
└── package.json
快速开始
# 安装依赖
pnpm install --frozen-lockfile
# 启动全部模块
pnpm run all
# 单独启动某个模块
pnpm --filter @platform-site/base run dev
# 构建生产版本
pnpm run build
组件列表
25 十一月 2025