关键词：
接口请求格式定义
前台显示需要后台数据，我们这里先把前后端交互接口定义好，没有后台的时候，也方便用mock模拟。
接口定义遵循几个规范：
1. 接口按功能模块划分。
系统登录：登录相关接口
用户管理：用户管理相关接口
机构管理：机构管理相关接口
角色管理 ： 角色管理相关接口
菜单管理 ： 菜单管理相关接口
字典管理 ： 字典管理相关接口
日志管理 ： 日志管理相关接口
2. 通用增删改查接口采用统一命名规范。
save ： 保存操作
update： 更新操作
delete： 删除操作
findAll： 查询全部
findPage ： 分页查询
findTree ： 返回对象树
findByXX：根据XX查询
2. 统一请求响应结果。
格式如下：
"code": 200, // 状态吗，200：请求成功，其他：请求出错 "msg": null, // 错误消息，成功返回 null, 否则返回出错信息 "data": // 返回请求数据，JSON 数据格式 ...
系统登录
登录接口
请求URL: /sys/login
请求类型: post
请求参数:
"captcha": "3323", "password": "admin", "username": "admin"
请求结果:
"code": 200, "msg": null, "data": "id": null, "userId": 1, "token": "77ae89be36504adfb5c09ef71409ea0e", "expireTime": "2018-09-01T16:24:50.473+0000", "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": "2018-09-01T04:24:50.473+0000"
用户管理
保存
请求URL: /user/save
请求类型: post
请求参数:
"createBy": 0, "createTime": "2018-09-01T05:40:23.342Z", "delFlag": 0, "deptId": 110, "deptName": "", "email": "[email protected]", "lastUpdateBy": 0, "lastUpdateTime": "2018-09-01T05:40:23.342Z", "mobile": "18999878998", "password": "123456", "salt": "1312321321", "status": 0, "userId": 110, "username": "test"
请求结果:
"code": 200,
"msg": null,
"data": 1
修改
请求URL: /user/update
请求类型: post
请求参数:
"mobile": "[email protected]", "userId": 110, "username": "test"
请求结果:
"code": 200,
"msg": null,
"data": 1
删除
请求URL: /user/delete
请求类型: post
请求参数:
"userId": 110
请求结果:
"code": 200,
"msg": null,
"data": 1
分页查询
请求URL: /user/findPage
请求类型: post
请求参数:
"pageNum": 1, "pageSize": 5
请求结果:
"code": 200, "msg": null, "data": "pageNum": 1, "pageSize": 5, "totalSize": 5, "totalPages": 1, "content": [ "userId": 1, "username": "admin", "password": "9ec9750e709431dad22365cabc5c625482e574c74adaebba7dd02f1129e4ce1d", "salt": "YzcmCZNvbXocrsz9dm8e", "email": "[email protected]", "mobile": "13612345678", "status": 1, "deptId": null, "deptName": null, "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "userId": 2, "username": "Louis", "password": "9ec9750e709431dad22365cabc5c625482e574c74adaebba7dd02f1129e4ce1d", "salt": "YzcmCZNvbXocrsz9dm8e", "email": "[email protected]", "mobile": "18200932238", "status": 1, "deptId": null, "deptName": null, "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "userId": 3, "username": "Kobe", "password": "9ec9750e709431dad22365cabc5c625482e574c74adaebba7dd02f1129e4ce1d", "salt": "YzcmCZNvbXocrsz9dm8e", "email": "[email protected]", "mobile": "18200932238", "status": 1, "deptId": null, "deptName": null, "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "userId": 4, "username": "Iverson", "password": "9ec9750e709431dad22365cabc5c625482e574c74adaebba7dd02f1129e4ce1d", "salt": "YzcmCZNvbXocrsz9dm8e", "email": "[email protected]", "mobile": "18200932238", "status": 1, "deptId": null, "deptName": null, "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "userId": 110, "username": "test", "password": "123456", "salt": "1312321321", "email": "[email protected]", "mobile": "[email protected]", "status": 0, "deptId": 110, "deptName": null, "createBy": 0, "createTime": "2018-09-01T05:40:23.000+0000", "lastUpdateBy": 0, "lastUpdateTime": "2018-09-01T05:40:23.000+0000", "delFlag": 0 ]
根据用户查询
请求URL: /user/findByUserName
请求类型: get
请求参数:
"userName": "admin"
请求结果:
"code": 200, "msg": null, "data": "userId": 1, "username": "admin", "password": "9ec9750e709431dad22365cabc5c625482e574c74adaebba7dd02f1129e4ce1d", "salt": "YzcmCZNvbXocrsz9dm8e", "email": "[email protected]", "mobile": "13612345678", "status": 1, "deptId": null, "deptName": null, "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0
更新密码
请求URL: /user/updatePassword
请求类型: get
请求参数:
"password ": "password ",
"newPassword ": "newPassword "
请求结果:
"code": 200, "msg": null, "data": 1
机构管理
保存
请求URL: /dept/save
请求类型: post
请求参数:
"children": [ null ], "createBy": 0, "createTime": "2018-09-01T05:34:44.618Z", "delFlag": 0, "deptId": 110, "lastUpdateBy": 0, "lastUpdateTime": "2018-09-01T05:34:44.618Z", "name": "110", "orderNum": 0, "parentId": 0
请求结果:
"code": 200, "msg": null, "data": 1
修改
请求URL: /dept/update
请求类型: post
请求参数:
"deptId": 110, "name": "upate"
请求结果:
"code": 200, "msg": null, "data": 1
删除
请求URL: /dept/delete
请求类型: post
请求参数:
"deptId": 110
请求结果:
"code": 200, "msg": null, "data": 1
查询机构树
请求URL: /dept/findTree
请求类型: get
请求参数:
请求结果:
"code": 200, "msg": null, "data": [ "deptId": 1, "parentId": 0, "name": "轻尘集团", "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "deptId": 2, "parentId": 1, "name": "北京分公司", "orderNum": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "deptId": 3, "parentId": 1, "name": "上海分公司", "orderNum": 2, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "deptId": 4, "parentId": 3, "name": "技术部", "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "deptId": 6, "parentId": 3, "name": "宣传部", "orderNum": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "deptId": 7, "parentId": 3, "name": "销售部", "orderNum": 2, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "deptId": 8, "parentId": 3, "name": "市场部", "orderNum": 3, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] ] , "deptId": 9, "parentId": 0, "name": "牧尘集团", "orderNum": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "deptId": 10, "parentId": 9, "name": "北京分公司", "orderNum": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "deptId": 12, "parentId": 10, "name": "技术部", "orderNum": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "deptId": 13, "parentId": 10, "name": "宣传部", "orderNum": 2, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] , "deptId": 11, "parentId": 9, "name": "上海分公司", "orderNum": 2, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "deptId": 14, "parentId": 11, "name": "销售部", "orderNum": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "deptId": 15, "parentId": 11, "name": "市场部", "orderNum": 2, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] ] ]
角色管理
保存
请求URL: /role/save
请求类型: post
请求参数:
"createBy": 0, "createTime": "2018-09-01T05:54:31.748Z", "delFlag": 0, "lastUpdateBy": 0, "lastUpdateTime": "2018-09-01T05:54:31.748Z", "remark": "string", "roleId": 110, "roleName": "110"
请求结果:
"code": 200, "msg": null, "data": 1
修改
请求URL: /role/update
请求类型: post
请求参数:
"remark": "1101111", "roleId": 110, "roleName": "1101"
请求结果:
"code": 200, "msg": null, "data": 1
删除
请求URL: /role/delete
请求类型: post
请求参数:
"roleId": 110
请求结果:
"code": 200, "msg": null, "data": 1
分页查询
请求URL: /role/findPage
请求类型: post
请求参数:
"pageNum": 1,
"pageSize": 5
请求结果:
"code": 200, "msg": null, "data": "pageNum": 1, "pageSize": 5, "totalSize": 4, "totalPages": 1, "content": [ "roleId": 1, "roleName": "admin", "remark": "超级管理员", "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "roleId": 2, "roleName": "dev", "remark": "开发人员", "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "roleId": 3, "roleName": "test", "remark": "测试人员", "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "roleId": 110, "roleName": "1101", "remark": "1101111", "createBy": 0, "createTime": "2018-09-01T05:54:32.000+0000", "lastUpdateBy": 0, "lastUpdateTime": "2018-09-01T05:54:32.000+0000", "delFlag": 0 ]
查询全部
请求URL: /role/findAll
请求类型: get
请求参数:
请求结果:
"code": 200, "msg": null, "data": [ "roleId": 1, "roleName": "admin", "remark": "超级管理员", "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "roleId": 2, "roleName": "dev", "remark": "开发人员", "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "roleId": 3, "roleName": "test", "remark": "测试人员", "createBy": null, "createTime": "2018-08-14T03:11:11.000+0000", "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0 , "roleId": 110, "roleName": "1101", "remark": "1101111", "createBy": 0, "createTime": "2018-09-01T05:54:32.000+0000", "lastUpdateBy": 0, "lastUpdateTime": "2018-09-01T05:54:32.000+0000", "delFlag": 0 ]
菜单管理
保存
请求URL: /menu/save
请求类型: post
请求参数:
"createBy": 0, "createTime": "2018-09-01T06:01:47.825Z", "delFlag": 0, "icon": "string", "lastUpdateBy": 0, "lastUpdateTime": "2018-09-01T06:01:47.825Z", "menuId": 110, "name": "110", "orderNum": 0, "parentId": 0, "perms": "sys:menu:list", "type": 0, "url": "/sys/menu"
请求结果:
"code": 200, "msg": null, "data": 1
修改
请求URL: /menu/update
请求类型: post
请求参数:
"menuId": 110, "name": "1101"
请求结果:
"code": 200, "msg": null, "data": 1
删除
请求URL: /menu/delete
请求类型: post
请求参数:
"menuId": 110
请求结果:
"code": 200, "msg": null, "data": 1
查询菜单树
请求URL: /menu/findTree
请求类型: get
请求参数:
请求结果:
"code": 200, "msg": null, "data": [ "menuId": 1, "parentId": 0, "name": "系统管理", "url": null, "perms": null, "type": 0, "icon": "fa el-icon-setting", "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "menuId": 2, "parentId": 1, "name": "用户管理", "url": "/sys/user", "perms": null, "type": 1, "icon": "el-icon-service", "orderNum": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "menuId": 9, "parentId": 2, "name": "查看", "url": null, "perms": "sys:user:view", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 10, "parentId": 2, "name": "新增", "url": null, "perms": "sys:user:save", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 11, "parentId": 2, "name": "修改", "url": null, "perms": "sys:user:update", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 12, "parentId": 2, "name": "删除", "url": null, "perms": "sys:user:delete", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] , "menuId": 3, "parentId": 1, "name": "机构管理", "url": "/sys/dept", "perms": null, "type": 1, "icon": "el-icon-news", "orderNum": 2, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "menuId": 13, "parentId": 3, "name": "查看", "url": null, "perms": "sys:dept:view", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 14, "parentId": 3, "name": "新增", "url": null, "perms": "sys:dept:save", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 15, "parentId": 3, "name": "修改", "url": null, "perms": "sys:dept:update", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 16, "parentId": 3, "name": "删除", "url": null, "perms": "sys:dept:delete", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] , "menuId": 4, "parentId": 1, "name": "角色管理", "url": "/sys/role", "perms": null, "type": 1, "icon": "el-icon-view", "orderNum": 4, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "menuId": 17, "parentId": 4, "name": "查看", "url": null, "perms": "sys:role:view", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 18, "parentId": 4, "name": "新增", "url": null, "perms": "sys:role:save", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 19, "parentId": 4, "name": "修改", "url": null, "perms": "sys:role:update", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 20, "parentId": 4, "name": "删除", "url": null, "perms": "sys:role:delete", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] , "menuId": 5, "parentId": 1, "name": "菜单管理", "url": "/sys/menu", "perms": null, "type": 1, "icon": "el-icon-menu", "orderNum": 5, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "menuId": 21, "parentId": 5, "name": "查看", "url": null, "perms": "sys:menu:view", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 22, "parentId": 5, "name": "新增", "url": null, "perms": "sys:menu:save", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 23, "parentId": 5, "name": "修改", "url": null, "perms": "sys:menu:update", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 24, "parentId": 5, "name": "删除", "url": null, "perms": "sys:menu:delete", "type": 2, "icon": null, "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] , "menuId": 6, "parentId": 1, "name": "SQL监控", "url": "/druid/sql", "perms": null, "type": 1, "icon": "el-icon-info", "orderNum": 6, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 8, "parentId": 1, "name": "系统日志", "url": "/sys/log", "perms": "sys:log:list", "type": 1, "icon": "el-icon-info", "orderNum": 7, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] , "menuId": 25, "parentId": 0, "name": "内容管理", "url": null, "perms": null, "type": 0, "icon": "el-icon-document", "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "menuId": 26, "parentId": 25, "name": "栏目管理", "url": "/content/category", "perms": null, "type": 1, "icon": "el-icon-tickets", "orderNum": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 27, "parentId": 25, "name": "文章管理", "url": "/content/artical", "perms": null, "type": 1, "icon": "el-icon-tickets", "orderNum": 2, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] , "menuId": 28, "parentId": 0, "name": "使用案例", "url": null, "perms": null, "type": 0, "icon": "el-icon-picture-outline", "orderNum": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [ "menuId": 29, "parentId": 28, "name": "国际化", "url": "/demo/i18n", "perms": null, "type": 1, "icon": "el-icon-edit", "orderNum": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] , "menuId": 30, "parentId": 28, "name": "换皮肤", "url": "/demo/theme", "perms": null, "type": 1, "icon": "el-icon-picture", "orderNum": 2, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "delFlag": 0, "children": [] ] ]
字典管理
保存
请求URL: /dict/save
请求类型: post
请求参数:
"createBy": 0, "createTime": "2018-09-01T06:05:44.794Z", "delFlag": 0, "description": "aaaa", "id": 110, "label": "aa", "lastUpdateBy": 0, "lastUpdateTime": "2018-09-01T06:05:44.794Z", "remarks": "aaaaaa", "sort": 0, "type": "a", "value": "aaaaa"
请求结果:
"code": 200, "msg": null, "data": 1
修改
请求URL: /dict/update
请求类型: post
请求参数:
"description": "bbbb", "id": 110, "label": "bbbb"
请求结果:
"code": 200, "msg": null, "data": 1
删除
请求URL: /dict/delete
请求类型: post
请求参数:
"id": 110
请求结果:
"code": 200, "msg": null, "data": 1
分页查询
请求URL: /dict/findPage
请求类型: get
请求参数:
"pageNum": 1, "pageSize": 5
请求结果:
"code": 200, "msg": null, "data": "pageNum": 1, "pageSize": 5, "totalSize": 2, "totalPages": 1, "content": [ "id": 1, "value": "male", "label": "男", "type": "sex", "description": "男性", "sort": 0, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "remarks": null, "delFlag": 0 , "id": 2, "value": "female", "label": "女", "type": "sex", "description": "女性", "sort": 1, "createBy": null, "createTime": null, "lastUpdateBy": null, "lastUpdateTime": null, "remarks": null, "delFlag": 0 ]
日志管理
分页查询
请求URL: /log/findPage
请求类型: get
请求参数:
"pageNum": 1,
"pageSize": 5
请求结果:
"code": 200,
"msg": null,
"data":
"pageNum": 1,
"pageSize": 5,
"totalSize": 2,
"totalPages": 1,
"content": [
"id": 1,
"value": "male",
"label": "男",
"type": "sex",
"description": "男性",
"sort": 0,
"createBy": null,
"createTime": null,
"lastUpdateBy": null,
"lastUpdateTime": null,
"remarks": null,
"delFlag": 0
,
"id": 2,
"value": "female",
"label": "女",
"type": "sex",
"description": "女性",
"sort": 1,
"createBy": null,
"createTime": null,
"lastUpdateBy": null,
"lastUpdateTime": null,
"remarks": null,
"delFlag": 0
]
源码下载
码云：https://gitee.com/liuge1988/kitty-ui.git
作者：朝雨忆轻尘
出处：https://www.cnblogs.com/xifengxiaoma/
版权所有，欢迎转载，转载请注明原文作者及出处。
vue+element搭建后台管理系统(代码片段)
组件封装为了避免组件代码的臃肿，这里对主要的功能部件进行封装，保证代码的模块化和简洁度。组件结构组件封装重构后，试图组件结构如下图所示代码一览Home组件被简化，包含导航、头部和主内容三个组件。Home.vue<templ... 查看详情
vue+element搭建后台管理系统(代码片段)
接口请求格式定义前台显示需要后台数据，我们这里先把前后端交互接口定义好，没有后台的时候，也方便用mock模拟。接口定义遵循几个规范：1.接口按功能模块划分。系统登录：登录相关接口用户管理：用户管理相关接口机构... 查看详情
vue+element-uijyadmin后台管理系统模板-集成方案项目搭建篇1(代码片段)
...cli，项目的基础搭建。本主题讲述了vue+element-uiJYAdmin后台管理系统模板-集成方案,从零到一的手写搭建全过程。该项目不仅是一个持续完善、高效简洁的后台管理系统模板，还是一套企业级后台系统开发集成方案，致力于打造一... 查看详情
vue+element-uijyadmin后台管理系统模板-集成方案项目搭建篇2(代码片段)
...对应的接口（proxy多代理配置） vue+element-uiJYAdmin后台管理系统模板-集成方案从零到一的手写搭建全过程。该项目不仅是一个持续完善、高效 查看详情
vuejs和element搭建的一个后台管理界面(代码片段)
介绍： 这是一个用vuejs2.0和element搭建的后台管理界面。 相关技术： vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。 element：基于vuejs2.0的ui组件库。 vue-router：一般单页面应用spa... 查看详情
vue+elementui搭建后台项目(代码片段)
...言之前有些过移动端的项目搭建的文章，感觉不写个pc端管理系统老感觉少了点什么，最近公司项目比较多，恰巧要做一个申报系统的后台管理系统，鉴于对vue技术栈比较熟悉，所以考虑还是使用vue技术栈来做；看过一个不错的... 查看详情
vue2.0+element+node+webpack搭建的一个简单的后台管理界面(代码片段)
1.检查本地是否安装node：node-v 查看详情
从零开始搭建vue+element-ui后台管理系统项目到上线(代码片段)
...言之前有些过移动端的项目搭建的文章，感觉不写个pc端管理系统老感觉少了点什么，最近公司项目比较多，恰巧要做一个申报系统的后台管理系统，鉴于对vue技术栈比较熟悉，所以考虑还是使用vue技术栈来做；看过一个不错的... 查看详情
vue+element-ui实现后台管理系统---封装一个echarts组件的一点思路(代码片段)
封装一个ECharts组件的一点思路有关后台管理系统之前写过三遍博客,看这篇之前最好先看下这三篇博客。另外这里只展示关键部分代码，项目代码放在github上：mall-manage-system1、Vue+Element-ui实现后台管理系统(1)---总述2、Vue+Element-ui... 查看详情
vue+element-ui实现后台管理系统---封装一个echarts组件的一点思路(代码片段)
封装一个ECharts组件的一点思路有关后台管理系统之前写过三遍博客,看这篇之前最好先看下这三篇博客。另外这里只展示关键部分代码，项目代码放在github上：mall-manage-system1、Vue+Element-ui实现后台管理系统(1)---总述2、Vue+Element-ui... 查看详情
vue+element-ui实现后台管理系统---封装一个form表单组件和table表格组件(代码片段)
封装一个Form表单组件和Table组件有关后台管理系统之前写过四遍博客,看这篇之前最好先看下这四篇博客。另外这里只展示关键部分代码，项目代码放在github上：mall-manage-system1、Vue+Element-ui实现后台管理系统(1)---总述2、Vue+Element-u... 查看详情
vue+element-ui实现后台管理系统---封装一个form表单组件和table表格组件(代码片段)
封装一个Form表单组件和Table组件有关后台管理系统之前写过四遍博客,看这篇之前最好先看下这四篇博客。另外这里只展示关键部分代码，项目代码放在github上：mall-manage-system1、Vue+Element-ui实现后台管理系统(1)---总述2、Vue+Element-u... 查看详情
用vue做网站后台(代码片段)
介绍： 这是一个用vuejs2.0和element搭建的后台管理界面。 相关技术： vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。 element：基于vuejs2.0的ui组件库。 vue-router：一般单页面应用spa... 查看详情
vue后台管理系统模板(代码片段)
推荐一些Vue常用后台管理系统模板前言Vue.js是一个目前比较流行的前端框架，已经到了前端人人都会的地步，今天这里为大家罗列一下基于Vue的后端管理的框架。目前比较流行和Vue搭配的UI组件有Element-UI、iview、Bootstrap-Vu... 查看详情
vue-element-admin后台管理系统(代码片段)
文章目录前言一、vue-element-admin是什么？二、使用步骤下载和部署浏览模板项目代码官网启动三.技术提炼1.vue全家桶都有什么2.vuex什么时候用文件，什么时候直接写vue页面导航守卫3.组件之间的通信4.请求/响应式拦截器5.vu... 查看详情
vue项目实战：电商后台管理系统（vue+vuerouter+axios+element）(代码片段)
目录电商后台管理系统1.功能开发模式技术选型登录用户管理权限管理角色列表权限列表商品管理商品列表分类参数商品分类订单管理数据统计2.技术问题登录功能保存token路由导航守卫控制访问权限退出功能通过axios请求拦截器... 查看详情
vue搭建后台项目(代码片段)
参考：https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.mdhttps://juejin.im/post/59097cd7a22b9d0065fb61d21、当项目逐渐变大之后，文件与文件直接的引用关系会很复杂，这时候就需要使用alias了。//webpack.base.config.jsalias: 查看详情
vue3.0+ts+element-plus实现(若依版后台管理系统)(代码片段)
附上源码地址:Vue3.0+TS+Element-plus后台管理系统模板准备工作安装vue3.0，npmcreatevue3-project选中这几项即可，不需要vuex,我们自己封装状态管理。setup函数使用在.vue文件中,script标签下代码都必须带有lang=“ts”。关于se... 查看详情