本文主要想对前端权限管理功能实现做一个分享,所以并不会对后台管理的框架结构做太详细介绍,如果有朋友对其他有兴趣可以留言。
基本设计和分析
前端 vue + elementui
服务端: node + mysql + nginx
主要功能
打开思否页面,根据页面的功能点,设计出相关的数据表,和管理系统需要的相关页面。
计划后台管理需要完成的功能:
权限管理(菜单权限到数据权限) -- 已完成
工作流 (问答和文章在某个条件内,提交需要走流程)-- 未完成
socket (对用户点赞,评论,系统通知等消息进行实时推送)-- 未完成
文件管理(将页面需要用到的文件上传管理,其他页面都统一访问文件库资源)-- 已完成
基本业务 (业务页面)-- 部分完成
模块相关介绍
模块
功能
页面编码
描述
登录
登录
login
菜单中不显示
401
401
401
角色无访问权限时进入这个页面
404
404
404
访问菜单不存在时进入这个页面
首页
首页
home
运维中心
opsCenter
-
问答管理
questionMan
-
专栏管理
blogMan
-
文章管理
articleMan
-
讲堂管理
liveMan
-
活动管理
activityMan
-
广告位
advertising
工作流
workflow
-
流程设计
processDesign
-
业务管理
businessMan
-
已办事项
finishedItems
-
未办事项
unfinishedItems
文件库
library
-
图片管理
imgMan
-
文件管理
fileMan
论坛配置
bbsConfig
-
轮播
carousel
-
技术频道
techSquare
-
通知
notices
-
标签类型管理
tagTypeMan
-
标签管理
tagMan
系统管理
sysMan
-
用户管理
userMan
-
角色管理
roleMan
-
菜单管理
menuMan
-
区域管理
areaMan
-
图表配置
chartConfig
-
系统日志
log
代码结构
├── admin // 打包产出文件
├── node_module // npm加载所需的项目依赖模块
├── public // 静态入口
├── src // 源代码
│ ├── api // 所有请求
│ ├── assets // 主题 字体 图片等静态资源
│ ├── common // 全局公用配置
│ │ ├── config // 配置