# ant-element-ui

**Repository Path**: gameplugdev/ant-element-ui

## Basic Information

- **Project Name**: ant-element-ui
- **Description**: 基于 Element UI 的 Ant 风格开箱即用的中台前端/设计解决方案
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://gitee.com/gameplugdev/ant-element-ui
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 1
- **Created**: 2020-12-25
- **Last Updated**: 2023-11-25

## Categories & Tags

**Categories**: backend

**Tags**: None

## README

[English](./README.md) | 简体中文

<h1 align="center">Ant Element UI</h1>

<div align="center">

基于 Element UI 的 Ant 风格开箱即用的中台前端/设计解决方案。

</div>

- 预览：http://antelement.letech.net.cn

## 1.0 正式发布 ! 🎉🎉🎉

## 初衷

随着前端技术的发展，市面上出现了很多流行的 UI 组件库和中后台开发框架。

最流行的如[Element UI](https://element.eleme.cn/#/zh-CN)组件库，以及深受广大开发者喜欢的[Ant Design](https://ant.design/index-cn)，都成为了前端开发利器，极大地提高了项目开发效率。

然而，使用完全基于 Element UI 组件，同时又高度还原 Ant 风格的设计的前端框架，目前尚是一个空白。这对于熟悉使用 Element UI 库的开发者来说，不得不说是一个遗憾。为此，我们开发了这款基于 Element UI 的 Ant 风格开箱即用的中台前端/设计解决方案。

## 特性

- 完全基于成熟易用的的 Element UI 组件
- 高度还原 Ant 风格的 UI 设计
- 集成了可配置的前端权限控制
- 可复用的增/删/改/查/导出的实现（见用户、角色、权限功能）
- 提炼自中后台应用的典型页面和场景
- 响应式：针对不同屏幕大小设计
- 良好的工程实践助您持续产出高质量代码

## 预览

<img src="readme/workplace.png">
<img src="readme/permission.png">

## 模板

```
- Dashboard
  - 分析页
  - 监控页
  - 工作台
- 表单页
  - 基础表单页
  - 分步表单页
  - 高级表单页
- 列表页
  - 查询表格
  - 标准列表
  - 卡片列表
- 详情页
  - 基础详情页
  - 高级详情页
- 用户页
  - 权限列表
  - 角色管理
  - 用户列表
- 结果页
  - 成功页
  - 失败页
- 异常页
  - 403
  - 404
  - 500
- 个人中心
  - 个人中心
  - 个人设置
- 网站首页（外链）
```

## 使用

```bash
$ mkdir <your-project-name>
$ cd <your-project-name>

# Clone this project

$ npm install
$ npm run dev         # visit http://localhost:5580
# or
$ npm run build       # 发布用于生产环境
```

## 支持环境

现代浏览器及 IE11。

## 参与贡献

我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建 :smiley:：

- 在你的公司或个人项目中使用 Ant Element UI。
- 通过 [Issue](https://gitee.com/gameplugdev/ant-element-ui/issues) 报告 bug 或进行咨询。
- 提交 [Pull Request](https://gitee.com/gameplugdev/ant-element-ui/pulls) 改进代码。

## 交流与服务

在使用过程中有任何问题，可加入项目专属 QQ 群进行交流与咨询。

> QQ 群号: 726500629

或扫描以下二维码加入 QQ 群

<img src="readme/antelement-qq.png">