龙空技术网

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

RMRF 224

前言:

目前小伙伴们对“博客设置权限如何查看”都比较珍视,小伙伴们都想要学习一些“博客设置权限如何查看”的相关知识。那么小编也在网摘上汇集了一些有关“博客设置权限如何查看””的相关知识,希望朋友们能喜欢,同学们快快来学习一下吧!

该套代码包括权限管理、博客管理、博客展示三套系统。

前端主要使用了最新的前端技术栈(vue3+vite2+typescript+nuxt3+elementplus),内置了动态路由、按钮级别的权限控制、websocket实时统计在线人数等功能。

后端使用主要的常规技术栈(beego1.12+mysql+redis+websocket),实现了接口限流、黑名单、统计在线人数及IP定位等。

项目预览:

(1)博客后台管理: (账号:visitor 密码:123456)

(2)博客前台展示:

一、权限管理系统

(1)登陆界面

使用jsencrypt和后端生效的图片验证码对登录用户进行身份校验

登陆界面

(2)管理员管理

主要编辑管理员账号信息及关联分配角色

管理员管理

(3)角色管理

对角色进行修改,及给该角色分配菜单、按钮权限

角色管理

(4)菜单管理

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

菜单管理

二、博客后台管理

(1)控制面板

对文章数量及访客访问进行统计展示,并使用websocket对当前在线的用户

控制面板

(2)文章管理

对文章进行发布、置顶、推荐、编辑、删除等操作

文章管理

(3)文章编辑

支持上传图片到服务器、及选择使用以往上传过的图片

文章编辑

三、博客展示

用户展示端主要使用nuxt3+markdown-it对文章进行解析展示

首页

文章详情

文章归档

目前只截取系统部分功能的图片做展示,有需要可以自行访问预览地址查看,利用了几周时空闲时间边学习beego、边开发界面,相对来说收获还是挺大的,后期再慢慢对界面和功能进行优化。

标签: #博客设置权限如何查看