基于MyBlog开源个人博客系统 搭建与二次开发学习记录

一、学习背景
随着前后端分离开发技术普及，个人博客系统是软件工程课程入门开源项目实战的经典选择。本次选用MyBlog轻量级开源博客系统，完成环境部署、源码研读、功能微调二次开发。通过实战熟悉SpringBoot后端、Vue前端开发流程，理解博客系统的文章管理、分类标签、评论、用户权限等核心业务逻辑，提升自主搭建项目和源码修改的能力 。
二、开发环境准备
开发工具：IDEA、VSCode、Navicat Premium、Git
基础环境：JDK1.8、Maven、MySQL、Node.js
技术栈：后端SpringBoot + MyBatis，前端Vue + ElementUI
三、项目搭建部署流程
1. 从开源仓库克隆MyBlog项目源码到本地
2. IDEA导入后端项目，等待Maven自动下载所有依赖包
3. 在Navicat新建数据库，导入项目提供的初始化SQL文件
4. 修改后端配置文件，配置数据库地址、账号、密码信息
5. 配置项目端口号，启动后端服务，测试接口是否正常连通
6. 用VSCode打开前端项目，执行npm install安装依赖
7. 执行npm run dev启动前端，浏览器访问博客首页，完成登录进入后台
四、系统核心功能与架构理解
1. 整体采用前后端分离架构，代码解耦清晰，便于后期维护和二次开发。
2. 核心模块包含：文章发布与管理、分类管理、标签管理、留言评论、个人中心、后台权限管理。
3. 使用MyBatis实现数据库交互，分页查询、条件查询封装完善，适合学习数据库业务开发。
4. 前端基于Vue组件化开发，页面复用性高，路由配置简单易懂。
五、二次开发自定义修改
1. 修改博客首页轮播文案与页面底部版权信息，自定义个人风格。
2. 新增文章热门推荐展示小功能，调整前端页面布局排版。
3. 修改后台菜单名称、页面文字描述，适配课程作业展示需求。
4. 简单调整用户个人资料展示字段，练习前后端数据交互流程。
六、部署中遇到的问题及解决
1. 数据库连接失败
本地MySQL版本、账号密码与配置文件不匹配，修改yml配置里数据库参数，重启项目恢复正常。
2. 前端依赖安装失败
网络源不稳定，切换淘宝镜像源后重新安装依赖，成功启动前端。
3. 页面静态资源加载异常
静态资源路径配置问题，核对项目静态资源映射路径，修正后页面正常显示。
七、学习总结
通过本次MyBlog开源博客系统的搭建和二次开发，我完整掌握了小型前后端分离项目的部署流程、源码阅读方法和简单功能改造技巧。熟悉了SpringBoot和Vue的基础协作模式，理解了博客类项目的业务逻辑与模块划分，不仅巩固了课堂所学知识，也为后续课程设计、个人项目开发积累了实战经验。后续会继续研究更多开源项目，提升自己的代码阅读和二次开发能力。