一、博客前台:站内中文分词检索
- 1.1 博主信息卡片:获取文章、分类、标签、总访问量接口开发
- 1.2 博主信息卡片:文章、分类、标签、总访问量展示以及 UI 优化
- 1.3 CountTo 数字滚动动画组件重构
- 1.4 整合全文检索引擎 Lucene: 添加站内搜索子模块
- 1.5 添加 CommandLineRunner 项目启动任务:初始化 Lucene 文章索引
- 1.6 中文分词检索接口开发(1)—— 封装 Lucene 工具类方法
- 1.7 中文分词检索接口开发(2)—— 关键词高亮
- 1.8 站内搜索:弹出框样式布局开发
- 1.9 站内搜索:动态渲染搜索结果,添加加载 Loading
- 1.10 Spring 事件发布订阅保证数据一致性:实现 Lucene 文档新增、修改、删除
- 1.11 移动端适配:搜索框
二、博客前台:白天黑夜效果&代码复制开发
- 2.1 文章详情页:标题、标签、Meta 信息 UI 改造
- 2.2 文章详情接口:正则表达式统计 Markdown 正文字数、阅读时长
- 2.3 细节完善:Router 页面跳转:实现滚动到顶部 & 小屏幕仪表盘 Echart 渲染不全问题
- 2.4 自定义 Markdown 解析:实现对超链接添加跳转 svg 图标
- 2.5 博文详情页:nextTick() 方法实现代码块复制功能
- 2.6 前台主题色统一 & Header 头菜单选中样式美化
- 2.7 首页 UI 交互优化
- 2.8 白天黑夜主题切换:登录页
- 2.9 白天黑夜主题切换:前台首页
- 2.10 白天黑夜主题切换:文章详情页
- 2.11 后端:各分类下文章总数统计
- 2.12 前端:分类页 UI 美化
- 2.13 后端:各标签下文章总数统计
- 2.14 前端:标签页 UI 美化
- 2.15 前台右边栏:分类列表、标签列表卡片组件 UI 美化
三、CI / CD 持续集成与部署
- 3.1 Git 安装与 Gitee 代码仓库创建
- 3.2 Docker 安装 Jenkins
- 3.3 Jenkins 配置后端工程,自动拉取代码、打包与重新部署
- 3.4 Jenkins 配置前端工程,自动拉取代码、打包与上传云服务器
- 3.5 Dockerfile 构建 Spring Boot 镜像并运行服务
- 3.6 Jenkins 配置后端:自动构建 Docker 镜像、运行容器服务
- 3.7 文章置顶:表设计、更新接口开发
- 3.8 文章置顶:前后台查询接口添加 isTop 返参字段
- 3.9 文章置顶:前端页面修改
四、管理后台:知识库开发
- 4.1 知识库接口分析、表设计
- 4.2 知识库:新增接口开发
- 4.3 知识库:删除接口开发
- 4.4 知识库:分页查询接口开发
- 4.5 知识库:更新置顶状态、更新发布状态接口开发
- 4.6 知识库:更新接口开发
- 4.7 知识库:查询知识库目录接口开发
- 4.8 知识库:更新目录接口开发
- 4.9 管理后台:知识库列表页开发
- 4.10 管理后台:新增知识库功能开发
- 4.11 管理后台:知识库置顶、更新发布状态、删除功能开发
- 4.12 管理后台:知识库编辑功能开发
- 4.13 管理后台:知识库目录编辑功能开发(1)
- 4.14 管理后台:知识库目录编辑功能开发(2)
- 4.15 管理后台:知识库目录编辑功能开发(3)—— 通过 VueDraggablePlus 实现二级目录拖拽排序
- 4.16 管理后台:知识库目录编辑功能开发(4)—— 添加目录
- 4.17 管理后台:知识库目录编辑功能开发(5)—— 添加文章
五、博客前台:知识库开发
- 5.1 后端:知识库前台列表接口开发
- 5.2 后端:知识库获取目录接口开发
- 5.3 后端:知识库获取文章上下篇接口开发
- 5.4 前台:知识库列表页开发
- 5.5 前台:知识库详情页开发(1)—— 基础布局
- 5.6 前台:知识库详情页开发(2)—— 文章详情渲染
- 5.7 前台:知识库详情页开发(3)—— 黑夜主题 CSS 适配
- 5.8 前台:知识库详情页开发(4)—— 右边栏文章目录
- 5.9 前台:知识库详情页开发(5)—— 左边栏知识库目录
- 5.10 前台:知识库详情页开发(6)—— 目录收缩展开
- 5.11 前台:知识库详情页开发(7)—— 移动端目录
六、博客前台:评论模块开发
- 6.1 评论模块需求分析、前台接口分析、表设计
- 6.2 整合 RestTemplate: 根据 QQ 号获取用户信息接口开发
- 6.3 后端:评论发布接口开发
- 6.4 后端:敏感词检测功能开发
- 6.5 后端:获取所有评论接口开发
- 6.6 Spring Boot 整合邮件:实现评论发布后通知博主、被回复人
- 6.7 前端:评论组件开发 (1) —— 评论发布样式布局
- 6.8 前端:评论组件开发(2)—— Popover 组件实现 Emoji 表情选择添加
- 6.9 前端:评论组件开发(3)—— 动态渲染 QQ 用户信息及 Pinia 全局状态存储
- 6.10 前端:评论组件开发(4)—— 评论列表样式布局
- 6.11 前端:评论组件开发(5)—— 评论发布、获取评论列表接口联调
- 6.12 【Bug 修复】上下页评论不刷新、评论发布路由地址错误问题
七、管理后台:评论模块开发
专栏目录
一、博客前台:站内中文分词检索
- 1.1 博主信息卡片:获取文章、分类、标签、总访问量接口开发
- 1.2 博主信息卡片:文章、分类、标签、总访问量展示以及 UI 优化
- 1.3 CountTo 数字滚动动画组件重构
- 1.4 整合全文检索引擎 Lucene: 添加站内搜索子模块
- 1.5 添加 CommandLineRunner 项目启动任务:初始化 Lucene 文章索引
- 1.6 中文分词检索接口开发(1)—— 封装 Lucene 工具类方法
- 1.7 中文分词检索接口开发(2)—— 关键词高亮
- 1.8 站内搜索:弹出框样式布局开发
- 1.9 站内搜索:动态渲染搜索结果,添加加载 Loading
- 1.10 Spring 事件发布订阅保证数据一致性:实现 Lucene 文档新增、修改、删除
- 1.11 移动端适配:搜索框
二、博客前台:白天黑夜效果&代码复制开发
- 2.1 文章详情页:标题、标签、Meta 信息 UI 改造
- 2.2 文章详情接口:正则表达式统计 Markdown 正文字数、阅读时长
- 2.3 细节完善:Router 页面跳转:实现滚动到顶部 & 小屏幕仪表盘 Echart 渲染不全问题
- 2.4 自定义 Markdown 解析:实现对超链接添加跳转 svg 图标
- 2.5 博文详情页:nextTick() 方法实现代码块复制功能
- 2.6 前台主题色统一 & Header 头菜单选中样式美化
- 2.7 首页 UI 交互优化
- 2.8 白天黑夜主题切换:登录页
- 2.9 白天黑夜主题切换:前台首页
- 2.10 白天黑夜主题切换:文章详情页
- 2.11 后端:各分类下文章总数统计
- 2.12 前端:分类页 UI 美化
- 2.13 后端:各标签下文章总数统计
- 2.14 前端:标签页 UI 美化
- 2.15 前台右边栏:分类列表、标签列表卡片组件 UI 美化
三、CI / CD 持续集成与部署
- 3.1 Git 安装与 Gitee 代码仓库创建
- 3.2 Docker 安装 Jenkins
- 3.3 Jenkins 配置后端工程,自动拉取代码、打包与重新部署
- 3.4 Jenkins 配置前端工程,自动拉取代码、打包与上传云服务器
- 3.5 Dockerfile 构建 Spring Boot 镜像并运行服务
- 3.6 Jenkins 配置后端:自动构建 Docker 镜像、运行容器服务
- 3.7 文章置顶:表设计、更新接口开发
- 3.8 文章置顶:前后台查询接口添加 isTop 返参字段
- 3.9 文章置顶:前端页面修改
四、管理后台:知识库开发
- 4.1 知识库接口分析、表设计
- 4.2 知识库:新增接口开发
- 4.3 知识库:删除接口开发
- 4.4 知识库:分页查询接口开发
- 4.5 知识库:更新置顶状态、更新发布状态接口开发
- 4.6 知识库:更新接口开发
- 4.7 知识库:查询知识库目录接口开发
- 4.8 知识库:更新目录接口开发
- 4.9 管理后台:知识库列表页开发
- 4.10 管理后台:新增知识库功能开发
- 4.11 管理后台:知识库置顶、更新发布状态、删除功能开发
- 4.12 管理后台:知识库编辑功能开发
- 4.13 管理后台:知识库目录编辑功能开发(1)
- 4.14 管理后台:知识库目录编辑功能开发(2)
- 4.15 管理后台:知识库目录编辑功能开发(3)—— 通过 VueDraggablePlus 实现二级目录拖拽排序
- 4.16 管理后台:知识库目录编辑功能开发(4)—— 添加目录
- 4.17 管理后台:知识库目录编辑功能开发(5)—— 添加文章
五、博客前台:知识库开发
- 5.1 后端:知识库前台列表接口开发
- 5.2 后端:知识库获取目录接口开发
- 5.3 后端:知识库获取文章上下篇接口开发
- 5.4 前台:知识库列表页开发
- 5.5 前台:知识库详情页开发(1)—— 基础布局
- 5.6 前台:知识库详情页开发(2)—— 文章详情渲染
- 5.7 前台:知识库详情页开发(3)—— 黑夜主题 CSS 适配
- 5.8 前台:知识库详情页开发(4)—— 右边栏文章目录
- 5.9 前台:知识库详情页开发(5)—— 左边栏知识库目录
- 5.10 前台:知识库详情页开发(6)—— 目录收缩展开
- 5.11 前台:知识库详情页开发(7)—— 移动端目录
六、博客前台:评论模块开发
- 6.1 评论模块需求分析、前台接口分析、表设计
- 6.2 整合 RestTemplate: 根据 QQ 号获取用户信息接口开发
- 6.3 后端:评论发布接口开发
- 6.4 后端:敏感词检测功能开发
- 6.5 后端:获取所有评论接口开发
- 6.6 Spring Boot 整合邮件:实现评论发布后通知博主、被回复人
- 6.7 前端:评论组件开发 (1) —— 评论发布样式布局
- 6.8 前端:评论组件开发(2)—— Popover 组件实现 Emoji 表情选择添加
- 6.9 前端:评论组件开发(3)—— 动态渲染 QQ 用户信息及 Pinia 全局状态存储
- 6.10 前端:评论组件开发(4)—— 评论列表样式布局
- 6.11 前端:评论组件开发(5)—— 评论发布、获取评论列表接口联调
- 6.12 【Bug 修复】上下页评论不刷新、评论发布路由地址错误问题
七、管理后台:评论模块开发
最后编辑于 2024-01-16 15:21:58
文章目录
返回顶部