# fangcai-coding-blog
**Repository Path**: joyfully_w/fangcai-coding-blog
## Basic Information
- **Project Name**: fangcai-coding-blog
- **Description**: 基于Springboot 3.3.2 + vue 3.x 前后端分离的开源博客
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://fangcaicoding.cn/
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 7
- **Created**: 2025-03-10
- **Last Updated**: 2025-05-20
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
本文转载自-方才coding的博客，原文链接：[https://fangcaicoding.cn/course/11/3](https://fangcaicoding.cn/course/11/3)
>Hello 我是方才，8人后端研发leader、7年后端经验、4年团队管理&架构经验。
>
> 专注于分享成体系的编程知识、职场经验、个人成长历程等！
>
> 文末，方才送你一份优质的技术资料，记得领取哟！
## 关于本站
本站的研发文档，包括设计思路、业务架构说明、技术架构说明、部署手册、开发教程等等，均在 [https://fangcaicoding.cn/course/11/3](https://fangcaicoding.cn/course/11/3) 专栏持续更新。该地址也是本开源项目的在线体验地址。
本站代码已全部开源：
- gitee：https://gitee.com/fangcaicoding/fangcai-coding-blog
- github：https://github.com/FangCaiCoding/fangcai-coding-blog
本站整体采用前后端分离的架构：
后端：
| 技术栈 | 版本 | 备注 |
| ------------ | ------ | ------------------------------------------------------------ |
| SpringBoot | 3.3.2 | https://docs.spring.io/spring-boot/index.html |
| oracle-jdk21 | 21.0.4 | https://www.oracle.com/java/technologies/downloads/#jdk21-windows |
| maven | 3.8.8 | https://maven.apache.org/ |
| git | 2.43.0 | https://git-scm.com/ |
| knife4j | 4.4.0 | https://doc.xiaominfo.com/docs/quick-start |
| mybatis-plus | 3.5.7 | https://baomidou.com/getting-started/ |
| Mysql | 5.7.44 | https://dev.mysql.com/doc/refman/5.7/en/ |
| Hutool-all | 5.8.26 | https://doc.hutool.cn/pages/index/ |
前端：
| 技术栈 | 版本 | 备注 |
| ------------ | --------------- | ------------------------------------------------- |
| Vue | 3.4.37 | https://cn.vuejs.org/guide/quick-start.html |
| vue-router | 4.4.3 | https://router.vuejs.org/zh/guide/ |
| element-plus | 2.8.1 | https://element-plus.org/zh-CN/ |
| axios | 1.7.7 | https://axios-http.com/docs/api_intro |
| pinia | 2.2.2 | https://pinia.vuejs.org/introduction.html |
| md-editor-v3 | 4.19.2 | https://imzbf.github.io/md-editor-v3/en-US/index |
| node | v20.18.0（LTS） | https://nodejs.org/en/download/prebuilt-installer |
## 关于“我”
From Zero To Hero！是我写博客以来，一直坚信的铭言。
只要我在走，哪怕很慢，也终将能积跬步以至千里！
加油少年！
- 欢迎添加作者好友，一起From Zero To Hero！
- b站主页
[方才coding的个人空间-方才coding个人主页-哔哩哔哩视频 (bilibili.com)](https://space.bilibili.com/407024147)
## 更新日志
### todo
- vip机制实现；
- 文章限制功能优化，增加vip阅读限制功能；
- 实现内容收藏功能，支持 文章 + 题目；
- 题库模块支持选择题类型的题目；
- 评论系统-低优先级；
### 20250309
- 实现题库功能，包括前台刷题功能+后台的基础管理功能；
- 调整广告位的实现，改为插槽机制；
- 前台文章编辑等按钮实现权限控制，动态控制按钮；
- 移动端整体适配优化，包括导航栏、专栏的目录、刷题模块的适配等；
- 日志starter组件优化，日志内容增加动态变量，增加可读性；
- 版本截图：
- 刷题模块
- 题库管理功能：
- 前端的动态权限控制：
- 日志组件完善：
- 移动端适配结果：
### 20250118
- 增加用户基础信息编辑功能：头像和昵称；
- 后台管理：教程管理批量添加文章时，增加搜索功能；
- 版本截图：
### 20241129
- 增加`API`日志记录功能，按需记录用户操作；
- 前端用户上下文初始化机制更新，实现`clientId`标记；
- 调整后端项目包结构，便于后续扩展和维护；
- 持续调整前端`ApiService.js`封装，对`API`按业务类型管理，便于维护；
- 版本截图：
### 20241107
- 优化首页布局，增加固定广告栏；
- 教程详情页UI优化，增加基础信息展示；
- 优化文章详情页的目录树样式；
- 教程增加视频链接地址功能；
- 解决文章详情，从搜索列表点击文章无效bug；
- 解决pinia多实例导致登录状态无法响应式更新bug；
- 版本截图
- 样式优化
### 20241030
- 阅读限制功能，实现登录阅读限制；
- 前端代码优化，抽象文章详情基础组件；
- 版本截图
- 
### 20241027
- 实现微信公众号扫码登录；
- 实现微信关键字回复功能，支持数据库配置，后台界面-todo；
- 实现RBAC权限管理-鉴权部分，后台管理页面-todo；
- 版本截图：
- 
- 
- 
- 
- 
### 20241024
- 优化教程路由，增加文章id，支持刷新后保持路由定位；
- 版本截图：
### 20241020
- 文章模板编辑功能-文章内容保存时支持维护文章模板；
- 网站导航；包括分类展示、访问量、后台管理等；
- 网页UI样式调整；
- 版本截图：
### 20241003
- 接入百度统计（0913就接入了，忘了记录日志）；
- 实现文章搜索功能；
- 教程列表增加封面展示；
- 后台管理功能实现：
- 文章管理：curd+排序；
- 教程管理：curd+教程文章列表维护；
- 版本截图：
- 百度统计后台数据：
- 全局搜索功能：
- 后台文章管理：
- 后台教程管理功能：
### 20240928
- 完成网站的公安备案；
- 实现文章通用模板功能，统一增加了自我介绍内容；
- 版本截图：
### 20240920
- 增加阅读数记录和展示；
- 统一封装前端css样式文件；
- 优化文章title展示样式；
- 更新专栏《从零到一，入门级编程指南》，增加文章1篇；
- 教程详情-版本截图：
### 20240917
- 增加导航栏；
- 实现（专栏）教程功能；
- 新增 ElasticSearch 系列文章；
- 优化前端组件的封装；
- 版本截图：
### 20240912
- 20240114 基于halo2.x 网站上线；
- 2020817 计划更新文章，halo出现bug，后台账号无法登陆，**决定自研博客系统；**
- 2020819 开始研发设计，至20240912上线第一个版本；
- 版本功能说明：
- 首页-博客列表；
- 博客详情页；
- 登录功能；
- 博客新增和编辑功能；
- 以下为版本截图：
---
## 交流群
相遇即是缘分，方才送你一份**优质的资料（包括方才自己输出的ES、前端、Mysql系列的知识图谱，软考架构师资料，方才阅读过的优质书籍等等资料）**。
也可备注加群，方才拉你进入**优质的技术交流群（日常分享高质量的技术文章、优质的资料、实时资讯共享等）**。
## 知识星球
**“学编程，一定要系统化”**——若你也是系统学习的践行者，或不知道该如何系统学习，欢迎加入方才兄的知识星球，期待与你一起 From Zero To Hero！
(ps：方才兄的知识星球开始试运营啦！后续会持续输出完整的编程技术系列（详情见知识图谱）**目前试运营阶段，只要38！！一杯奶茶钱，不仅可以学到知识，还可以围观方才兄的自媒体之路！**)
