# uni-elementUI-admin

**Repository Path**: nickzhan/uni-element-ui-admin

## Basic Information

- **Project Name**: uni-elementUI-admin
- **Description**: uni-elementUI-admin，适用于UNIAPP的H5端。后台管理系统，ElementUI
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 3
- **Created**: 2021-08-15
- **Last Updated**: 2025-03-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1> uni-elementUI-admin后台管理模板 </h1>


一个简洁的后台管理系统模板，基于 uniAPP + elementUI + uni-simple-router 的后台管理系统

示范模板：[elementui-admin示例](https://static-d92bc09d-2270-48d9-a8c5-6ea136edd45d.bspapp.com/elementui-admin/)

## 本项目只适用于uni-app的H5端
## 因为是个人开发, 很多时候考虑没那么周全, 所以大家如果有什么好的点子可以联系我（邮箱：mihuk@foxmail.com）, 告诉我你宝贵的想法.

## 2021.8.15初始化项目

# 特别感谢

首先我们先感谢一下[uni-simple-router](http://hhyang.cn/)的作者，本人研发封装的这一套都是基于[uni-simple-router](http://hhyang.cn/)的路由模式，配合[element-ui2.15](https://element.eleme.cn/2.15/#/zh-CN/)封装的后台模板，最后感谢开源项目ruoyiui，本项目是基于其进行迁移至uni-app。

# 目录结构
```
├── assets                  项目静态资源
|   ├── images              图片资源
|   └── logo                logo图片
|   └── styles				样式资源
├── components              组件资源
├── layout                  布局资源
├── utils                   工具类函数方法
├── build                   Node.js运行脚本
├── router                  路由配置
├── store                   Vuex配置
├── views                   页面视图文件
├── App.vue                 全局生命周期和全局样式配置
├── manifest.json           应用配置
├── main.js                 vue初始化入口
├── pages.json              配置页面路由（使用uni-smail-router后可只配置一个存在的页面。后期无需频繁配置）
├── .gitignore              git忽略配置
├── peimission.js           权限管理文件，非必须，作了保留方便开发服务端
├── settings.js             系统全局配置
├── vue.config.js           vue编译配置
└── README.md               说明文档 
```

# 安装步骤

使用npm install 安装依赖

## 方法一：
* 使用[uniapp插件市场](https://ext.dcloud.net.cn/plugin?id=5953)一键工程导入
* 选择项目，右键->使用命令行窗口打开所在目录，或使用系统自带的CMD进入项目运行 `npm install` 进行下载依赖包
* 进入manifest.json可视化重新获取appid
* 使用HBuilderx运行到浏览器

## 方法二：
* 使用[git工具](https://gitee.com/nickzhan/uni-element-ui-admin)拉取
* 复制源码到新建的项目
* 选择项目，右键->使用命令行窗口打开所在目录，或使用系统自带的CMD进入项目运行 `npm install` 进行下载依赖包
* 进入manifest.json可视化重新获取appid
* 使用HBuilderx运行到浏览器

以上方法都是基于[HBuilderX工具开发](https://uniapp.dcloud.io/quickstart?id=_1-%e9%80%9a%e8%bf%87-hbuilderx-%e5%8f%af%e8%a7%86%e5%8c%96%e7%95%8c%e9%9d%a2)的方法
如是想通过[vue-cli构建](https://uniapp.dcloud.io/quickstart?id=_2-%e9%80%9a%e8%bf%87vue-cli%e5%91%bd%e4%bb%a4%e8%a1%8c)请自行参考官方文档进行调试。
发布请修改运行基础路径

# 变更日志

- 2021-08-15	
  - 初始化项目

- 2021-08-19	
  - 修改忽略配置
  - 删除多余的文件，优化登录页，调试发布

# 注意
本项目使用了vue-router，所以可以不用一直在pages.json编写路由，应在“/router/routers”配置。但pages.json必须配置一项存在的页面，不然会报错

# 声明
该项目为MIT协议开源项目，可商用，但出现的一切后果与作者无关，与该开源项目无关，切记！！！

开源不易，如果觉得这个项目还不错，麻烦大家动动您的小手帮我点一下上面的star，感谢。

如果你觉得本项目对你有帮助，可以赞赏作者(请作者喝杯奶茶哦(*^_^*))

<p align="center">
  <a href='https://gitee.com/nickzhan/uni-element-ui-admin'>
    <img src='https://gitee.com/nickzhan/uni-element-ui-admin/widgets/widget_6.svg' alt='Fork me on Gitee'></img>
  </a>
</p>