# dataselfcloud-admin-ui

**Repository Path**: shanzhu2/dataselfcloud-admin-ui

## Basic Information

- **Project Name**: dataselfcloud-admin-ui
- **Description**: 数据化自我驱动后台管理网页端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-06
- **Last Updated**: 2026-01-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DataSelf Admin UI

基于 Vue Vben Admin 5.x 的现代化企业级管理后台系统，采用 Monorepo 架构，支持多种 UI 组件库。

## 📖 项目简介

DataSelf Admin UI 是一个功能强大、开箱即用的中后台管理系统解决方案。项目采用最新的前端技术栈，提供了完善的权限管理、组件封装和工程化配置，帮助开发者快速搭建企业级应用。

### ✨ 特性

- 🚀 **最新技术栈**：基于 Vue 3.5、Vite 7、TypeScript 5 等前沿技术
- 📦 **Monorepo 架构**：使用 Turbo + pnpm workspace 管理多包项目
- 🎨 **多 UI 支持**：支持 Ant Design Vue、Element Plus、Naive UI、TDesign 四种 UI 框架
- 🔐 **权限管理**：完善的动态路由权限生成方案
- 🌍 **国际化**：内置完善的国际化解决方案
- 🎯 **TypeScript**：严格的类型检查，提升代码质量
- 💅 **主题定制**：支持多种主题配色和自定义主题
- 📱 **响应式设计**：完美适配各种屏幕尺寸

## 📁 项目结构

```
dataself-admin-ui/
├── apps/                      # 应用目录
│   ├── web-antd/             # Ant Design Vue 版本
│   ├── web-ele/              # Element Plus 版本
│   ├── web-naive/            # Naive UI 版本
│   └── web-tdesign/          # TDesign 版本
├── packages/                  # 公共包目录
│   ├── @core/                # 核心功能包
│   ├── constants/            # 常量定义
│   ├── effects/              # 副作用处理
│   ├── icons/                # 图标库
│   ├── locales/              # 国际化语言包
│   ├── preferences/          # 偏好设置
│   ├── stores/               # 状态管理
│   ├── styles/               # 样式文件
│   ├── types/                # TypeScript 类型定义
│   └── utils/                # 工具函数
├── internal/                  # 内部工具包
├── scripts/                   # 构建脚本
├── docs/                      # 文档
├── .vscode/                   # VSCode 配置
├── package.json              # 项目配置
├── pnpm-workspace.yaml       # pnpm 工作区配置
├── turbo.json                # Turbo 配置
└── tsconfig.json             # TypeScript 配置
```

## 🔧 技术栈

| 技术 | 说明 | 版本 |
|------|------|------|
| [Vue](https://cn.vuejs.org/) | 渐进式 JavaScript 框架 | 3.5.24 |
| [Vite](https://cn.vitejs.dev/) | 下一代前端构建工具 | 7.2.2 |
| [TypeScript](https://www.typescriptlang.org/) | JavaScript 的超集 | 5.9.3 |
| [pnpm](https://pnpm.io/) | 快速的包管理器 | 10.22.0 |
| [Turbo](https://turbo.build/) | 高性能构建系统 | - |
| [Pinia](https://pinia.vuejs.org/) | Vue 状态管理库 | 3.0.3 |
| [Vue Router](https://router.vuejs.org/) | Vue 官方路由 | 4.5.1 |
| [Tailwind CSS](https://tailwindcss.com/) | 原子化 CSS 框架 | 3.4.18 |
| [VueUse](https://vueuse.org/) | Vue 组合式工具集 | 13.4.0 |
| [Iconify](https://iconify.design/) | 统一的图标框架 | 5.0.0 |

## 🚀 快速开始

### 环境要求

- **Node.js**: >= 20.12.0
- **pnpm**: >= 10.14.0

### 安装依赖

```bash
# 安装 pnpm（如果还没有安装）
npm install -g pnpm

# 安装项目依赖
pnpm install
```

### 启动开发服务器

```bash
# 启动 Ant Design Vue 版本
pnpm dev:antd

# 启动 Element Plus 版本
pnpm dev:ele

# 启动 Naive UI 版本
pnpm dev:naive

# 启动 TDesign 版本
pnpm dev:tdesign
```

### 构建生产版本

```bash
# 构建所有应用
pnpm build

# 构建指定应用
pnpm build:antd    # 构建 Ant Design Vue 版本
pnpm build:ele     # 构建 Element Plus 版本
pnpm build:naive   # 构建 Naive UI 版本
pnpm build:tdesign # 构建 TDesign 版本
```

### 预览生产构建

```bash
pnpm preview
```

## 📝 其他命令

```bash
# 代码格式化
pnpm format

# 代码检查
pnpm lint

# 类型检查
pnpm check:type

# 清理项目
pnpm clean

# 重新安装依赖
pnpm reinstall
```

## 📄 许可证

[MIT License](LICENSE)

## 🤝 贡献

欢迎提交 Issue 和 Pull Request！