【Gi Admin Pro】快速搭建高质量的中后台管理系统

一、简介

Gi Admin Pro 是一个现代化的中后台管理系统模板，适合快速开发企业级应用，开箱即用。它使用了最新的前端技术栈，包括 Vue3、Vite、TypeScript 和 Arco Design Vue、Pinia、VueUse，提供了丰富的主题配置、动态数据展示和严格的代码规范。项目的目标是帮助开发者快速搭建高质量的中后台管理系统，同时也可以作为学习和参考的范例。
部分页面预览：

二、功能模块

数据管理：支持数据的增删改查。
文件管理：支持文件上传、下载和管理。
表单管理：提供丰富的表单组件和校验规则。
表格管理：支持数据表格的展示和操作。
详情页：展示详细信息的页面模板。
错误页：提供 404、500 等错误页面。
结果页：展示操作结果的页面模板。
系统管理：支持用户管理、角色管理、权限管理等功能。
权限测试：支持基于角色的权限控制。

三、安装使用

// 克隆代码：
git clone url
// 安装依赖：
npm install
// 运行项目：
npm run dev
// 打包项目：
npm run build

四、mock 数据使用

import { defineMock } from 'mockjs';
defineMock('/api/user/list', 'get', {
  success: true,
  data: [
    { id: 1, name: '张三', phone: '13800000000' },
    { id: 2, name: '李四', phone: '13900000000' }
  ]
});

五、特点介绍

最新技术栈：使用 Vue3、Vite、TypeScript 等前沿技术，确保开发效率和性能。支持高效率的 npm 包管理器。
主题配置：内置丰富可配置的主题，支持暗黑模式。提供灵活的样式定制选项。
代码规范：采用严格的代码规范，确保代码质量和可维护性。提供丰富的规范插件，如 Prettier、ESLint 等。
动态数据展示：使用 Mock.js 实现动态数据模拟，方便开发和测试。支持通过 Mock 数据快速构建页面，无需后端接口支持。
组件化开发：提供全局组件前缀（如 GiNavBar、GiTitle、GiLoading），方便区分和管理。支持按需加载，优化性能。
模块丰富：提供数据管理、文件管理、表单管理、表格管理、详情页、错误页、结果页、系统管理、权限测试等功能。