3 |
5 |
6 |
24 |
25 |
38 |
--------------------------------------------------------------------------------
/cms_data/.idea/libraries/Maven__com_google_protobuf_protobuf_java_2_6_0.xml:
--------------------------------------------------------------------------------
1 |
7 |
18 |
19 |
20 |
35 |
--------------------------------------------------------------------------------
/cms_data/web/src/main/webapp/WEB-INF/view/test.ftl:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
8 |
9 |
16 |
17 | 4
10 |
11 |
12 |
13 |
14 |
15 |
39 |
43 |
44 |
--------------------------------------------------------------------------------
/cms_web/src/views/register/register.less:
--------------------------------------------------------------------------------
1 |
2 | .register{
3 | position: absolute;
4 | top: 0px;
5 | left:0;
6 | right: 0;
7 | bottom: 0;
8 | overflow: auto;
9 | background-color: #F0F0F0;
10 | z-index: 1;
11 | transition: left .3s;
12 | }
13 |
14 | .main_card {
15 | margin-left:auto;
16 | margin-right:auto;
17 | margin-top:50px;
18 | width: 500px;
19 | border-radius: 5px;
20 | background-color: white;
21 | min-height:400px;
22 | &-title {
23 | width: 100%;
24 | height: 50px;
25 | text-align: center;
26 | font-size: 16px;
27 | }
28 | }
29 |
30 | .error_tip{
31 | width:100%;
32 | height:30px;
33 | margin-top: 20px;
34 | text-align: center;
35 | font-size: 14px;
36 | color: red;
37 | }
38 |
39 | .bottom-panel {
40 | width: 100%;
41 | height: 70px;
42 | margin-top:20px;
43 | float: bottom;
44 | text-align: center;
45 | &-btn {
46 | width: 120px;
47 | font-size: 15px;
48 | }
49 | }
50 |
51 | .my_modal_tip_label {
52 | margin-top: 5px;
53 | text-align: left;
54 | font-size:16px;
55 | }
56 |
57 | .my_modal_input_large {
58 | width: 300px;
59 | }
60 |
61 | .my_modal_input_middle {
62 | width: 100px;
63 | }
64 |
65 | .register_success_modal{
66 | .ivu-modal {
67 | top: 80px;
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/cms_web/src/views/error-page/403.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
40 | Logout
41 |
42 |
7 |
18 |
19 |
20 |
35 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # CMS 完整能运行的后台管理系统，后台数据工程基于SpringMVC实现，前台界面工程基于Node.js+Vue.js+iView的架构实现。
2 | ## 工程结构介绍
3 | ```
4 | cms/
5 | * cms_data/ ---------- 后台数据工程
6 | * cms_web/ ---------- 前台界面工程
7 | * tb_menu_one.sql ---- 数据库初始化sql
8 | ```
9 | ## 关键技术功能介绍
10 | ### 一. 登录账号密码采用RSA非对称加密方式
11 | 由后端工程下发公钥，前端工程使用公钥对账号密码进行加密再进行login操作，有效避免账号密码暴露。
12 | 如下图所示：
13 |
14 | 
15 |
16 | ### 二. 左侧菜单栏动态下发
17 | 左侧菜单栏的显示根据不同用户分配的权限下发不同的菜单，采用二级菜单的结构，如图所示：
18 | 
19 |
20 | ### 三. JWT做权限加密和超时管理
21 | 
22 | 
23 |
24 | ### 四. 菜单栏路径配置
25 | 
26 | 
27 |
28 | ### 五. 角色管理
29 | 可以创建不同角色，对角色分配菜单栏的界面权限
30 | 
31 |
32 | ### 六. 用户管理
33 | 对用户进行编辑，冻结等操作，同时可以对不同用户分配角色，每个用户只能有一个角色。
34 | 
35 |
36 | github网速过慢，下面是码云上的仓库地址：
37 | [https://gitee.com/WrathLi/cms-vue-iView/tree/master](https://gitee.com/WrathLi/cms-vue-iView/tree/master)
38 |
--------------------------------------------------------------------------------
/cms_data/core/src/main/java/com/liyu/cms/data/core/domain/Role.java:
--------------------------------------------------------------------------------
1 | package com.liyu.cms.data.core.domain;
2 |
3 | import java.util.Date;
4 |
5 | /**
6 | * Created by liyu on 2018/3/15.
7 | */
8 | public class Role {
9 |
10 | private Integer id;
11 |
12 | private String name;
13 |
14 | private Boolean beSuper;
15 |
16 | private String description;
17 |
18 | private Date createTime;
19 |
20 | public Integer getId() {
21 | return id;
22 | }
23 |
24 | public void setId(Integer id) {
25 | this.id = id;
26 | }
27 |
28 | public String getName() {
29 | return name;
30 | }
31 |
32 | public void setName(String name) {
33 | this.name = name;
34 | }
35 |
36 | public Boolean getBeSuper() {
37 | return beSuper;
38 | }
39 |
40 | public void setBeSuper(Boolean beSuper) {
41 | this.beSuper = beSuper;
42 | }
43 |
44 | public String getDescription() {
45 | return description;
46 | }
47 |
48 | public void setDescription(String description) {
49 | this.description = description;
50 | }
51 |
52 | public Date getCreateTime() {
53 | return createTime;
54 | }
55 |
56 | public void setCreateTime(Date createTime) {
57 | this.createTime = createTime;
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/cms_web/src/views/error-page/404.less:
--------------------------------------------------------------------------------
1 | @keyframes error404animation {
2 | 0% {
3 | transform: rotateZ(0deg);
4 | }
5 | 20% {
6 | transform: rotateZ(-60deg);
7 | }
8 | 40% {
9 | transform: rotateZ(-10deg);
10 | }
11 | 60% {
12 | transform: rotateZ(50deg);
13 | }
14 | 80% {
15 | transform: rotateZ(-20deg);
16 | }
17 | 100% {
18 | transform: rotateZ(0deg);
19 | }
20 | }
21 | .error404{
22 | &-body-con{
23 | width: 700px;
24 | height: 500px;
25 | position: absolute;
26 | left: 50%;
27 | top: 50%;
28 | transform: translate(-50%,-50%);
29 | &-title{
30 | text-align: center;
31 | font-size: 240px;
32 | font-weight: 700;
33 | color: #2d8cf0;
34 | height: 260px;
35 | line-height: 260px;
36 | margin-top: 40px;
37 | span{
38 | display: inline-block;
39 | color: #19be6b;
40 | font-size: 230px;
41 | animation: error404animation 3s ease 0s infinite alternate;
42 | }
43 | }
44 | &-message{
45 | display: block;
46 | text-align: center;
47 | font-size: 30px;
48 | font-weight: 500;
49 | letter-spacing: 12px;
50 | color: #dddde2;
51 | }
52 | }
53 | &-btn-con{
54 | text-align: center;
55 | padding: 20px 0;
56 | margin-bottom: 40px;
57 | }
58 | }
--------------------------------------------------------------------------------
/cms_web/src/views/error-page/500.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
8 |
9 |
16 |
17 | 4
10 |
11 |
12 |
13 |
14 |
15 |
7 |
20 |
21 |
22 |
37 |
--------------------------------------------------------------------------------
/cms_data/core/src/main/java/com/liyu/cms/data/core/dao/MenuDao.java:
--------------------------------------------------------------------------------
1 | package com.liyu.cms.data.core.dao;
2 |
3 | import com.liyu.cms.data.core.domain.MenuOne;
4 | import com.liyu.cms.data.core.domain.MenuPage;
5 | import org.apache.ibatis.annotations.Mapper;
6 | import org.apache.ibatis.annotations.Param;
7 |
8 | import java.util.List;
9 |
10 | /**
11 | * Created by liyu on 2018/3/15.
12 | */
13 | @Mapper
14 | public interface MenuDao {
15 |
16 | //获取全部menu菜单
17 | List
8 |
9 |
18 |
19 |
10 | 5
12 |
13 |
14 |
15 |
16 |
17 |
34 |
35 |
37 |
39 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/cms_web/src/views/privilege-mgr/role-mgr/role-mgr.less:
--------------------------------------------------------------------------------
1 | .role-mgr{
2 | &-body-con {
3 | width: 100%;
4 | height: 100%;
5 | position: relative;
6 | }
7 | }
8 |
9 | .role_opt_panel{
10 | width: 100%;
11 | height: 60px;
12 | background-color: white;
13 | border-radius: 5px;
14 | }
15 |
16 | .role_table_con{
17 | width: 100%;
18 | }
19 |
20 | .my_opt_wrapper{
21 | display: table;
22 | height: 60px;
23 | &-cell{
24 | height: 60px;
25 | display: table-cell;
26 | vertical-align: middle;
27 | }
28 | }
29 |
30 | .my_panel_label{
31 | text-align: right;
32 | font-size: 16px;
33 | }
34 |
35 | .name_search_input{
36 | width: 260px;
37 | }
38 |
39 | .table_page {
40 | float: right;
41 | }
42 |
43 | .opt_btn_text_size{
44 | font-size: 14px;
45 | }
46 |
47 | .my_error_tip {
48 | padding-left: 10px;
49 | padding-top: 6px;
50 | text-align: right;
51 | color:red;
52 | font-size: 13px;
53 | }
54 |
55 | .my_modal_btn {
56 | font-size: 13px;
57 | }
58 |
59 | .my_modal_tip_label {
60 | margin-top: 5px;
61 | text-align: left;
62 | font-size:16px;
63 | }
64 |
65 | .my_modal_input_large {
66 | width: 300px;
67 | }
68 |
69 | .my_modal_input_middle {
70 | width: 100px;
71 | }
72 |
73 |
74 | .edit_role_modal{
75 | .ivu-modal {
76 | top: 80px;
77 | }
78 | }
79 |
80 | .edit_privilege_modal{
81 | .ivu-modal {
82 | top: 80px;
83 | }
84 | }
85 |
86 |
87 | .delete_modal_content_label{
88 | text-align: center;
89 | color: red;
90 | font-size: 17px;
91 | }
92 |
93 |
--------------------------------------------------------------------------------
/cms_data/core/src/main/java/com/liyu/cms/data/core/domain/MenuOne.java:
--------------------------------------------------------------------------------
1 | package com.liyu.cms.data.core.domain;
2 |
3 | import java.util.List;
4 |
5 | /**
6 | * Created by liyu on 2018/3/15.
7 | */
8 | public class MenuOne {
9 |
10 | private Integer id;
11 |
12 | private String routeName;
13 |
14 | private String title;
15 |
16 | private String icon;
17 |
18 | private Integer sortIndex;
19 |
20 | private List
37 | 
38 |
39 | 40 |
Welcome to your iView app!
41 | 42 | 43 | 44 |
3 |
7 |
8 |
9 |
45 |
--------------------------------------------------------------------------------
/cms_data/core/src/main/java/com/liyu/cms/data/core/domain/MenuPage.java:
--------------------------------------------------------------------------------
1 | package com.liyu.cms.data.core.domain;
2 |
3 | /**
4 | * Created by liyu on 2018/3/15.
5 | */
6 | public class MenuPage {
7 |
8 | private Integer id;
9 |
10 | private Integer oneId;
11 |
12 | private String routeName;
13 |
14 | private String title;
15 |
16 | private String icon;
17 |
18 | private Integer sortIndex;
19 |
20 | private Boolean hidePage;
21 |
22 | public Integer getId() {
23 | return id;
24 | }
25 |
26 | public void setId(Integer id) {
27 | this.id = id;
28 | }
29 |
30 | public Integer getOneId() {
31 | return oneId;
32 | }
33 |
34 | public void setOneId(Integer oneId) {
35 | this.oneId = oneId;
36 | }
37 |
38 | public String getRouteName() {
39 | return routeName;
40 | }
41 |
42 | public void setRouteName(String routeName) {
43 | this.routeName = routeName;
44 | }
45 |
46 | public String getTitle() {
47 | return title;
48 | }
49 |
50 | public void setTitle(String title) {
51 | this.title = title;
52 | }
53 |
54 | public String getIcon() {
55 | return icon;
56 | }
57 |
58 | public void setIcon(String icon) {
59 | this.icon = icon;
60 | }
61 |
62 | public Integer getSortIndex() {
63 | return sortIndex;
64 | }
65 |
66 | public void setSortIndex(Integer sortIndex) {
67 | this.sortIndex = sortIndex;
68 | }
69 |
70 | public Boolean getHidePage() {
71 | return hidePage;
72 | }
73 |
74 | public void setHidePage(Boolean hidePage) {
75 | this.hidePage = hidePage;
76 | }
77 | }
78 |
--------------------------------------------------------------------------------
/cms_web/src/views/error-page/500.less:
--------------------------------------------------------------------------------
1 | @keyframes error500animation {
2 | 0% {
3 | transform: rotateZ(0deg);
4 | }
5 | 20% {
6 | transform: rotateZ(-10deg);
7 | }
8 | 40% {
9 | transform: rotateZ(5deg);
10 | }
11 | 60% {
12 | transform: rotateZ(-5deg);
13 | }
14 | 80% {
15 | transform: rotateZ(10deg);
16 | }
17 | 100% {
18 | transform: rotateZ(0deg);
19 | }
20 | }
21 | .error500{
22 | &-body-con{
23 | width: 700px;
24 | height: 500px;
25 | position: absolute;
26 | left: 50%;
27 | top: 50%;
28 | transform: translate(-50%,-50%);
29 | &-title{
30 | text-align: center;
31 | font-size: 240px;
32 | font-weight: 700;
33 | color: #2d8cf0;
34 | height: 260px;
35 | line-height: 260px;
36 | margin-top: 40px;
37 | .error500-0-span{
38 | display: inline-block;
39 | position: relative;
40 | width: 170px;
41 | height: 170px;
42 | border-radius: 50%;
43 | border: 20px solid #ed3f14;
44 | color: #ed3f14;
45 | margin-right: 10px;
46 | i{
47 | display: inline-block;
48 | font-size: 120px;
49 | position: absolute;
50 | bottom: -10px;
51 | left: 10px;
52 | transform-origin: center bottom;
53 | animation: error500animation 3s ease 0s infinite alternate;
54 | }
55 | }
56 | }
57 | &-message{
58 | display: block;
59 | text-align: center;
60 | font-size: 30px;
61 | font-weight: 500;
62 | letter-spacing: 4px;
63 | color: #dddde2;
64 | }
65 | }
66 | &-btn-con{
67 | text-align: center;
68 | padding: 20px 0;
69 | margin-bottom: 40px;
70 | }
71 | }
--------------------------------------------------------------------------------
/cms_data/web/src/main/java/com/liyu/cms/data/web/util/ResponseData.java:
--------------------------------------------------------------------------------
1 | package com.liyu.cms.data.web.util;
2 |
3 | import java.util.HashMap;
4 | import java.util.Map;
5 |
6 | /**
7 | * Created by liyu on 2018/3/28.
8 | */
9 | public class ResponseData {
10 |
11 | private final String msg;
12 | private final int code;
13 | private final Map
4 |
6 | -
35 |
7 |
8 |
10 |
12 |
13 |
15 | ![]()
16 |
17 |
18 |
20 |
25 |
26 |
27 |
28 |
29 |
32 |
33 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
75 |
--------------------------------------------------------------------------------
/cms_web/src/views/main-components/lockscreen/lockscreen.vue:
--------------------------------------------------------------------------------
1 |
2 |
21 | {{userName}}
22 |
24 | 现场喷口水
23 |上次登录时间:
30 |上次登录地点:
34 |
3 |
4 |
6 |
7 |
8 |
9 |
66 |
67 |
--------------------------------------------------------------------------------
/cms_web/src/views/main-components/shrinkable-menu/components/sidebarMenuShrink.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
26 |
27 |
28 |
62 |
--------------------------------------------------------------------------------
/cms_data/core/src/main/java/com/liyu/cms/data/core/service/impl/RegisterService.java:
--------------------------------------------------------------------------------
1 | package com.liyu.cms.data.core.service.impl;
2 |
3 | import com.liyu.cms.data.core.dao.UserDao;
4 | import com.liyu.cms.data.core.domain.UserInfo;
5 | import com.liyu.cms.data.core.service.IRegisterService;
6 | import org.springframework.beans.factory.annotation.Autowired;
7 | import org.springframework.stereotype.Service;
8 | import org.springframework.util.StringUtils;
9 |
10 | import java.util.Date;
11 | import java.util.List;
12 |
13 | /**
14 | * Created by liyu on 2018/3/15.
15 | */
16 | @Service
17 | public class RegisterService implements IRegisterService {
18 |
19 | @Autowired
20 | private UserDao userDao;
21 |
22 | @Override
23 | public Integer registerUser(UserInfo userInfo) {
24 | if (null == userInfo) {
25 | return -1;
26 | }
27 | Integer ret = 0;
28 | try {
29 | String userId = userInfo.getUserId();
30 | Integer exist = this.userDao.userExist(userId);
31 | if (exist > 0) {
32 | ret = -2;
33 | } else {
34 | userInfo.setPhoneNumber("");
35 | userInfo.setEmail("");
36 | userInfo.setCreateTime(new Date());
37 | //游客
38 | userInfo.setRoleId(3);
39 | userInfo.setFreezed(false);
40 | this.userDao.addUser(userInfo);
41 | }
42 | } catch (Exception ex) {
43 | ex.printStackTrace();
44 | ret = -1;
45 | }
46 | return ret;
47 | }
48 |
49 | @Override
50 | public Integer editPersonInfo(UserInfo userInfo) {
51 | if (null == userInfo) {
52 | return -1;
53 | }
54 | Integer ret = 0;
55 | try {
56 | this.userDao.updateInfo(userInfo);
57 | } catch (Exception ex) {
58 | ex.printStackTrace();
59 | ret = -1;
60 | }
61 | return ret;
62 | }
63 |
64 | @Override
65 | public Integer changePassword(Integer id, String pwd) {
66 | if (StringUtils.isEmpty(pwd)) {
67 | return -1;
68 | }
69 | Integer ret = 0;
70 | try {
71 | this.userDao.changePassword(id, pwd);
72 | } catch (Exception ex) {
73 | ex.printStackTrace();
74 | ret = -1;
75 | }
76 | return ret;
77 | }
78 |
79 | @Override
80 | public UserInfo getUserByUserId(String userId) {
81 | if (StringUtils.isEmpty(userId)) {
82 | return null;
83 | }
84 | UserInfo user = null;
85 | try {
86 | List
5 |
6 |
9 |
10 |
11 |
14 |
15 |
16 |
19 |
20 |
22 |
23 |
24 |
25 |
8 |
26 |
9 | ![]()
10 |
15 |
16 |
11 |
14 | 解锁
13 |
17 |
24 |
18 |
23 |
19 |
20 |
21 |
22 | 已锁定
25 |
3 |
4 |
6 |
7 |
8 |
9 |
75 |
--------------------------------------------------------------------------------
/cms_web/src/libs/safe_http.js:
--------------------------------------------------------------------------------
1 | import $ from 'jquery';
2 | import Cookies from 'js-cookie';
3 |
4 | let safeHttp = {
5 |
6 | };
7 |
8 | safeHttp.get = function (url, param, callback) {
9 | if (param === undefined || param === null) {
10 | $.get(url, function (data, status) {
11 | if (callback !== undefined && callback !== null) {
12 | callback(data, status);
13 | }
14 | });
15 | } else {
16 | $.get(url, param, function (data, status) {
17 | if (callback !== undefined && callback !== null) {
18 | callback(data, status);
19 | }
20 | });
21 | }
22 | };
23 |
24 | safeHttp.post = function (url, body, callback) {
25 | $.post({
26 | 'url': url,
27 | 'type': 'post',
28 | 'data': JSON.stringify(body),
29 | 'cache': false,
30 | dataType: 'text',
31 | 'contentType': 'application/json; charset=utf-8',
32 | 'success': function (data, status) {
33 | if (callback !== undefined && callback !== null) {
34 | callback(data, status);
35 | }
36 | }
37 | });
38 | };
39 |
40 | safeHttp.jwtGet = function (url, param, callback, vm) {
41 | let loginId = Cookies.get('loginId');
42 | let token = Cookies.get('token');
43 | let jwtParam = {
44 | loginId: loginId,
45 | token: token
46 | };
47 | if (param !== undefined && param !== null) {
48 | $.extend(jwtParam, param);
49 | }
50 | $.get(url, jwtParam, function (data, status) {
51 | if (data.code === 403) {
52 | if (vm !== undefined && vm !== null) {
53 | vm.$Message.error({
54 | content: 'Token失效,请重新登录',
55 | duration: 4
56 | });
57 | }
58 | }
59 | if (callback !== undefined && callback !== null) {
60 | callback(data, status);
61 | }
62 | });
63 | };
64 |
65 | safeHttp.jwtPost = function (url, body, callback, vm) {
66 | let loginId = Cookies.get('loginId');
67 | let token = Cookies.get('token');
68 | let finalUrl = '';
69 | if (url.indexOf('?') !== -1) {
70 | finalUrl = url + '&loginId=' + loginId + '&token=' + token;
71 | } else {
72 | finalUrl = url + '?loginId=' + loginId + '&token=' + token;
73 | }
74 | $.post({
75 | 'url': finalUrl,
76 | 'type': 'post',
77 | 'data': JSON.stringify(body),
78 | 'cache': false,
79 | dataType: 'text',
80 | 'contentType': 'application/json; charset=utf-8',
81 | 'success': function (data, status) {
82 | let jsonObj = JSON.parse(data);
83 |
84 | if (jsonObj.code === 403) {
85 | if (vm !== undefined && vm !== null) {
86 | vm.$Message.error({
87 | content: 'Token失效,请重新登录',
88 | duration: 4
89 | });
90 | }
91 | }
92 | if (callback !== undefined && callback !== null) {
93 | callback(data, status);
94 | }
95 | }
96 | });
97 | };
98 |
99 | export default safeHttp;
100 |
--------------------------------------------------------------------------------
/cms_data/core/src/main/java/com/liyu/cms/data/core/service/impl/UserService.java:
--------------------------------------------------------------------------------
1 | package com.liyu.cms.data.core.service.impl;
2 |
3 | import com.liyu.cms.data.core.dao.UserDao;
4 | import com.liyu.cms.data.core.domain.UserInfo;
5 | import com.liyu.cms.data.core.service.IUserService;
6 | import org.springframework.beans.factory.annotation.Autowired;
7 | import org.springframework.stereotype.Service;
8 | import org.springframework.util.StringUtils;
9 |
10 | import java.util.ArrayList;
11 | import java.util.Date;
12 | import java.util.List;
13 |
14 | /**
15 | * Created by liyu on 2018/3/22.
16 | */
17 | @Service
18 | public class UserService implements IUserService{
19 |
20 | @Autowired
21 | private UserDao userDao;
22 |
23 | @Override
24 | public Integer getUserTotalCount(final String searchKey, final Integer status) {
25 | Integer total = 0;
26 | try {
27 | String tmpSearchKey = searchKey;
28 | if (StringUtils.isEmpty(tmpSearchKey)) {
29 | tmpSearchKey = null;
30 | }
31 | total = this.userDao.getUserTotalCount(tmpSearchKey, status);
32 | } catch (Exception ex) {
33 | ex.printStackTrace();
34 | total = 0;
35 | }
36 | return total;
37 | }
38 |
39 | @Override
40 | public List
8 |
9 |
10 |
15 |
17 |
18 |
23 |
24 |
25 |
27 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
40 |
42 |
43 |
48 |
49 |
50 |
52 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
65 |
67 |
68 |
73 |
74 |
75 |
77 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
98 |
--------------------------------------------------------------------------------
/cms_web/src/route/router.js:
--------------------------------------------------------------------------------
1 | import Main from '@/views/main/Main.vue';
2 |
3 | // 不作为Main组件的子页面展示的页面单独写，如下
4 | export const loginRouter = {
5 | path: '/login',
6 | name: 'login',
7 | meta: {
8 | title: 'Login - 登录'
9 | },
10 | component: () => import('@/views/login/login.vue')
11 | };
12 |
13 | export const registerRouter = {
14 | path: '/register',
15 | name: 'register',
16 | meta: {
17 | title: 'Register - 注册'
18 | },
19 | component: () => import('@/views/register/register.vue')
20 | };
21 |
22 | export const page404 = {
23 | path: '/*',
24 | name: 'error-404',
25 | meta: {
26 | title: '404-页面不存在'
27 | },
28 | component: () => import('@/views/error-page/404.vue')
29 | };
30 |
31 | export const page403 = {
32 | path: '/403',
33 | meta: {
34 | title: '403-权限不足'
35 | },
36 | name: 'error-403',
37 | component: () => import('@//views/error-page/403.vue')
38 | };
39 |
40 | export const page500 = {
41 | path: '/500',
42 | meta: {
43 | title: '500-服务端错误'
44 | },
45 | name: 'error-500',
46 | component: () => import('@/views/error-page/500.vue')
47 | };
48 |
49 | export const preview = {
50 | path: '/preview',
51 | name: 'preview',
52 | component: () => import('@/views/form/article-publish/preview.vue')
53 | };
54 |
55 | export const locking = {
56 | path: '/locking',
57 | name: 'locking',
58 | component: () => import('@/views/main-components/lockscreen/components/locking-page.vue')
59 | };
60 |
61 | // 作为Main组件的子页面展示但是不在左侧菜单显示的路由写在otherRouter里
62 | export const otherRouter = {
63 | path: '/',
64 | name: 'otherRouter',
65 | redirect: '/home',
66 | component: Main,
67 | children: [
68 | { path: 'home', title: {i18n: 'home'}, name: 'home_index', component: () => import('@/views/home/home.vue') },
69 | { path: 'ownspace', title: '个人中心', name: 'ownspace_index', component: () => import('@/views/own-space/own-space.vue') }
70 | // { path: 'message', title: '消息中心', name: 'message_index', component: () => import('@/views/message/message.vue') }
71 | ]
72 | };
73 |
74 | // 作为Main组件的子页面展示并且在左侧菜单显示的路由写在appRouter里
75 | export const appRouter = [
76 | {
77 | path: '/privilege-mgr',
78 | name: 'privilege-mgr',
79 | title: '权限管理',
80 | component: Main,
81 | children: [
82 | {
83 | path: 'menu-mgr',
84 | name: 'menu-mgr',
85 | title: '菜单页面',
86 | component: () => import('@/views/privilege-mgr/menu-mgr/menu-mgr.vue')
87 | },
88 | {
89 | path: 'role-mgr',
90 | name: 'role-mgr',
91 | title: '角色管理',
92 | component: () => import('@/views/privilege-mgr/role-mgr/role-mgr.vue')
93 | },
94 | {
95 | path: 'role-privilege',
96 | name: 'role-privilege',
97 | title: '角色权限',
98 | component: () => import('@/views/privilege-mgr/role-privilege/role-privilege.vue')
99 | },
100 | {
101 | path: 'user-mgr',
102 | name: 'user-mgr',
103 | title: '用户管理',
104 | component: () => import('@/views/privilege-mgr/user-mgr/user-mgr.vue')
105 | }
106 | ]
107 | },
108 | {
109 | path: '/test_menu',
110 | name: 'test_menu',
111 | title: '测试目录',
112 | component: Main,
113 | children: [
114 | {
115 | path: 'test_page_1',
116 | name: 'test_page_1',
117 | title: '测试明细页',
118 | component: () => import('@/views/test_menu/test_page.vue')
119 | }
120 | ]
121 | }
122 | ];
123 |
124 | // 所有上面定义的路由都要写在下面的routers里
125 | export const routers = [
126 | loginRouter,
127 | otherRouter,
128 | preview,
129 | locking,
130 | ...appRouter,
131 | page500,
132 | page403,
133 | page404,
134 | registerRouter
135 | ];
136 |
137 |
--------------------------------------------------------------------------------
/cms_data/.idea/misc.xml:
--------------------------------------------------------------------------------
1 |
2 |
11 |
19 |
21 |
22 | 当访问的页面不存在时会跳转到404页面，您可以在浏览器地址栏中修改url为一个不存在的路径，体验一下效果
28 |
36 |
44 |
46 |
47 | 在当前登录用户不具有执行当前操作的权限时跳转到该页面，您可以在ajax请求方法中判断返回的状态码为403时跳转到该页面
53 |
61 |
69 |
71 |
72 | 当请求之后出现服务端错误时跳转到该页面，您可以在ajax请求方法中判断返回的状态码为500时跳转到该页面
78 |