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

前端主要使用了最新的前端技术栈（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对文章进行解析展示

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