# Admin UI

**Repository Path**: hchen2017/admin-ui

## Basic Information

- **Project Name**: Admin UI
- **Description**: 这是一个为后台管理系统开发的前端 UI 框架，包含Vue2+Element、Vue3+Arco-Design等版本。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 26
- **Forks**: 16
- **Created**: 2023-02-23
- **Last Updated**: 2025-07-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Element-UI, Arco-Design

## README

# Admin UI


## 简介
Admin UI 一个为后台管理系统开发的前端 UI 框架，包含Vue2+Element、Vue3+Arco-Design等版本。

[![star](https://gitee.com/hchen2017/admin-ui/badge/star.svg?theme=dark)](https://gitee.com/hchen2017/admin-ui/stargazers)
[![fork](https://gitee.com/hchen2017/admin-ui/badge/fork.svg?theme=dark)](https://gitee.com/hchen2017/admin-ui/members)
[![License](https://img.shields.io/badge/license-Apache2-yellow)](https://gitee.com/hchen2017/admin-ui/blob/master/LICENSE)


## 功能
* 用户管理
* 权限管理
* 会员管理
* 内容管理
* 菜单管理
* 文件管理
* 系统管理
* 数据库管理


## 安装
### 后端安装
* [Laravel-Admin 版本](https://gitee.com/hchen2017/laravel-admin)
* [Thinkphp-Admin 版本](https://gitee.com/hchen2017/thinkphp-admin)
* [Webman-Admin 版本](https://gitee.com/hchen2017/webman-admin)
* [Golang-Admin 版本](https://gitee.com/hchen2017/golang-admin)

### 本地开发
- Element 版本
~~~
cd vue/element
使用 cnpm 安装
npm install -g cnpm@6.2.0 --registry=https://registry.npmmirror.com
cnpm install
cnpm run dev
~~~
- Arco Design 版本
~~~
cd vue/arco-design
yarn install
npm run dev
~~~
- Arco Design 02 版本【推荐】
~~~
cd vue/arco-design
pnpm install
pnpm run dev
~~~


## 项目截图
### Element
- ![index](./public/static/img/element/index.png)
- ![article](./public/static/img/element/article.png)
- ![menu](./public/static/img/element/menu.png)
- ![database](./public/static/img/element/database.png)

### Arco Design
- ![login](./public/static/img/arco-design/login.png)
- ![slide-verify](./public/static/img/arco-design/slide-verify.png)
- ![index](./public/static/img/arco-design/index.png)
- ![role](./public/static/img/arco-design/role.png)
- ![admin](./public/static/img/arco-design/admin.png)
- ![article](./public/static/img/arco-design/article.png)
- ![menu](./public/static/img/arco-design/menu.png)
- ![file](./public/static/img/arco-design/file.png)
- ![region](./public/static/img/arco-design/region.png)
- ![database](./public/static/img/arco-design/database.png)
- ![system](./public/static/img/arco-design/system.png)
- ![test](./public/static/img/arco-design/test.png)

### Arco Design 02
- ![login](./public/static/img/arco-design-02/login.png)
- ![article](./public/static/img/arco-design-02/article.png)
- ![system-file](./public/static/img/arco-design-02/system-file.png)


## 交流
交流QQ群：614159657


## 💐 特别鸣谢
- 👉 Element UI：[https://element.eleme.io](https://element.eleme.io)
- 👉 Element Plus：[https://element-plus.org](https://element-plus.org)
- 👉 Arco Design：[https://arco.design/vue/docs/pro/start](https://arco.design/vue/docs/pro/start)


## 捐助
如果这个项目对您有所帮助，您可以点右上角 💘Star💘支持一下，谢谢！！！
<img src="https://gitee.com/hchen2017/admin-ui/raw/master/public/static/img/wxpay.jpg" width="320px;"/>