1 Star 0 Fork 5

feiyu / vue-element-admin

forked from 小二 / vue-element-admin 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

vue-element-admin

github

介绍

基于vue、element做的一个后台管理系统,默认打包出的是异步加载。这里也提供一个完整的包(包括依赖)下载即用,密码:gzmpiy

vue-element-admin2.0 这里提供一个下载(包括依赖),密码:4tyurf

说明:vue-element-admin2.0与之前的区别不大,只是重写了权限而已,全都有后台返回的权限菜单进行动态加载组件,不用在 routesMap 中进行添加路由了,但是位 * 路由不能删除,且后台返回的数据格式请参照 权限格式数据.json,vue-element-admin2.0需要特别注意:后台返回的权限菜单中数据的 path 与 name 必须与组件中对应组件目录名称一致,否则报错找不到组件

  • 注意:需要打开登录组件开启权限,默认 false 不开启
    // 1.
    var userInfo = {
      nickname: "超级管理员",
      username:'admin',
      roles: 1,
      token: "eyJhbGciOiJIUzI1NiJ9.eyJqd3Qt",
      "isAuth":false // true开启权限验证模式 ,false 不使用权限验证,默认无权限验证
    };
    this.$ls.set('userInfo',userInfo);
    this.success('登陆成功!');
    this.$router.push('/');
    return;
    
    // data: 登录成功后返回的数据
    data.isAuth = true;// 开发时可设置为false,便于快速开发界面

放开注释,即可。

架构

架构说明

目录结构

目录

   │──dist            
   │──src             
   │  │──api             接口请求目录  
   │  │──assets          静态资源目录
   │  │──common          公共目录(如:公共函数,可直接修改,不影响打包后的文件)    
   │  │──components      组件目录  
   │  │──config          配置目录  
   │  │──lib             核心库目录  
   │  │──router          路由目录  
   │  │──store           vuex目录  
   │  │──views           视图目录  
   │  │──App.vue         根组件  
   │  │──index.html      模板文件    
   │  │──main.js         入口文件                  
   │  └──settings.js     配置文件
   │    ...

Getting started

# clone the project
git clone https://gitee.com/chichengyu/vue-element-admin.git

Build

# install dependency
npm install

# test development dev
npm run dev

# build
npm run build

# build test
npm run build:test

# watch
npm run watch
打包问题

关于前端 npm run build报错 ERROR in xxx.js from UglifyJs 错误问题,这因为 uglifyjs-webpack-plugin版本兼容问题造成的,解决方法:运行命令

npm uni uglifyjs-webpack-plugin -D

npm i uglifyjs-webpack-plugin@1 -D

当前版本是 2.*版本,降低到 1.* 版本就可以了,再次打包成功

Preview

输入图片说明 输入图片说明 输入图片说明 输入图片说明

License

MIT

MIT License Copyright (c) 2020 小二 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

基于vue,element-ui 做的一个管理后台模板 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/feiyudele/vue-element-admin.git
git@gitee.com:feiyudele/vue-element-admin.git
feiyudele
vue-element-admin
vue-element-admin
master

搜索帮助