# springBoot-shiro-vue-element-admin

**Repository Path**: chichengyu/springBoot-shiro-vue-element-admin

## Basic Information

- **Project Name**: springBoot-shiro-vue-element-admin
- **Description**: 一个前后端分离的( springboot + shiro + vue  + element) 项目
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 95
- **Forks**: 29
- **Created**: 2020-04-12
- **Last Updated**: 2024-06-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# springBoot-shiro-vue-element-admin

[github](https://github.com/chichengyu/springBoot-shiro-vue-element-admin)

### 后端：springboot-shiro
使用 `springBoot2.1.6 + shiro + redis + mysql` 的权限管理系统，账号：`admin`，密码：`123456`，如果使用 [spring-security](https://gitee.com/chichengyu/springBoot-security-vue-element-admin)


### 前端：vue-element-admin
使用的是 `vue2.6 + element-ui 2.11.1`，[vue-element-admin下载](https://gitee.com/chichengyu/vue-element-admin)  
注意：需要打开登录组件开启权限，默认 false 不开启，`另外 node.js　版本是 10.*`

    ```
    // 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，便于快速开发界面
    ```
放开注释，即可。

##### 打包问题
关于前端 ` 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预览](http://xiaochiwz.gitee.io/thinkphp5.1-vue-ivew-admin)
   + [Element官网](https://element.eleme.cn/2.11/#/zh-CN/component/installation)
   + [Element-component插件](https://www.npmjs.com/package/element-component)

##### Getting started
```
# clone the project
git clone https://gitee.com/chichengyu/springBoot-shiro-vue-element-admin.git
```
##### Build
```
# install
npm install

# test
npm run build:test

# build
npm run build

# watch
npm run watch

# dev-server
npm run dev
```
##### Preview
![输入图片说明](https://images.gitee.com/uploads/images/2020/0519/161814_3e6bf8d6_1508174.png "login.png")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0807/151235_cc4d2d20_1508174.png "menu.png")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0807/151245_9278a97a_1508174.png "auth.png")
![输入图片说明](https://images.gitee.com/uploads/images/2020/0807/151256_a6605153_1508174.png "user.png")