更新记录

1.0.1(2021-12-29) 下载此版本

  • 2021-12-29 V1.0.1
    • 修复左侧菜单栏多级图标显示异常问题
    • 修复右侧设置主题颜色的层级问题
    • 修改主页页面

1.0.0(2021-08-19) 下载此版本

2021-08-19 elementui-admin后台管理模板发布


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

uni-elementUI-admin后台管理模板

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

示范模板:elementui-admin示例

本项目只适用于uni-app的H5端

因为是个人开发, 很多时候考虑没那么周全, 所以大家如果有什么好的点子可以联系我(邮箱:mihuk@foxmail.com), 告诉我你宝贵的想法.

2021.8.15初始化项目

特别感谢

首先我们先感谢一下uni-simple-router的作者,本人研发封装的这一套都是基于uni-simple-router的路由模式,配合element-ui2.15封装的后台模板,最后感谢开源项目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插件市场一键工程导入
  • 选择项目,右键->使用命令行窗口打开所在目录,或使用系统自带的CMD进入项目运行 npm install 进行下载依赖包
  • 进入manifest.json可视化重新获取appid
  • 使用HBuilderx运行到浏览器

方法二:

  • 使用git工具拉取
  • 复制源码到新建的项目
  • 选择项目,右键->使用命令行窗口打开所在目录,或使用系统自带的CMD进入项目运行 npm install 进行下载依赖包
  • 进入manifest.json可视化重新获取appid
  • 使用HBuilderx运行到浏览器

以上方法都是基于HBuilderX工具开发的方法 如是想通过vue-cli构建请自行参考官方文档进行调试。 发布请修改运行基础路径

变更日志

  • 2021-08-15

    • 初始化项目
  • 2021-08-19

    • 修改忽略配置
    • 删除多余的文件,优化登录页,调试发布
  • 2021-12-29 V1.0.1

    • 修复左侧菜单栏多级图标显示异常问题
    • 修复右侧设置主题颜色的层级问题
    • 修改主页页面

注意

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

声明

该项目为MIT协议开源项目,可商用,但出现的一切后果与作者无关,与该开源项目无关,切记!!!

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

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

Fork me on Gitee

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问