文章数量
36
访客量
4952
访问量
9817

vue3+typescript+nuxt3+beego权限管理、博客管理系统v1.0.0

阅读量:1123
更新时间:2023-01-15 23:04:16

该套代码包括权限管理、博客管理、博客展示三套系统。
前端主要使用了最新的前端技术栈(vue3+vite2+typescript+nuxt3+elementplus),内置了动态路由、按钮级别的权限控制、websocket实时统计在线人数等功能。
后端使用主要的常规技术栈(beego1.12+mysql+redis+websocket),实现了接口限流、黑名单、统计在线人数及IP定位等。

项目预览:

(1)博客后台管理:https://adm.lpya.cn (账号:visitor 密码:123456)

(2)博客前台展示:https://www.lpya.cn

一、权限管理系统

(1)登陆界面
使用jsencrypt和后端生效的图片验证码对登录用户进行身份校验
描述

(2)管理员管理
主要编辑管理员账号信息及关联分配角色
描述

(3)角色管理
对角色进行修改,及给该角色分配菜单、按钮权限
描述

(4)菜单管理
管理其他系统的菜单权限,配置完该菜单表,可以快速搭建一套有权限管理的后台管理系统
描述

二、博客后台管理

(1)控制面板
对文章数量及访客访问进行统计展示,并使用websocket对当前在线的用户
描述

(2)文章管理
对文章进行发布、置顶、推荐、编辑、删除等操作
描述

(3)文章编辑
支持上传图片到服务器、及选择使用以往上传过的图片
描述

三、博客展示

用户展示端主要使用nuxt3+markdown-it对文章进行解析展示,如正浏览的网站所示