# infinite-zero-one-admin-native-ui

**Repository Path**: chenshouyuan/infinite-zero-one-admin-native-ui

## Basic Information

- **Project Name**: infinite-zero-one-admin-native-ui
- **Description**: Infinite Zero One Admin 是一个现代化的后台管理系统框架，采用 Vue 3 + TypeScript + Naive UI + uniCloud 技术栈开发。框架集成了用户认证、权限管理、动态路由、国际化等企业级特性，并提供了丰富的 UI 组件和开发工具。

- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-04-14
- **Last Updated**: 2025-04-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 无限零一Admin

基于 uniCloud 和 uni-id 的管理后台基础开发框架。

## 项目介绍

无限零一Admin 是一个基于 Vue 3、TypeScript、Naive UI 和 uniCloud 开发的管理后台基础框架。它集成了用户认证、权限管理、菜单控制等核心功能，让开发者能够快速构建功能完善的管理后台应用。

### 主要特点

- **基于 uniCloud**: 利用 serverless 云开发平台，免运维、低成本
- **内置权限系统**: 使用 uni-id 用户系统，提供完整的 RBAC 权限控制
- **现代化 UI**: 基于 Naive UI 和 TailwindCSS 的美观界面
- **TypeScript 支持**: 全面的类型支持，提高代码质量和开发效率
- **响应式设计**: 适配不同设备尺寸的界面布局
- **支持vscode开发**: 与常规vue3 项目一样的开发体验，完整的类型提示
- **cursor开发**: 如果你使用的是 cursor 编辑器，内置了丰富的 rule，帮助你快速开发

## 快速开始

### 环境要求

- Node.js 14.0+
- HBuilderX 3.0+
- M 系列 Mac 需要特殊处理 esbuild

### 安装步骤

1. 克隆项目到本地
   ```bash
   git clone https://gitee.com/chenshouyuan/infinite-zero-one-admin-native-ui.git
   ```

2. 安装依赖
   ```bash
   # 使用 npm
   npm install
   
   # 或使用 yarn
   yarn install
   ```
   
3. M 系列 Mac 特殊处理
   ```bash
   # 进入 @esbuild 目录
   cd node_modules/@esbuild
   
   # 复制 darwin-arm64 到 darwin-x64
   cp -r darwin-arm64 darwin-x64
   ```

4. 创建和绑定服务空间
   - 在 HBuilderX 中右键点击 `uniCloud-aliyun` 文件夹
   - 选择"创建/绑定服务空间"
   - 根据向导完成服务空间的创建和绑定

5. 部署云函数和数据库
   - 在 HBuilderX 中右键点击 `uniCloud-aliyun` 文件夹
   - 选择"部署云函数及公共模块"
   - 右键点击 `uniCloud-aliyun/database` 文件夹
   - 选择"上传所有数据库Schema及校验函数"

6. 运行项目
   ```bash
   # 开发环境
   npm run dev
   
   # 生产环境
   npm run build
   ```

## 项目结构

```
uni-cloud-admin/
├── components/         # 公共组件
├── hooks/             # Vue 组合式 API Hooks
├── i18n/              # 国际化配置
├── layout/            # 布局组件
├── pages/             # 页面文件
├── plugin/            # 插件配置
├── service/           # API 服务
├── static/            # 静态资源
├── store/             # Pinia 状态管理
├── styles/            # 全局样式
├── types/             # TypeScript 类型定义
├── uni_modules/       # uni扩展模块
├── uniCloud-aliyun/   # uniCloud 云开发目录
│   ├── cloudfunctions/# 云函数
│   └── database/      # 数据库Schema
├── utils/             # 工具函数
├── vite.config.ts     # Vite 配置
├── tailwind.config.js # TailwindCSS 配置
└── App.vue            # 应用入口组件
```

## 核心功能

- **用户认证**: 登录、注册、密码管理
- **权限管理**: 基于角色的权限控制
- **菜单管理**: 动态菜单配置与权限关联
- **系统设置**: 配置管理、日志记录
- **组件库**: 
  - 表格组件：支持分页、排序、筛选
  - 表单组件：动态表单生成
  - 布局组件：响应式布局
  - 主题组件：动态主题切换

## 技术栈

- **前端**: 
  - Vue 3 + TypeScript
  - Naive UI
  - TailwindCSS
  - Pinia
  - Vite
- **后端**: 
  - uniCloud (serverless)
  - 云数据库
- **工具**: 
  - ESLint
  - Prettier
  - i18n
  - Vite

## 开发规范

- 使用 TypeScript 进行开发
- 遵循 ESLint 和 Prettier 代码规范
- 使用组合式 API (Composition API)
- 组件命名采用 PascalCase
- 文件命名采用 kebab-case

## 贡献指南

欢迎提交问题或功能请求，以及提交 pull request 来改进项目。

## 许可证

[MIT License](LICENSE)