From abd32ba3dfeb43f3f8425ddf0dbafa4e64124667 Mon Sep 17 00:00:00 2001
From: LiWZ <2846641104@qq.com>
Date: Thu, 6 May 2021 23:17:16 +0800
Subject: [PATCH] vueadmin-vue

---
 vueadmin-vue/src/App.vue                |  25 +-
 vueadmin-vue/src/assets/MarkerHub.jpg   | Bin 0 -> 27592 bytes
 vueadmin-vue/src/globalFun.js           |  12 +
 vueadmin-vue/src/main.js                |   2 +
 vueadmin-vue/src/mock.js                | 444 ++++++++++++++++++++++++
 vueadmin-vue/src/router/index.js        | 132 ++++++-
 vueadmin-vue/src/store/index.js         |   7 +-
 vueadmin-vue/src/store/modules/menus.js |  65 ++++
 vueadmin-vue/src/views/Home.vue         | 129 ++++++-
 vueadmin-vue/src/views/Index.vue        |  17 +-
 vueadmin-vue/src/views/UserCenter.vue   | 105 ++++++
 vueadmin-vue/src/views/inc/SideMenu.vue | 138 ++++++++
 vueadmin-vue/src/views/inc/Tabs.vue     |  79 +++++
 vueadmin-vue/src/views/sys/Dict.vue     |  13 +
 vueadmin-vue/src/views/sys/Menu.vue     | 270 ++++++++++++++
 vueadmin-vue/src/views/sys/Role.vue     | 369 ++++++++++++++++++++
 vueadmin-vue/src/views/sys/User.vue     | 409 ++++++++++++++++++++++
 17 files changed, 2197 insertions(+), 19 deletions(-)
 create mode 100644 vueadmin-vue/src/assets/MarkerHub.jpg
 create mode 100644 vueadmin-vue/src/globalFun.js
 create mode 100644 vueadmin-vue/src/store/modules/menus.js
 create mode 100644 vueadmin-vue/src/views/UserCenter.vue
 create mode 100644 vueadmin-vue/src/views/inc/SideMenu.vue
 create mode 100644 vueadmin-vue/src/views/inc/Tabs.vue
 create mode 100644 vueadmin-vue/src/views/sys/Dict.vue
 create mode 100644 vueadmin-vue/src/views/sys/Menu.vue
 create mode 100644 vueadmin-vue/src/views/sys/Role.vue
 create mode 100644 vueadmin-vue/src/views/sys/User.vue

diff --git a/vueadmin-vue/src/App.vue b/vueadmin-vue/src/App.vue
index e215936..bcc1ea2 100644
--- a/vueadmin-vue/src/App.vue
+++ b/vueadmin-vue/src/App.vue
@@ -4,12 +4,35 @@
   </div>
 </template>
 
+<script>
+  export default {
+    name: "App",
+    watch: {
+      $route(to, from) {
+
+        console.log("to")
+        console.log(to)
+
+        if (to.path != '/login') {
+          let obj = {
+            name: to.name,
+            title: to.meta.title
+          }
+
+          this.$store.commit("addTab", obj)
+        }
+
+      }
+    }
+  }
+
+</script>
+
 <style>
   html, body, #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
   margin: 0;
   padding: 0;
   height: 100%;
diff --git a/vueadmin-vue/src/assets/MarkerHub.jpg b/vueadmin-vue/src/assets/MarkerHub.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..90e94a0eb20cd967dc485ba684b41a771ec404c6
GIT binary patch
literal 27592
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
K|MP8XDEdFXniVnt

literal 0
HcmV?d00001

diff --git a/vueadmin-vue/src/globalFun.js b/vueadmin-vue/src/globalFun.js
new file mode 100644
index 0000000..780c6a7
--- /dev/null
+++ b/vueadmin-vue/src/globalFun.js
@@ -0,0 +1,12 @@
+import Vue from "vue"
+// 定义了全局方法，全局都可以调用
+Vue.mixin({
+    methods: {
+        hasAuth(perm) {
+            // 获取到当前用户所拥有的权限
+            var authority = this.$store.state.menus.permList
+
+            return authority.indexOf(perm) > -1
+        }
+    }
+})
diff --git a/vueadmin-vue/src/main.js b/vueadmin-vue/src/main.js
index 6f91144..d6cfb23 100644
--- a/vueadmin-vue/src/main.js
+++ b/vueadmin-vue/src/main.js
@@ -10,6 +10,8 @@ Vue.config.productionTip = false
 Vue.use(ElementUI)
 Vue.prototype.$axios = axios
 
+
+import gobal from "./globalFun"
 new Vue({
   router,
   store,
diff --git a/vueadmin-vue/src/mock.js b/vueadmin-vue/src/mock.js
index 07894c9..0a8a3a4 100644
--- a/vueadmin-vue/src/mock.js
+++ b/vueadmin-vue/src/mock.js
@@ -22,7 +22,451 @@ Mock.mock('/captcha', 'get', () => {
     }
     return Result
 })
+
 Mock.mock('/login', 'post', () => {
     // 无法往header中传入数据
     return Result
 })
+
+Mock.mock('/sys/userInfo', 'get', () => {
+    Result.data = {
+        id: '1',
+        username: 'user666',
+        avatar: 'https://image-1300566513.cos.ap-guangzhou.myqcloud.com/upload/images/5a9f48118166308daba8b6da7e466aab.jpg'
+    }
+    return Result
+})
+
+Mock.mock('/logout', 'post', () => {
+    return Result
+})
+
+Mock.mock('/sys/menu/nav', 'get', () => {
+    // 返回菜单栏的信息和权限信息
+    let nav = [
+        {
+            "id": 1,
+            "title": "系统管理",
+            "icon": "el-icon-s-operation",
+            "path": "",
+            "name": "sys:manage",
+            "component": "",
+            "children": [
+                {
+                    "id": 2,
+                    "title": "用户管理",
+                    "icon": "el-icon-s-custom",
+                    "path": "/sys/users",
+                    "name": "sys:user:list",
+                    "component": "sys/User",
+                    "children": []
+                },
+                {
+                    "id": 3,
+                    "title": "角色管理",
+                    "icon": "el-icon-rank",
+                    "path": "/sys/roles",
+                    "name": "sys:role:list",
+                    "component": "sys/Role",
+                    "children": []
+                },
+                {
+                    "id": 4,
+                    "title": "菜单管理",
+                    "icon": "el-icon-menu",
+                    "path": "/sys/menus",
+                    "name": "sys:menu:list",
+                    "component": "sys/Menu",
+                    "children": []
+                }
+            ]
+        },
+        {
+            "id": 5,
+            "title": "系统工具",
+            "icon": "el-icon-s-tools",
+            "path": "",
+            "name": "sys:tools",
+            "component": null,
+            "children": [
+                {
+                    "id": 6,
+                    "title": "数字字典",
+                    "icon": "el-icon-s-order",
+                    "path": "/sys/dicts",
+                    "name": "sys:dict:list",
+                    "component": "sys/Dict",
+                    "children": []
+                }
+            ]
+        }
+    ];
+
+    let permList = ['sys:user:list', "sys:user:save", "sys:user:delete"]
+
+
+    Result.data = {
+        nav:nav,
+        permList:permList,
+    }
+
+    return Result
+})
+
+//////////////// 菜单管理 ////////////////
+
+Mock.mock('/sys/menu/list', 'get', () => {
+    let menus = [
+        {
+            "id": 1,
+            "created": "2021-01-15T18:58:18",
+            "updated": "2021-01-15T18:58:20",
+            "statu": 1,
+            "parentId": 0,
+            "name": "系统管理",
+            "path": "",
+            "perms": "sys:manage",
+            "component": "",
+            "type": 0,
+            "icon": "el-icon-s-operation",
+            "ordernum": 1,
+            "children": [
+                {
+                    "id": 2,
+                    "created": "2021-01-15T19:03:45",
+                    "updated": "2021-01-15T19:03:48",
+                    "statu": 1,
+                    "parentId": 1,
+                    "name": "用户管理",
+                    "path": "/sys/users",
+                    "perms": "sys:user:list",
+                    "component": "sys/User",
+                    "type": 1,
+                    "icon": "el-icon-s-custom",
+                    "ordernum": 1,
+                    "children": [
+                        {
+                            "id": 9,
+                            "created": "2021-01-17T21:48:32",
+                            "updated": null,
+                            "statu": 1,
+                            "parentId": 2,
+                            "name": "添加用户",
+                            "path": null,
+                            "perms": "sys:user:save",
+                            "component": null,
+                            "type": 2,
+                            "icon": null,
+                            "ordernum": 1,
+                            "children": []
+                        },
+                        {
+                            "id": 10,
+                            "created": "2021-01-17T21:49:03",
+                            "updated": "2021-01-17T21:53:04",
+                            "statu": 1,
+                            "parentId": 2,
+                            "name": "修改用户",
+                            "path": null,
+                            "perms": "sys:user:update",
+                            "component": null,
+                            "type": 2,
+                            "icon": null,
+                            "ordernum": 2,
+                            "children": []
+                        },
+                        {
+                            "id": 11,
+                            "created": "2021-01-17T21:49:21",
+                            "updated": null,
+                            "statu": 1,
+                            "parentId": 2,
+                            "name": "删除用户",
+                            "path": null,
+                            "perms": "sys:user:delete",
+                            "component": null,
+                            "type": 2,
+                            "icon": null,
+                            "ordernum": 3,
+                            "children": []
+                        },
+                        {
+                            "id": 12,
+                            "created": "2021-01-17T21:49:58",
+                            "updated": null,
+                            "statu": 1,
+                            "parentId": 2,
+                            "name": "分配角色",
+                            "path": null,
+                            "perms": "sys:user:role",
+                            "component": null,
+                            "type": 2,
+                            "icon": null,
+                            "ordernum": 4,
+                            "children": []
+                        },
+                        {
+                            "id": 13,
+                            "created": "2021-01-17T21:50:36",
+                            "updated": null,
+                            "statu": 1,
+                            "parentId": 2,
+                            "name": "重置密码",
+                            "path": null,
+                            "perms": "sys:user:repass",
+                            "component": null,
+                            "type": 2,
+                            "icon": null,
+                            "ordernum": 5,
+                            "children": []
+                        }
+                    ]
+                },
+                {
+                    "id": 3,
+                    "created": "2021-01-15T19:03:45",
+                    "updated": "2021-01-15T19:03:48",
+                    "statu": 1,
+                    "parentId": 1,
+                    "name": "角色管理",
+                    "path": "/sys/roles",
+                    "perms": "sys:role:list",
+                    "component": "sys/Role",
+                    "type": 1,
+                    "icon": "el-icon-rank",
+                    "ordernum": 2,
+                    "children": []
+                },
+
+            ]
+        },
+        {
+            "id": 5,
+            "created": "2021-01-15T19:06:11",
+            "updated": null,
+            "statu": 1,
+            "parentId": 0,
+            "name": "系统工具",
+            "path": "",
+            "perms": "sys:tools",
+            "component": null,
+            "type": 0,
+            "icon": "el-icon-s-tools",
+            "ordernum": 2,
+            "children": [
+                {
+                    "id": 6,
+                    "created": "2021-01-15T19:07:18",
+                    "updated": "2021-01-18T16:32:13",
+                    "statu": 1,
+                    "parentId": 5,
+                    "name": "数字字典",
+                    "path": "/sys/dicts",
+                    "perms": "sys:dict:list",
+                    "component": "sys/Dict",
+                    "type": 1,
+                    "icon": "el-icon-s-order",
+                    "ordernum": 1,
+                    "children": []
+                }
+            ]
+        }
+    ]
+
+    Result.data = menus
+
+    return Result
+})
+
+Mock.mock(RegExp('/sys/menu/info/*'), 'get', () => {
+
+    Result.data = {
+        "id": 3,
+        "statu": 1,
+        "parentId": 1,
+        "name": "角色管理",
+        "path": "/sys/roles",
+        "perms": "sys:role:list",
+        "component": "sys/Role",
+        "type": 1,
+        "icon": "el-icon-rank",
+        "orderNum": 2,
+        "children": []
+    }
+
+    return Result
+})
+
+
+Mock.mock(RegExp('/sys/menu/*'), 'post', () => {
+
+    return Result
+})
+
+//////////////// 角色管理 ////////////////
+
+Mock.mock(RegExp('/sys/role/list*'), 'get', () => {
+
+    Result.data = {
+        "records": [
+            {
+                "id": 3,
+                "created": "2021-01-04T10:09:14",
+                "updated": "2021-01-30T08:19:52",
+                "statu": 1,
+                "name": "普通用户",
+                "code": "normal",
+                "remark": "只有基本查看功能",
+                "menuIds": []
+            },
+            {
+                "id": 6,
+                "created": "2021-01-16T13:29:03",
+                "updated": "2021-01-17T15:50:45",
+                "statu": 1,
+                "name": "超级管理员",
+                "code": "admin",
+                "remark": "系统默认最高权限，不可以编辑和任意修改",
+                "menuIds": []
+            }
+        ],
+        "total": 2,
+        "size": 10,
+        "current": 1,
+        "orders": [],
+        "optimizeCountSql": true,
+        "hitCount": false,
+        "countId": null,
+        "maxLimit": null,
+        "searchCount": true,
+        "pages": 1
+    }
+
+    return Result
+
+})
+
+Mock.mock(RegExp('/sys/role/info/*'), 'get', () => {
+
+    Result.data = {
+        "id": 6,
+        "created": "2021-01-16T13:29:03",
+        "updated": "2021-01-17T15:50:45",
+        "statu": 1,
+        "name": "超级管理员",
+        "code": "admin",
+        "remark": "系统默认最高权限，不可以编辑和任意修改",
+        "menuIds": [3]
+    }
+
+    return Result
+})
+
+// 正则表达式，进行模糊的匹配
+Mock.mock(RegExp('/sys/role/*'), 'post', () => {
+
+    return Result
+})
+
+
+//////////////// 用户管理 ////////////////
+
+Mock.mock(RegExp('/sys/user/list*'), 'get', () => {
+    Result.data = {
+        "records": [
+            {
+                "id": 1,
+                "created": "2021-01-12T22:13:53",
+                "updated": "2021-01-16T16:57:32",
+                "statu": 1,
+                "username": "admin",
+                "password": "$2a$10$R7zegeWzOXPw871CmNuJ6upC0v8D373GuLuTw8jn6NET4BkPRZfgK",
+                "avatar": "https://image-1300566513.cos.ap-guangzhou.myqcloud.com/upload/images/5a9f48118166308daba8b6da7e466aab.jpg",
+                "email": "123@qq.com",
+                "city": "广州",
+                "lastLogin": "2020-12-30T08:38:37",
+                "roles": [
+                    {
+                        "id": 6,
+                        "created": "2021-01-16T13:29:03",
+                        "updated": "2021-01-17T15:50:45",
+                        "statu": 1,
+                        "name": "超级管理员",
+                        "code": "admin",
+                        "remark": "系统默认最高权限，不可以编辑和任意修改",
+                        "menuIds": []
+                    },
+                    {
+                        "id": 3,
+                        "created": "2021-01-04T10:09:14",
+                        "updated": "2021-01-30T08:19:52",
+                        "statu": 1,
+                        "name": "普通用户",
+                        "code": "normal",
+                        "remark": "只有基本查看功能",
+                        "menuIds": []
+                    }
+                ]
+            },
+            {
+                "id": 2,
+                "created": "2021-01-30T08:20:22",
+                "updated": "2021-01-30T08:55:57",
+                "statu": 1,
+                "username": "test",
+                "password": "$2a$10$0ilP4ZD1kLugYwLCs4pmb.ZT9cFqzOZTNaMiHxrBnVIQUGUwEvBIO",
+                "avatar": "https://image-1300566513.cos.ap-guangzhou.myqcloud.com/upload/images/5a9f48118166308daba8b6da7e466aab.jpg",
+                "email": "test@qq.com",
+                "city": null,
+                "lastLogin": null,
+                "roles": [
+                    {
+                        "id": 3,
+                        "created": "2021-01-04T10:09:14",
+                        "updated": "2021-01-30T08:19:52",
+                        "statu": 1,
+                        "name": "普通用户",
+                        "code": "normal",
+                        "remark": "只有基本查看功能",
+                        "menuIds": []
+                    }
+                ]
+            }
+        ],
+        "total": 2,
+        "size": 10,
+        "current": 1,
+        "orders": [],
+        "optimizeCountSql": true,
+        "hitCount": false,
+        "countId": null,
+        "maxLimit": null,
+        "searchCount": true,
+        "pages": 1
+    }
+
+    return Result
+})
+
+
+Mock.mock(RegExp('/sys/user/*'), 'post', () => {
+    return Result
+})
+
+Mock.mock(RegExp('/sys/user/info/*'), 'get', () => {
+
+    Result.data = {
+        "id": 2,
+        "created": "2021-01-30T08:20:22",
+        "updated": "2021-01-30T08:55:57",
+        "statu": 1,
+        "username": "test",
+        "password": "$2a$10$0ilP4ZD1kLugYwLCs4pmb.ZT9cFqzOZTNaMiHxrBnVIQUGUwEvBIO",
+        "avatar": "https://image-1300566513.cos.ap-guangzhou.myqcloud.com/upload/images/5a9f48118166308daba8b6da7e466aab.jpg",
+        "email": "test@qq.com",
+        "city": null,
+        "lastLogin": null,
+        "roles": []
+    }
+    return Result
+})
diff --git a/vueadmin-vue/src/router/index.js b/vueadmin-vue/src/router/index.js
index d6dc747..7fda309 100644
--- a/vueadmin-vue/src/router/index.js
+++ b/vueadmin-vue/src/router/index.js
@@ -1,6 +1,12 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
+import User from "../views/sys/User";
+import Role from "../views/sys/Role";
+import Menu from "../views/sys/Menu";
+
+import axios from "axios";
+import store from "../store"
 
 Vue.use(VueRouter)
 
@@ -8,18 +14,46 @@ const routes = [
   {
     path: '/',
     name: 'Home',
-    component: Home
+    component: Home,
+    children:[
+      {
+        path: '/userCenter',
+        name: 'UserCenter',
+        meta: {
+          title: "个人中心"
+        },
+        component: () => import('@/views/UserCenter.vue')
+      },
+
+      {
+      path: '/index',
+      name: 'Index',
+      component: () => import('../views/Index.vue')
+    },
+    // {
+    //   path: '/sys/users',
+    //   name: 'SysUser',
+    //   component: User
+    // },
+    // {
+    //   path: '/sys/roles',
+    //   name: 'SysRole',
+    //   component: Role
+    // },
+    // {
+    //   path: '/sys/menus',
+    //   name: 'SysMenu',
+    //   component: Menu
+    // },
+
+    ]
   },
   {
     path: '/login',
     name: 'Login',
     component: () => import('../views/Login.vue')
   },
-  {
-    path: '/index',
-      name: 'Index',
-    component: () => import('../views/Index.vue')
-  },
+
 ]
 
 const router = new VueRouter({
@@ -28,4 +62,90 @@ const router = new VueRouter({
   routes
 })
 
+
+router.beforeEach((to, from, next) => {  //是在SideMenu.vue之后渲染，导致导航栏没数据
+
+  let hasRoute = store.state.menus.hasRoutes
+
+  let token = localStorage.getItem("token")
+
+  if (to.path == '/login') {
+    next()
+
+  } else if (!token) {
+    next({path: '/login'})
+
+
+  } else if(token && !hasRoute) {
+    axios.get("/sys/menu/nav", {
+      headers: {
+        Authorization: localStorage.getItem("token")
+      }
+    }).then(res => {
+
+      console.log(res.data.data)
+
+      // 拿到menuList
+      store.commit("setMenuList", res.data.data.nav)
+
+      // 拿到用户权限
+      store.commit("setPermList", res.data.data.permList)
+
+      console.log(store.state.menus.menuList)
+
+      // 动态绑定路由
+      let newRoutes = router.options.routes; // 现有路由
+
+      res.data.data.nav.forEach(menu => {
+        if (menu.children) {
+          menu.children.forEach(e => { //每一个子菜单进行路由的绑定
+
+            // 转成路由
+            let route = menuToRoute(e)
+
+            // 把路由添加到路由管理中
+            if (route) {
+              newRoutes[0].children.push(route)
+            }
+
+          })
+        }
+      })
+
+      console.log("newRoutes")
+      console.log(newRoutes)
+      router.addRoutes(newRoutes)
+
+      hasRoute = true
+      store.commit("changeRouteStatus", hasRoute)
+    })
+  }
+
+
+
+  next()
+})
+
+
+// 导航转成路由
+const menuToRoute = (menu) => {
+
+  if (!menu.component) {
+    return null
+  }
+
+  let route = {
+    name: menu.name,
+    path: menu.path,
+    meta: {
+      icon: menu.icon,
+      title: menu.title
+    }
+  }
+  route.component = () => import('@/views/' + menu.component +'.vue')
+
+  return route
+}
+
+
 export default router
diff --git a/vueadmin-vue/src/store/index.js b/vueadmin-vue/src/store/index.js
index e91786a..3de606b 100644
--- a/vueadmin-vue/src/store/index.js
+++ b/vueadmin-vue/src/store/index.js
@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
+import menus from "./modules/menus"
 
 Vue.use(Vuex)
 
@@ -11,10 +12,14 @@ export default new Vuex.Store({
     SET_TOKEN: (state, token) => {
       state.token = token
       localStorage.setItem("token", token)
-    }
+    },
+    // resetState:(state)=> {
+    //   state.token='';
+    // }
   },
   actions: {
   },
   modules: {
+    menus
   }
 })
diff --git a/vueadmin-vue/src/store/modules/menus.js b/vueadmin-vue/src/store/modules/menus.js
new file mode 100644
index 0000000..189d957
--- /dev/null
+++ b/vueadmin-vue/src/store/modules/menus.js
@@ -0,0 +1,65 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default {
+    state: {
+
+        menuList: [],
+        permList: [],
+
+        // hasRoutes:sessionStorage.getItem("hasRoutes");
+        hasRoutes: false,
+
+
+        editableTabsValue: 'Index',
+        editableTabs: [{
+            title: '首页',
+            name: 'Index',
+        }]
+    },
+    mutations: {
+        setMenuList(state, menus) {
+            state.menuList = menus
+        },
+        setPermList(state, perms) {
+            state.permList = perms
+        },
+        changeRouteStatus(state, hasRoutes) {
+            state.hasRoutes = hasRoutes
+            // 放入sessionStorage中，每次刷新才不会删除
+            // sessionStorage.setItem("hasRoutes",hasRoutes)
+        },
+
+        addTab(state, tab) { // 添加数组
+
+            let index = state.editableTabs.findIndex(e => e.name === tab.name)
+
+            if (index === -1) {
+                state.editableTabs.push({
+                    title: tab.title,
+                    name: tab.name,
+                });
+            }
+
+            state.editableTabsValue = tab.name;
+        },
+
+        resetState: (state) => {
+            state.menuList = []
+            state.permList = []
+
+            state.hasRoutes = false
+            state.editableTabsValue = 'Index'
+            state.editableTabs = [{
+                title: '首页',
+                name: 'Index',
+            }]
+        }
+
+    },
+    actions: {
+    },
+
+}
diff --git a/vueadmin-vue/src/views/Home.vue b/vueadmin-vue/src/views/Home.vue
index 11b9f08..529f8a5 100644
--- a/vueadmin-vue/src/views/Home.vue
+++ b/vueadmin-vue/src/views/Home.vue
@@ -1,16 +1,127 @@
 <template>
-  <div class="home">
-    <h1>主页</h1>
-    <el-button>测试</el-button>
-  </div>
+    <el-container>
+      <el-aside width="200px">
+        <SideMenu></SideMenu>
+      </el-aside>
+      <el-container>
+        <el-header>
+          <strong>VueAdmin后台管理系统</strong>
+          <div class="header-avatar">
+            <el-avatar size="medium" :src="userInfo.avatar"></el-avatar>
+            <el-dropdown>
+                      <span class="el-dropdown-link">
+                        {{userInfo.username}}<i class="el-icon-arrow-down el-icon--right"></i>
+                      </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item :underline="false">
+                  <!--<router-link to="/userCenter">个人中心</router-link>-->
+                  <router-link :to="{name:'UserCenter'}">个人中心</router-link>
+                </el-dropdown-item>
+                <el-dropdown-item @click.native="logout">
+                  退出
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+
+            <el-link href="#" target="_blank">视频讲解</el-link>
+            <el-link href="#" target="_blank">网站</el-link>
+
+          </div>
+        </el-header>
+        <el-main>
+          <Tabs></Tabs>
+          <div style="margin: 0 15px;">
+            <router-view/>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
 </template>
 
 <script>
-// @ is an alias to /src
-
+import SideMenu from "./inc/SideMenu";
+import Tabs from  "./inc/Tabs"
 export default {
-  name: 'Home',
-  components: {
-  }
+
+  name: "Home",
+  data(){
+    return{
+      userInfo: {
+        id: '',
+        username: '',
+        avatar: ''
+      }
+    }
+  },
+  components:{
+    SideMenu,
+    Tabs
+  },
+  methods: {
+    getUserInfo() {
+      this.$axios.get("/sys/userInfo").then(res => {
+        this.userInfo = res.data.data;
+      })
+    },
+    logout() {
+      this.$axios.post("/logout").then(res => {
+        console.log(res.data.data)
+        localStorage.clear() //token清不清都无所谓
+        sessionStorage.clear()
+        this.$store.commit("resetState") // 退出之后，tab会清空
+        this.$router.push("/login")
+      })
+    }
+  },
+  created() {
+    this.getUserInfo()
+  },
+
 }
 </script>
+
+<style scoped>
+  .el-container{
+    margin: 0;
+    padding: 0;
+    height: 100%;
+  }
+
+  .header-avatar{
+    float: right;
+    width: 210px;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+  }
+
+  .el-dropdown-link {
+    cursor: pointer;
+  }
+
+  .el-header{
+    background-color: rgb(23,179,163);
+    color: #333;
+    text-align: center;
+    line-height: 60px;
+  }
+
+  .el-aside {
+    background-color: #D3DCE6;
+    color: #333;
+    line-height: 200px;
+  }
+
+  .el-main {
+    color: #333;
+    /*!*文本居中*!*/
+    /*text-align: center;*/
+    /*!*line-height: 160px;*!*/
+    padding: 0;
+  }
+
+  a{
+    text-decoration: none;
+  }
+
+</style>
diff --git a/vueadmin-vue/src/views/Index.vue b/vueadmin-vue/src/views/Index.vue
index 0465793..6f14e67 100644
--- a/vueadmin-vue/src/views/Index.vue
+++ b/vueadmin-vue/src/views/Index.vue
@@ -1,13 +1,26 @@
 <template>
-
+    <div>main</div>
 </template>
 
 <script>
+import SideMenu from "./inc/SideMenu";
 export default {
-  name: "index.vue"
+
+    name: "index.vue",
+    components:{
+      SideMenu
+    },
+    data(){
+        return{
+
+        }
+    }
+
 }
 </script>
 
 <style scoped>
 
+
+
 </style>
diff --git a/vueadmin-vue/src/views/UserCenter.vue b/vueadmin-vue/src/views/UserCenter.vue
new file mode 100644
index 0000000..b3bfd92
--- /dev/null
+++ b/vueadmin-vue/src/views/UserCenter.vue
@@ -0,0 +1,105 @@
+<template>
+    <div style="text-align: center;">
+        <h2>你好！{{ userInfo.username }} 同学</h2>
+
+        <el-form :model="passForm" status-icon :rules="rules" ref="passForm" label-width="100px">
+            <el-form-item label="旧密码" prop="currentPass">
+                <el-input type="password" v-model="passForm.currentPass" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item label="新密码" prop="password">
+                <el-input type="password" v-model="passForm.password" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item label="确认密码" prop="checkPass">
+                <el-input type="password" v-model="passForm.checkPass" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="submitForm('passForm')">提交</el-button>
+                <el-button @click="resetForm('passForm')">重置</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+
+</template>
+
+<script>
+    export default {
+        name: "UserCenter",
+        data() {
+            var validatePass = (rule, value, callback) => {
+                if (value === '') {
+                    callback(new Error('请再次输入密码'));
+                } else if (value !== this.passForm.password) {
+                    callback(new Error('两次输入密码不一致!'));
+                } else {
+                    callback();
+                }
+            };
+            return {
+                userInfo: {
+
+                },
+                passForm: {
+                    password: '',
+                    checkPass: '',
+                    currentPass: ''
+                },
+                rules: {
+                    password: [
+                        { required: true, message: '请输入新密码', trigger: 'blur' },
+                        { min: 6, max: 12, message: '长度在 6 到 12 个字符', trigger: 'blur' }
+                    ],
+                    checkPass: [
+                        { required: true, validator: validatePass, trigger: 'blur' }
+                    ],
+                    currentPass: [
+                        { required: true, message: '请输入当前密码', trigger: 'blur' },
+                    ]
+                }
+            }
+        },
+        created() {
+            this.getUserInfo()
+        },
+        methods: {
+            getUserInfo() {
+                this.$axios.get("/sys/userInfo").then(res => {
+
+                    this.userInfo = res.data.data;
+                })
+            },
+            submitForm(formName) {
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+
+                        const _this = this
+                        this.$axios.post('/sys/user/updatePass', this.passForm).then(res => {
+
+                            _this.$alert(res.data.msg, '提示', {
+                                confirmButtonText: '确定',
+                                callback: action => {
+                                    this.$refs[formName].resetFields();
+                                }
+                            });
+                        })
+
+                    } else {
+                        console.log('error submit!!');
+                        return false;
+                    }
+                });
+            },
+            resetForm(formName) {
+                this.$refs[formName].resetFields();
+            }
+        }
+    }
+
+</script>
+
+<style scoped>
+    .el-form {
+        width: 420px;
+        margin: 50px auto;
+    }
+
+</style>
diff --git a/vueadmin-vue/src/views/inc/SideMenu.vue b/vueadmin-vue/src/views/inc/SideMenu.vue
new file mode 100644
index 0000000..e1a7e1b
--- /dev/null
+++ b/vueadmin-vue/src/views/inc/SideMenu.vue
@@ -0,0 +1,138 @@
+<template>
+    <el-menu
+            :default-active="this.$store.state.menus.editableTabsValue"
+            class="el-menu-vertical-demo"
+            background-color="#545c64"
+            text-color="#fff"
+            active-text-color="#ffd04b">
+        <router-link to="/index">
+            <el-menu-item index="Index" @click="selectMenu({name: 'Index', title: '首页'})">
+                <template slot="title">
+                    <i class="el-icon-s-home"></i>
+                    <span slot="title">首页</span>
+                </template>
+            </el-menu-item>
+        </router-link>
+
+        <!--<el-submenu index="1">
+            <template slot="title">
+                <i class="el-icon-s-operation"></i>
+                <span>系统管理</span>
+            </template>
+
+            <router-link to="/sys/users">
+                <el-menu-item index="1-1">
+                    <template slot="title">
+                        <i class="el-icon-s-custom"></i>
+                        <span slot="title">用户管理</span>
+                    </template>
+                </el-menu-item>
+            </router-link>
+            <router-link to="/sys/roles">
+                <el-menu-item index="1-2">
+                    <template slot="title">
+                        <i class="el-icon-rank"></i>
+                        <span slot="title">角色管理</span>
+                    </template>
+                </el-menu-item>
+            </router-link>
+            <router-link to="/sys/menus">
+                <el-menu-item index="1-3">
+                    <template slot="title">
+                        <i class="el-icon-menu"></i>
+                        <span slot="title">菜单管理</span>
+                    </template>
+                </el-menu-item>
+            </router-link>
+        </el-submenu>
+        <el-submenu index="2">
+            <template slot="title">
+                <i class="el-icon-s-tools"></i>
+                <span>系统工具</span>
+            </template>
+            <el-menu-item index="2-2">
+                <template slot="title">
+                    <i class="el-icon-s-order"></i>
+                    <span slot="title">数字字典</span>
+                </template>
+            </el-menu-item>
+        </el-submenu>-->
+
+        <el-submenu :index="menu.name" v-for="menu in menuList">
+            <template slot="title">
+                <i :class="menu.icon"></i>
+                <span>{{menu.title}}</span>
+            </template>
+            <router-link :to="item.path" v-for="item in menu.children">
+                <el-menu-item :index="item.name" @click="selectMenu(item)">
+                    <template slot="title">
+                        <i :class="item.icon"></i>
+                        <span slot="title">{{item.title}}</span>
+                    </template>
+                </el-menu-item>
+            </router-link>
+        </el-submenu>
+    </el-menu>
+</template>
+
+<script>
+    export default {
+        name: "SideMenu",
+        data() {
+            return {
+                /*menuList: [
+                    {
+                        name: 'SysManga',
+                        title: '系统管理',
+                        icon: 'el-icon-s-operation',
+                        path: '',
+                        children: [
+                            {
+                                name: 'SysUser',
+                                title: '用户管理',
+                                icon: 'el-icon-s-custom',
+                                path: '/sys/users',
+                                children: []
+                            },
+                        ]
+                    },
+                    {
+                        name: 'SysTools',
+                        title: '系统工具',
+                        icon: 'el-icon-s-tools',
+                        path: '',
+                        children: [
+                            {
+                                name: 'SysDict',
+                                title: '数字字典',
+                                icon: 'el-icon-s-order',
+                                path: '/sys/dicts',
+                                children: []
+                            },
+                        ]
+                    }
+                ],*/
+                // menuList:this.$store.state.menus.menuList,
+            }
+        },
+        computed:{
+            // 实现动态的监控,一旦发生变化，菜单栏也发生变化
+            menuList:{
+                get(){
+                    return this.$store.state.menus.menuList;
+                }
+            }
+        },
+        methods: {
+            selectMenu(item) {
+                this.$store.commit("addTab", item)
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .el-menu-vertical-demo{
+        height: 100%;
+    }
+</style>
diff --git a/vueadmin-vue/src/views/inc/Tabs.vue b/vueadmin-vue/src/views/inc/Tabs.vue
new file mode 100644
index 0000000..7f8a619
--- /dev/null
+++ b/vueadmin-vue/src/views/inc/Tabs.vue
@@ -0,0 +1,79 @@
+<template>
+    <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" @tab-click="clickTab">
+        <el-tab-pane
+                v-for="(item, index) in editableTabs"
+                :key="item.name"
+                :label="item.title"
+                :name="item.name"
+        >
+        </el-tab-pane>
+    </el-tabs>
+</template>
+
+<script>
+    export default {
+        name: "Tabs",
+        data() {
+            return {
+                // 一次性赋值，后续发生变化之后不会动态监控而发生改变
+                // editableTabsValue: this.$store.state.menus.editableTabsValue,
+                // editableTabs: this.$store.state.menus.editableTabs,
+
+            }
+        },
+        computed: {
+            editableTabs: {
+                get() {
+                    return this.$store.state.menus.editableTabs
+                },
+                set(val) {
+                    this.$store.state.menus.editableTabs = val
+                }
+            },
+            editableTabsValue: {
+                get() {
+                    return this.$store.state.menus.editableTabsValue
+                },
+                set(val) {
+                    this.$store.state.menus.editableTabsValue = val
+                }
+            }
+        },
+        methods: {
+
+            removeTab(targetName) {
+                let tabs = this.editableTabs;
+                let activeName = this.editableTabsValue;
+
+                // 首页不能删除
+                // if (activeName === 'Index') {
+                if(targetName === 'Index'){
+                    return
+                }
+                // 一刷新tab消失，内容还在 原因 editableTabsValue editableTabs 没有存入sessionStorage中
+                // 有时候用户直接通过地址栏访问，sessionStorage中也不会存在tab
+                if (activeName === targetName) {
+                    tabs.forEach((tab, index) => {
+                        if (tab.name === targetName) {
+                            let nextTab = tabs[index + 1] || tabs[index - 1];
+                            if (nextTab) {
+                                activeName = nextTab.name;
+                            }
+                        }
+                    });
+                }
+                this.editableTabsValue = activeName;
+                this.editableTabs = tabs.filter(tab => tab.name !== targetName);
+                // 删除之后进行路由的切换
+                this.$router.push({name: activeName})
+            },
+            clickTab (target) {
+                this.$router.push({name: target.name})
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/vueadmin-vue/src/views/sys/Dict.vue b/vueadmin-vue/src/views/sys/Dict.vue
new file mode 100644
index 0000000..53bde80
--- /dev/null
+++ b/vueadmin-vue/src/views/sys/Dict.vue
@@ -0,0 +1,13 @@
+<template>
+    <h1>字典管理</h1>
+</template>
+
+<script>
+    export default {
+        name: "Dict"
+    }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/vueadmin-vue/src/views/sys/Menu.vue b/vueadmin-vue/src/views/sys/Menu.vue
new file mode 100644
index 0000000..40cbd8a
--- /dev/null
+++ b/vueadmin-vue/src/views/sys/Menu.vue
@@ -0,0 +1,270 @@
+<template>
+    <div>
+
+        <el-form :inline="true">
+            <el-form-item>
+                <el-button type="primary" @click="dialogVisible = true">新增</el-button>
+            </el-form-item>
+        </el-form>
+
+        <el-table
+                :data="tableData"
+                style="width: 100%;margin-bottom: 20px;"
+                row-key="id"
+                border
+                stripe
+                default-expand-all
+                :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+
+            <el-table-column
+                    prop="name"
+                    label="名称"
+                    sortable
+                    width="180">
+            </el-table-column>
+            <el-table-column
+                    prop="perms"
+                    label="权限编码"
+                    sortable
+                    width="180">
+            </el-table-column>
+
+            <el-table-column
+                    prop="icon"
+                    label="图标">
+            </el-table-column>
+
+            <el-table-column
+                    prop="type"
+                    label="类型">
+                <!--对行内数据进行修改样式
+                scope可以接收父组件传递过来的值-->
+                <template slot-scope="scope">
+                    <el-tag size="small" v-if="scope.row.type === 0">目录</el-tag>
+                    <el-tag size="small" v-else-if="scope.row.type === 1" type="success">菜单</el-tag>
+                    <el-tag size="small" v-else-if="scope.row.type === 2" type="info">按钮</el-tag>
+                </template>
+
+            </el-table-column>
+
+            <el-table-column
+                    prop="path"
+                    label="菜单URL">
+            </el-table-column>
+            <el-table-column
+                    prop="component"
+                    label="菜单组件">
+            </el-table-column>
+            <el-table-column
+                    prop="orderNum"
+                    label="排序号">
+            </el-table-column>
+            <el-table-column
+                    prop="statu"
+                    label="状态">
+                <template slot-scope="scope">
+                    <el-tag size="small" v-if="scope.row.statu === 1" type="success">正常</el-tag>
+                    <el-tag size="small" v-else-if="scope.row.statu === 0" type="danger">禁用</el-tag>
+                </template>
+
+            </el-table-column>
+            <el-table-column
+                    prop="icon"
+                    label="操作">
+
+                <template slot-scope="scope">
+                    <el-button type="text" @click="editHandle(scope.row.id)">编辑</el-button>
+                    <!--分割线-->
+                    <el-divider direction="vertical"></el-divider>
+
+                    <template>
+                        <el-popconfirm title="这是一段内容确定删除吗？" @confirm="delHandle(scope.row.id)">
+                            <el-button type="text" slot="reference">删除</el-button>
+                        </el-popconfirm>
+                    </template>
+
+                </template>
+            </el-table-column>
+
+        </el-table>
+
+
+        <!--新增对话框-->
+        <el-dialog
+                title="提示"
+                :visible.sync="dialogVisible"
+                width="600px"
+                :before-close="handleClose">
+
+            <el-form :model="editForm" :rules="editFormRules" ref="editForm" label-width="100px" class="demo-editForm">
+
+                <el-form-item label="上级菜单" prop="parentId">
+                    <el-select v-model="editForm.parentId" placeholder="请选择上级菜单">
+                        <template v-for="item in tableData">
+                            <!--label：显示的名称-->
+                            <el-option :label="item.name" :value="item.id"></el-option>
+                            <!--循环两次，目录和菜单-->
+                            <template v-for="child in item.children">
+                                <el-option :label="child.name" :value="child.id">
+                                    <span>{{ "- " + child.name }}</span>
+                                </el-option>
+                            </template>
+                        </template>
+                    </el-select>
+                </el-form-item>
+
+                <el-form-item label="菜单名称" prop="name" label-width="100px">
+                    <el-input v-model="editForm.name" autocomplete="off"></el-input>
+                </el-form-item>
+
+                <el-form-item label="权限编码" prop="perms" label-width="100px">
+                    <el-input v-model="editForm.perms" autocomplete="off"></el-input>
+                </el-form-item>
+
+                <el-form-item label="图标" prop="icon" label-width="100px">
+                    <el-input v-model="editForm.icon" autocomplete="off"></el-input>
+                </el-form-item>
+                <el-form-item label="菜单URL" prop="path" label-width="100px">
+                    <el-input v-model="editForm.path" autocomplete="off"></el-input>
+                </el-form-item>
+
+                <el-form-item label="菜单组件" prop="component" label-width="100px">
+                    <el-input v-model="editForm.component" autocomplete="off"></el-input>
+                </el-form-item>
+
+                <el-form-item label="类型" prop="type" label-width="100px">
+                    <el-radio-group v-model="editForm.type">
+                        <el-radio :label=0>目录</el-radio>
+                        <el-radio :label=1>菜单</el-radio>
+                        <el-radio :label=2>按钮</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item label="状态" prop="statu" label-width="100px">
+                    <el-radio-group v-model="editForm.statu">
+                        <el-radio :label=0>禁用</el-radio>
+                        <el-radio :label=1>正常</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item label="排序号" prop="orderNum" label-width="100px">
+                    <el-input-number v-model="editForm.orderNum" :min="1" label="排序号">1</el-input-number>
+                </el-form-item>
+
+
+                <el-form-item>
+                    <el-button type="primary" @click="submitForm('editForm')">立即创建</el-button>
+                    <el-button @click="resetForm('editForm')">重置</el-button>
+                </el-form-item>
+            </el-form>
+
+        </el-dialog>
+
+
+    </div>
+
+</template>
+
+<script>
+    export default {
+        name: "Menu",
+        data() {
+            return {
+                dialogVisible: false,// 默认不显示
+                editForm: {
+
+                },
+                editFormRules: {
+                    parentId: [
+                        {required: true, message: '请选择上级菜单', trigger: 'blur'}
+                    ],
+                    name: [
+                        {required: true, message: '请输入名称', trigger: 'blur'}
+                    ],
+                    perms: [
+                        {required: true, message: '请输入权限编码', trigger: 'blur'}
+                    ],
+                    type: [
+                        {required: true, message: '请选择状态', trigger: 'blur'}
+                    ],
+                    orderNum: [
+                        {required: true, message: '请填入排序号', trigger: 'blur'}
+                    ],
+                    statu: [
+                        {required: true, message: '请选择状态', trigger: 'blur'}
+                    ]
+                },
+                tableData: []
+            }
+        },
+        created() {
+            this.getMenuTree()
+        },
+        methods: {
+            getMenuTree() {
+                // mock会拦截axios的请求并且把mock数据进行一个返回
+                this.$axios.get("/sys/menu/list").then(res => {
+                    this.tableData = res.data.data
+                })
+            },
+            submitForm(formName) {
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        this.$axios.post('/sys/menu/' + (this.editForm.id?'update' : 'save'), this.editForm)
+                            .then(res => {
+
+                                this.$message({
+                                    showClose: true,
+                                    message: '恭喜你，操作成功',
+                                    type: 'success',
+                                    // 关闭时的回调
+                                    onClose:() => {
+                                        this.getMenuTree() // 操作完成之后，更新数据
+                                    }
+                                });
+
+                                this.dialogVisible = false
+                            })
+                    } else {
+                        console.log('error submit!!');
+                        return false;
+                    }
+                });
+            },
+            editHandle(id) {
+                this.$axios.get('/sys/menu/info/' + id).then(res => {
+                    // 数据的回显
+                    this.editForm = res.data.data
+
+                    this.dialogVisible = true
+                })
+            },
+            // 清空表单操作
+            resetForm(formName) {
+                this.$refs[formName].resetFields();
+                this.dialogVisible = false
+                this.editForm = {}
+            },
+            handleClose() {
+                this.resetForm('editForm')
+            },
+            delHandle(id) {
+                this.$axios.post("/sys/menu/delete/" + id).then(res => {
+                    this.$message({
+                        showClose: true,
+                        message: '恭喜你，操作成功',
+                        type: 'success',
+                        onClose:() => {
+                            this.getMenuTree()
+                        }
+                    });
+
+                })
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/vueadmin-vue/src/views/sys/Role.vue b/vueadmin-vue/src/views/sys/Role.vue
new file mode 100644
index 0000000..473aa6a
--- /dev/null
+++ b/vueadmin-vue/src/views/sys/Role.vue
@@ -0,0 +1,369 @@
+<template>
+    <div>
+        <el-form :inline="true">
+            <el-form-item>
+                <el-input
+                        v-model="searchForm.name"
+                        placeholder="名称"
+                        clearable
+                >
+                </el-input>
+            </el-form-item>
+
+            <el-form-item>
+                <el-button @click="getRoleList">搜索</el-button>
+            </el-form-item>
+
+            <el-form-item>
+                <el-button type="primary" @click="dialogVisible = true">新增</el-button>
+            </el-form-item>
+            <el-form-item>
+                <el-popconfirm title="这是确定批量删除吗？" @confirm="delHandle(null)">
+                    <el-button type="danger" slot="reference" :disabled="delBtlStatu">批量删除</el-button>
+                </el-popconfirm>
+            </el-form-item>
+        </el-form>
+
+        <el-table
+                ref="multipleTable"
+                :data="tableData"
+                tooltip-effect="dark"
+                style="width: 100%"
+                border
+                stripe
+                @selection-change="handleSelectionChange">
+
+            <el-table-column
+                    type="selection"
+                    width="55">
+            </el-table-column>
+
+            <el-table-column
+                    prop="name"
+                    label="名称"
+                    width="120">
+            </el-table-column>
+            <el-table-column
+                    prop="code"
+                    label="唯一编码"
+                    show-overflow-tooltip>
+            </el-table-column>
+            <el-table-column
+                    prop="remark"
+                    label="描述"
+                    show-overflow-tooltip>
+            </el-table-column>
+
+            <el-table-column
+                    prop="statu"
+                    label="状态">
+                <template slot-scope="scope">
+                    <el-tag size="small" v-if="scope.row.statu === 1" type="success">正常</el-tag>
+                    <el-tag size="small" v-else-if="scope.row.statu === 0" type="danger">禁用</el-tag>
+                </template>
+
+            </el-table-column>
+            <el-table-column
+                    prop="icon"
+                    label="操作">
+
+                <template slot-scope="scope">
+                    <el-button type="text" @click="permHandle(scope.row.id)">分配权限</el-button>
+                    <el-divider direction="vertical"></el-divider>
+
+                    <el-button type="text" @click="editHandle(scope.row.id)">编辑</el-button>
+                    <el-divider direction="vertical"></el-divider>
+
+                    <template>
+                        <el-popconfirm title="这是一段内容确定删除吗？" @confirm="delHandle(scope.row.id)">
+                            <el-button type="text" slot="reference">删除</el-button>
+                        </el-popconfirm>
+                    </template>
+
+                </template>
+            </el-table-column>
+
+        </el-table>
+
+
+        <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                layout="total, sizes, prev, pager, next, jumper"
+                :page-sizes="[10, 20, 50, 100]"
+                :current-page="current"
+                :page-size="size"
+                :total="total">
+        </el-pagination>
+
+
+        <!--新增对话框-->
+        <el-dialog
+                title="提示"
+                :visible.sync="dialogVisible"
+                width="600px"
+                :before-close="handleClose">
+
+            <el-form :model="editForm" :rules="editFormRules" ref="editForm" label-width="100px" class="demo-editForm">
+
+                <el-form-item label="角色名称" prop="name" label-width="100px">
+                    <el-input v-model="editForm.name" autocomplete="off"></el-input>
+                </el-form-item>
+
+                <el-form-item label="唯一编码" prop="code" label-width="100px">
+                    <el-input v-model="editForm.code" autocomplete="off"></el-input>
+                </el-form-item>
+
+                <el-form-item label="描述" prop="remark" label-width="100px">
+                    <el-input v-model="editForm.remark" autocomplete="off"></el-input>
+                </el-form-item>
+
+
+                <el-form-item label="状态" prop="statu" label-width="100px">
+                    <el-radio-group v-model="editForm.statu">
+                        <el-radio :label=0>禁用</el-radio>
+                        <el-radio :label=1>正常</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item>
+                    <el-button type="primary" @click="submitForm('editForm')">立即创建</el-button>
+                    <el-button @click="resetForm('editForm')">重置</el-button>
+                </el-form-item>
+            </el-form>
+
+        </el-dialog>
+
+        <el-dialog
+                title="分配权限"
+                :visible.sync="permDialogVisible"
+                width="600px">
+
+            <el-form :model="permForm">
+                <!--:default-expand-all=true 默认展开所有元素
+                :check-strictly=true 不强关联-->
+                <el-tree
+                        :data="permTreeData"
+                        show-checkbox
+                        ref="permTree"
+                        :default-expand-all=true
+                        node-key="id"
+                        :check-strictly=true
+                        :props="defaultProps">
+                </el-tree>
+
+            </el-form>
+
+            <span slot="footer" class="dialog-footer">
+			    <el-button @click="permDialogVisible = false">取 消</el-button>
+			    <el-button type="primary" @click="submitPermFormHandle('permForm')">确 定</el-button>
+			</span>
+
+        </el-dialog>
+
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "Role",
+        data() {
+            return {
+                searchForm: {},
+                delBtlStatu: true,
+
+                total: 0,
+                size: 10,
+                current: 1,
+
+                dialogVisible: false,
+                editForm: {
+
+                },
+
+                tableData: [],
+
+                editFormRules: {
+                    name: [
+                        {required: true, message: '请输入角色名称', trigger: 'blur'}
+                    ],
+                    code: [
+                        {required: true, message: '请输入唯一编码', trigger: 'blur'}
+                    ],
+                    statu: [
+                        {required: true, message: '请选择状态', trigger: 'blur'}
+                    ]
+                },
+
+                multipleSelection: [],
+
+                permDialogVisible: false,
+                permForm: {},
+                defaultProps: {
+                    children: 'children',
+                    label: 'name'
+                },
+                permTreeData: []
+            }
+        },
+        created() {
+            this.getRoleList()
+
+            this.$axios.get('/sys/menu/list').then(res => {
+                this.permTreeData = res.data.data
+            })
+        },
+        methods: {
+            toggleSelection(rows) {
+                if (rows) {
+                    rows.forEach(row => {
+                        this.$refs.multipleTable.toggleRowSelection(row);
+                    });
+                } else {
+                    this.$refs.multipleTable.clearSelection();
+                }
+            },
+            // 选中复选框时会触发
+            handleSelectionChange(val) {
+                console.log("勾选")
+                console.log(val)
+                this.multipleSelection = val;
+                // 点击了复选框，激活批量删除按钮  如果等于0为true，禁用
+                this.delBtlStatu = val.length == 0
+            },
+
+            handleSizeChange(val) {
+                console.log(`每页 ${val} 条`);
+                this.size = val
+                this.getRoleList()
+            },
+            handleCurrentChange(val) {
+                console.log(`当前页: ${val}`);
+                this.current = val
+                this.getRoleList()
+            },
+
+            resetForm(formName) {
+                this.$refs[formName].resetFields();
+                this.dialogVisible = false
+                this.editForm = {}
+            },
+            handleClose() {
+                this.resetForm('editForm')
+            },
+
+            getRoleList() {
+                this.$axios.get("/sys/role/list", {
+                    params: {
+                        name: this.searchForm.name,
+                        current: this.current,
+                        size: this.size
+                    }
+                }).then(res => {
+                    this.tableData = res.data.data.records
+                    this.size = res.data.data.size
+                    this.current = res.data.data.current
+                    this.total = res.data.data.total
+                })
+            },
+
+            submitForm(formName) {
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        this.$axios.post('/sys/role/' + (this.editForm.id?'update' : 'save'), this.editForm)
+                            .then(res => {
+
+                                this.$message({
+                                    showClose: true,
+                                    message: '恭喜你，操作成功',
+                                    type: 'success',
+                                    onClose:() => {
+                                        this.getRoleList()
+                                    }
+                                });
+
+                                this.dialogVisible = false
+                                this.resetForm(formName)
+                            })
+                    } else {
+                        console.log('error submit!!');
+                        return false;
+                    }
+                });
+            },
+            editHandle(id) {
+                this.$axios.get('/sys/role/info/' + id).then(res => {
+                    this.editForm = res.data.data
+
+                    this.dialogVisible = true
+                })
+            },
+            // 删除单条记录和删除多条记录，复用同一个方法
+            delHandle(id) {
+
+                var ids = []
+
+                if (id) {
+                    // 删除单条记录
+                    ids.push(id)
+                } else {
+                    // 批量删除数据
+                    this.multipleSelection.forEach(row => {
+                        ids.push(row.id)
+                    })
+                }
+
+                console.log(ids)
+                // 将ids数组放到body中
+                this.$axios.post("/sys/role/delete", ids).then(res => {
+                    this.$message({
+                        showClose: true,
+                        message: '恭喜你，操作成功',
+                        type: 'success',
+                        onClose:() => {
+                            this.getRoleList()
+                        }
+                    });
+                })
+            },
+            permHandle(id) {
+                this.permDialogVisible = true
+
+                this.$axios.get("/sys/role/info/" + id).then(res => {
+
+                    this.$refs.permTree.setCheckedKeys(res.data.data.menuIds)
+                    this.permForm = res.data.data
+                })
+            },
+
+            submitPermFormHandle(formName) {
+                // 拿到所有勾选的菜单id 获取到所有的node-key
+                var menuIds = this.$refs.permTree.getCheckedKeys()
+
+                console.log(menuIds)
+                // 要给哪一个角色进行权限的赋值
+                this.$axios.post('/sys/role/perm/' + this.permForm.id, menuIds).then(res => {
+                    this.$message({
+                        showClose: true,
+                        message: '恭喜你，操作成功',
+                        type: 'success',
+                        onClose:() => {
+                            this.getRoleList()
+                        }
+                    });
+                    this.permDialogVisible = false
+                    this.resetForm(formName)
+                })
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+    .el-pagination {
+        float: right;
+        margin-top: 22px;
+    }
+
+</style>
diff --git a/vueadmin-vue/src/views/sys/User.vue b/vueadmin-vue/src/views/sys/User.vue
new file mode 100644
index 0000000..ace1a2d
--- /dev/null
+++ b/vueadmin-vue/src/views/sys/User.vue
@@ -0,0 +1,409 @@
+<template>
+    <div>
+        <el-form :inline="true">
+            <el-form-item>
+                <el-input
+                        v-model="searchForm.username"
+                        placeholder="用户名"
+                        clearable
+                >
+                </el-input>
+            </el-form-item>
+
+            <el-form-item>
+                <el-button @click="getUserList">搜索</el-button>
+            </el-form-item>
+
+            <el-form-item>
+                <!--当前新增按钮所需要的权限-->
+                <el-button type="primary" @click="dialogVisible = true" v-if="hasAuth('sys:user:save')">新增</el-button>
+            </el-form-item>
+            <el-form-item>
+                <el-popconfirm title="这是确定批量删除吗？" @confirm="delHandle(null)">
+                    <el-button type="danger" slot="reference" :disabled="delBtlStatu" v-if="hasAuth('sys:user:delete')">批量删除</el-button>
+                </el-popconfirm>
+            </el-form-item>
+        </el-form>
+
+        <el-table
+                ref="multipleTable"
+                :data="tableData"
+                tooltip-effect="dark"
+                style="width: 100%"
+                border
+                stripe
+                @selection-change="handleSelectionChange">
+
+            <el-table-column
+                    type="selection"
+                    width="55">
+            </el-table-column>
+
+            <el-table-column
+                    label="头像"
+                    width="50">
+                <template slot-scope="scope">
+                    <el-avatar size="small" :src="scope.row.avatar"></el-avatar>
+                </template>
+            </el-table-column>
+
+            <el-table-column
+                    prop="username"
+                    label="用户名"
+                    width="120">
+            </el-table-column>
+            <el-table-column
+                    prop="code"
+                    label="角色名称">
+                <template slot-scope="scope">
+                    <el-tag size="small" type="info" v-for="item in scope.row.sysRoles">{{item.name}}</el-tag>
+                </template>
+
+            </el-table-column>
+            <el-table-column
+                    prop="email"
+                    label="邮箱">
+            </el-table-column>
+            <el-table-column
+                    prop="phone"
+                    label="手机号">
+            </el-table-column>
+
+            <el-table-column
+                    prop="statu"
+                    label="状态">
+                <template slot-scope="scope">
+                    <el-tag size="small" v-if="scope.row.statu === 1" type="success">正常</el-tag>
+                    <el-tag size="small" v-else-if="scope.row.statu === 0" type="danger">禁用</el-tag>
+                </template>
+
+            </el-table-column>
+            <el-table-column
+                    prop="created"
+                    width="200"
+                    label="创建时间"
+            >
+            </el-table-column>
+            <el-table-column
+                    prop="icon"
+                    width="260px"
+                    label="操作">
+
+                <template slot-scope="scope">
+                    <el-button type="text" @click="roleHandle(scope.row.id)">分配角色</el-button>
+                    <el-divider direction="vertical"></el-divider>
+
+                    <el-button type="text" @click="repassHandle(scope.row.id, scope.row.username)">重置密码</el-button>
+                    <el-divider direction="vertical"></el-divider>
+
+                    <el-button type="text" @click="editHandle(scope.row.id)">编辑</el-button>
+                    <el-divider direction="vertical"></el-divider>
+
+                    <template>
+                        <el-popconfirm title="这是一段内容确定删除吗？" @confirm="delHandle(scope.row.id)">
+                            <el-button type="text" slot="reference">删除</el-button>
+                        </el-popconfirm>
+                    </template>
+
+                </template>
+            </el-table-column>
+
+        </el-table>
+
+        <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                layout="total, sizes, prev, pager, next, jumper"
+                :page-sizes="[10, 20, 50, 100]"
+                :current-page="current"
+                :page-size="size"
+                :total="total">
+        </el-pagination>
+
+
+        <!--新增对话框-->
+        <el-dialog
+                title="提示"
+                :visible.sync="dialogVisible"
+                width="600px"
+                :before-close="handleClose">
+
+            <el-form :model="editForm" :rules="editFormRules" ref="editForm">
+                <el-form-item label="用户名" prop="username" label-width="100px">
+                    <el-input v-model="editForm.username" autocomplete="off"></el-input>
+                    <el-alert
+                            title="初始密码为888888"
+                            :closable="false"
+                            type="info"
+                            style="line-height: 12px;"
+                    ></el-alert>
+                </el-form-item>
+
+                <el-form-item label="邮箱"  prop="email" label-width="100px">
+                    <el-input v-model="editForm.email" autocomplete="off"></el-input>
+                </el-form-item>
+                <el-form-item label="手机号"  prop="phone" label-width="100px">
+                    <el-input v-model="editForm.phone" autocomplete="off"></el-input>
+                </el-form-item>
+
+                <el-form-item label="状态"  prop="statu" label-width="100px">
+                    <el-radio-group v-model="editForm.statu">
+                        <el-radio :label="0">禁用</el-radio>
+                        <el-radio :label="1">正常</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="resetForm('editForm')">取 消</el-button>
+                <el-button type="primary" @click="submitForm('editForm')">确 定</el-button>
+            </div>
+        </el-dialog>
+
+        <!-- 分配权限对话框 -->
+        <el-dialog title="分配角色" :visible.sync="roleDialogFormVisible" width="600px">
+
+            <el-form :model="roleForm">
+                <el-tree
+                        :data="roleTreeData"
+                        show-checkbox
+                        ref="roleTree"
+                        :check-strictly=checkStrictly
+                        node-key="id"
+                        :default-expand-all=true
+                        :props="defaultProps">
+                </el-tree>
+            </el-form>
+
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="roleDialogFormVisible=false">取 消</el-button>
+                <el-button type="primary" @click="submitRoleHandle('roleForm')">确 定</el-button>
+            </div>
+        </el-dialog>
+
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "Role",
+        data() {
+            return {
+                searchForm: {},
+                delBtlStatu: true,
+
+                total: 0,
+                size: 10,
+                current: 1,
+
+                dialogVisible: false,
+                editForm: {
+
+                },
+
+                tableData: [],
+
+                editFormRules: {
+                    username: [
+                        {required: true, message: '请输入用户名称', trigger: 'blur'}
+                    ],
+                    email: [
+                        {required: true, message: '请输入邮箱', trigger: 'blur'}
+                    ],
+                    statu: [
+                        {required: true, message: '请选择状态', trigger: 'blur'}
+                    ]
+                },
+
+                multipleSelection: [],
+
+                roleDialogFormVisible: false,
+                defaultProps: {
+                    children: 'children',
+                    label: 'name'
+                },
+                roleForm: {},
+                roleTreeData:  [],
+                treeCheckedKeys: [],
+                checkStrictly: true
+
+            }
+        },
+        created() {
+            this.getUserList()
+
+            this.$axios.get("/sys/role/list").then(res => {
+                this.roleTreeData = res.data.data.records
+            })
+        },
+        methods: {
+            toggleSelection(rows) {
+                if (rows) {
+                    rows.forEach(row => {
+                        this.$refs.multipleTable.toggleRowSelection(row);
+                    });
+                } else {
+                    this.$refs.multipleTable.clearSelection();
+                }
+            },
+            handleSelectionChange(val) {
+                console.log("勾选")
+                console.log(val)
+                this.multipleSelection = val;
+
+                this.delBtlStatu = val.length == 0
+            },
+
+            handleSizeChange(val) {
+                console.log(`每页 ${val} 条`);
+                this.size = val
+                this.getUserList()
+            },
+            handleCurrentChange(val) {
+                console.log(`当前页: ${val}`);
+                this.current = val
+                this.getUserList()
+            },
+
+            resetForm(formName) {
+                this.$refs[formName].resetFields();
+                this.dialogVisible = false
+                this.editForm = {}
+            },
+            handleClose() {
+                this.resetForm('editForm')
+            },
+
+            getUserList() {
+                this.$axios.get("/sys/user/list", {
+                    params: {
+                        username: this.searchForm.username,
+                        current: this.current,
+                        size: this.size
+                    }
+                }).then(res => {
+                    this.tableData = res.data.data.records
+                    this.size = res.data.data.size
+                    this.current = res.data.data.current
+                    this.total = res.data.data.total
+                })
+            },
+
+            submitForm(formName) {
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        this.$axios.post('/sys/user/' + (this.editForm.id?'update' : 'save'), this.editForm)
+                            .then(res => {
+
+                                this.$message({
+                                    showClose: true,
+                                    message: '恭喜你，操作成功',
+                                    type: 'success',
+                                    onClose:() => {
+                                        this.getUserList()
+                                    }
+                                });
+
+                                this.dialogVisible = false
+                            })
+                    } else {
+                        console.log('error submit!!');
+                        return false;
+                    }
+                });
+            },
+            editHandle(id) {
+                this.$axios.get('/sys/user/info/' + id).then(res => {
+                    this.editForm = res.data.data
+
+                    this.dialogVisible = true
+                })
+            },
+            delHandle(id) {
+
+                var ids = []
+
+                if (id) {
+                    ids.push(id)
+                } else {
+                    this.multipleSelection.forEach(row => {
+                        ids.push(row.id)
+                    })
+                }
+
+                console.log(ids)
+
+                this.$axios.post("/sys/user/delete", ids).then(res => {
+                    this.$message({
+                        showClose: true,
+                        message: '恭喜你，操作成功',
+                        type: 'success',
+                        onClose:() => {
+                            this.getUserList()
+                        }
+                    });
+                })
+            },
+
+            roleHandle (id) {
+                this.roleDialogFormVisible = true
+
+                this.$axios.get('/sys/user/info/' + id).then(res => {
+                    this.roleForm = res.data.data
+
+                    let roleIds = []
+                    res.data.data.sysRoles.forEach(row => {
+                        roleIds.push(row.id)
+                    })
+
+                    this.$refs.roleTree.setCheckedKeys(roleIds)
+                })
+            },
+            submitRoleHandle(formName) {
+                var roleIds = this.$refs.roleTree.getCheckedKeys()
+
+                console.log(roleIds)
+
+                this.$axios.post('/sys/user/role/' + this.roleForm.id, roleIds).then(res => {
+                    this.$message({
+                        showClose: true,
+                        message: '恭喜你，操作成功',
+                        type: 'success',
+                        onClose:() => {
+                            this.getUserList()
+                        }
+                    });
+
+                    this.roleDialogFormVisible = false
+                })
+            },
+            repassHandle(id, username) {
+
+                this.$confirm('将重置用户【' + username + '】的密码, 是否继续?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(() => {
+                    this.$axios.post("/sys/user/repass", id).then(res => {
+                        this.$message({
+                            showClose: true,
+                            message: '恭喜你，操作成功',
+                            type: 'success',
+                            onClose: () => {
+                            }
+                        });
+                    })
+                })
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+    .el-pagination {
+        float: right;
+        margin-top: 22px;
+    }
+
+</style>
-- 
Gitee