笙歌
1
1. 摘要
LiteBlog 是一个基于 Vue 3 + Spring Boot 构建的简洁优雅的企业个人博客系统，采用前后端分离架构，实现了完整的博客核心功能，包括文章管理、用户系统、评论互动和管理后台。项目从零开始开发，历时约两周，现已开源并可直接部署使用。
关键词：个人博客、Vue 3、Spring Boot、Markdown、JWT、权限管理
2. 背景
2.1 项目动机
在内容创作日益重要的今天，拥有一个属于自己的博客平台是很多开发者和写作者的需求。现有的博客平台要么功能过于复杂，要么自定义能力有限。因此，我决定开发一个简洁、易用、功能完整的个人博客系统。
2.2 技术选型
前端：选择 Vue 3 + TypeScript 组合，配合 Vite 构建工具，开发体验流畅；Element Plus 提供丰富的 UI 组件；Tailwind CSS 实现快速样式开发。
后端：Spring Boot 3.2 作为主流 Java Web 框架，生态成熟；JPA 简化数据库操作；JWT 实现无状态认证；MySQL 存储数据。
3. 实践过程
3.1 开发阶段
第一阶段：基础架构搭建（3天）
初始化 Vue 3 + Vite 前端项目
搭建 Spring Boot 后端框架
配置 MySQL 数据库和 JPA
实现用户注册登录（JWT 认证）
第二阶段：核心功能开发（5天）
文章 CRUD 接口和页面
Markdown 编辑器集成（Marked + 自定义工具栏）
标签系统设计与实现
评论系统（支持嵌套回复）
第三阶段：管理后台与优化（4天）
管理后台页面（文章/用户/标签管理）
权限控制（路由守卫 + 接口鉴权）
响应式适配（移动端底部导航）
代码重构与性能优化
3.2 开发工具
IDE：IntelliJ IDEA
AI 辅助：Code with SOLO（代码生成、问题排查、重构建议）
版本控制：Git
测试：浏览器 DevTools + Postman
4. 成果展示
4.1 功能清单
用户系统
用户注册/登录（JWT 认证）
个人中心（头像修改、我的文章）
权限区分（普通用户 / 管理员）
文章系统
Markdown 编辑器 + 实时预览
草稿保存（localStorage 自动保存）
标签分类（多标签支持）
文章状态（已发布 / 草稿）
评论系统
文章评论列表
嵌套回复（parent_id 支持）
评论删除（仅自己/管理员）
管理后台
文章管理（CRUD）
用户管理（管理员专属）
标签管理（颜色设置）
路由守卫（非管理员拦截）
4.2 项目截图
4.3 代码统计
前端代码：约 8,000 行（Vue/TS/CSS）
后端代码：约 3,500 行（Java）
提交次数：30+
开发周期：约 2 周
5. 效果与总结
5.1 项目成果
LiteBlog 已实现一个功能完整、代码规范的个人博客系统：
功能完整性：覆盖博客核心场景（文章、评论、用户、管理）
代码质量：TypeScript 严格模式 + ESLint 规范
用户体验：响应式设计、Markdown 编辑、自动保存
安全性：JWT 认证、接口鉴权、SQL 注入防护
可维护性：模块化架构、清晰的项目结构
5.2 经验总结
收获
深入理解了 Vue 3 Composition API 和 Pinia 状态管理
掌握了 Spring Boot + JPA 的开发模式学会了前后端联调中的常见问题处理
体会到 Code with SOLO 在开发效率上的提升不足与改进
点赞功能尚未实现（后端已预留接口）
文章搜索功能可优化为全文检索（Elasticsearch）
图片上传目前为本地存储，可接入 OSS
5.3 开源仓库
项目已开源，欢迎 Star ⭐
GitHub：https://github.com/ShengTool/Enterprise-level-lightweight-blogging-platform
欢迎大家体验和反馈意见！
笙歌
4
如果有什么问题可以和我说一下，我会根据建议修改的，谢谢！
