之前得个人网站使用的是spring cloud和vue+element实现的,但是感觉当时是为了使用一些技术而使用,很多臃肿其没有完善的地方,因此决定重构一个轻量的,容易部署的一套个人网站方案。
内容展示前端页面:https://www.huhailong.vip,后端页面暂时未映射到公网,计划下一阶段优化后部署。
整体技术栈
整体使用的是前后端分离的开发模式。服务端使用的是Spring Boot,其中安全框架使用的是Spring Security进行开发的。前端使用的是Vite+Vue3+Element-Plus的这一套解决方案,使用Vite确实会加快开发过程中的编译和热更新的速度,打包也非常的快,很值得尝试。
第一阶段视频介绍
个人网站重构的第一部分功能完成,记录一下
第一阶段完成的功能
- 用户注册登录功能(注册目前只没有对外开放,因为邮箱激活流程需要优化一下,计划在下一阶段发布)
- 管理端页面实现了任务管理拓展面板小功能(之前的文章介绍过)
- 用户管理、角色管理、权限管理的功能已完成,可以对用户进行账号锁定过期等设定。可以通过权限管理管理每一个功能接口等使用权限。
- 博客发布功能已完成,博文以markdown格式进行存储,博文有博文类型、是否置顶等功能,方便展示和筛选
- 博客管理功能已完成,可以对已发布的博文进行预览和修改编辑
- 系统日志已完成部分,目前完成的是接口调用的日志记录,下一个阶段计划通过图表的形式展示和统计系统和博客的整体统计。
- 内容展示端端前端页面实现了博文端查询和展示共功能、浏览量的展示以及评论模块,评论模块需呀登录后发布评论。
相关截图
后台任务面板
; 用户管理
角色管理
; 权限管理
发布博客
; 博客管理
系统日志
; 内容展示页面前端首页
详情页和评论区
内容展示页面:https://www.huhailong.vip
Original: https://www.cnblogs.com/hhl1011/p/16336431.html
Author: 胡海龙
Title: 个人网站重构第一阶段记录
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/588019/
转载文章受原作者版权保护。转载请注明原作者出处!