一、项目介绍 试读
二、准备本地开发环境试读
三、Spring Boot 后端工程搭建试读
- 3.1 搭建 Spring Boot 多模块工程(通过 Spring Initializr)试读
- 3.2【补充】搭建 Spring Boot 多模块工程(通过 Maven Archetype)试读
- 3.3 Spring Boot 多环境配置
- 3.4 配置 Lombok
- 3.5 Spring Boot 整合 Logback 日志
- 3.6 Spring Boot 自定义注解,实现 API 请求日志切面
- 3.7 Spring Boot 通过 MDC 实现日志跟踪
- 3.8 Spring Boot 实现优雅的参数校验
- 3.9 Spring Boot 自定义响应工具类
- 3.10 Spring Boot 实现全局异常管理
- 3.11 全局异常处理器+参数校验(最佳实践)
- 3.12 整合 Knife4j:提升接口调试效率
- 3.13 自定义 Jackson 序列化、反序列化,支持 Java 8 日期新特性
- 3.14 小结
四、使用 Vue 3 + Vite 4 搭建前端工程
- 4.1 Vue 3 环境安装& Weblog 项目搭建
- 4.2 安装 VSCode 开发工具
- 4.3 整合 vue-router 路由管理器
- 4.4 Vite 配置路径别名:更方便的引用文件
- 4.5 整合 Tailwind CSS
- 4.6 整合 Tailwind CSS 组件库:Flowbite
- 4.7 整合饿了么 Element Plus 组件库
五、登录模块开发试看
- 5.1 登录页设计:支持响应式布局试读
- 5.2 登录页加点盐:通过 Animate.css 添加动画试读
- 5.3 整合 Mybatis Plus
- 5.4 p6spy 组件打印完整的 SQL 语句、执行耗时
- 5.5 整合 Spring Security
- 5.6 Spring Security 整合 JWT :实现身份认证
- 5.7 Spring Security 整合 JWT :实现接口鉴权
- 5.8 Vue 整合 Axios 实现登录功能(解决跨域问题)
- 5.9 登录页表单验证
- 5.10 登录消息提示、回车键监听、按钮加载 Loading
- 5.11 存储 Token 到 Cookie 中
- 5.12 Axios 添加请求拦截器、响应拦截器
- 5.13 全局路由拦截:实现页面标题动态设置、后台路由跳转的登录判断
- 5.14 实现页面顶部加载 Loading 效果
- 5.15 重复登录问题优化、密码框可显示密码
- 5.16 角色鉴权:添加演示账号,仅支持查询操作
六、Element Plus 手搭 Admin 管理后台骨架
- 6.1 搭建管理后台基本布局
- 6.2 后台公共 Header 头:样式布局
- 6.3 后台公共左侧 Menu 菜单栏:样式布局
- 6.4 整合全局状态管理库 Pinia
- 6.5 左边菜单栏点击收缩、展开功能实现
- 6.6 支持全屏展示、页面点击刷新
- 6.7 标签导航栏组件实现:样式布局
- 6.8 标签导航栏组件实现:路由同步 (1)
- 6.9 标签导航栏组件实现:路由同步 (2)
- 6.10 标签导航栏组件实现:标签页关闭
- 6.11 标签导航栏组件实现:关闭其他、全部标签页
- 6.12 后台公共 Footer 页脚:样式布局
- 6.13 使用 KeepAlive 缓存组件,提高页面切换性能和响应速度
- 6.14 使用 Transition 组件添加全局过渡动画
- 6.15 修改用户密码接口开发
- 6.16 获取当前登录用户信息接口开发
- 6.17 Pinia 存储用户信息,动态显示登录用户名
- 6.18 使用 pinia-persist 插件实现 Pinia 数据持久化
- 6.19 用户修改密码、退出登录功能开发
- 6.20 小结
七、管理后台:文章分类模块开发
- 7.1 分类模块接口分析
- 7.2 文章分类:新增接口开发
- 7.3 文章分类:分页接口开发
- 7.4 文章分类:删除接口开发
- 7.5 文章发布:分类 Select 下拉列表接口开发
- 7.6 后台分类管理页面:样式布局
- 7.7 Config Provider 全局配置: 实现组件中文化
- 7.8 文章分类:分页列表数据动态渲染
- 7.9 文章分类:新增功能开发
- 7.10 文章分类:删除功能开发
- 7.11 通用表单对话框组件封装
- 7.12 添加 Table 组件加载 Loading 、表单对话框提交按钮 Loading 动画
八、管理后台:标签模块开发
- 8.1 标签模块接口分析
- 8.2 标签管理:新增标签接口开发
- 8.3 标签管理:标签分页接口开发
- 8.4 标签管理:删除标签接口开发
- 8.5 标签关键词模糊查询 select 列表接口开发
- 8.6 标签管理页面开发:分页列表
- 8.7 标签管理页面:新增&删除标签
九、管理后台:博客设置模块开发
- 9.1 博客设置模块功能分析、表设计
- 9.2 Docker 本地安装 Minio 对象存储
- 9.3 文件上传接口开发
- 9.4 博客设置: 更新接口开发
- 9.5 整合 Mapstruct : 简化属性映射
- 9.6 博客设置:获取详情接口开发
- 9.7 博客设置页面:样式布局
- 9.8 管理后台:滚动样式优化
- 9.9 博客设置页:数据渲染、图片上传
- 9.10 博客设置页:更新设置
十、管理后台:文章模块开发
- 10.1 文章管理模块功能分析、表设计
- 10.2 文章管理:文章发布接口开发(1)
- 10.3 文章管理:文章发布接口开发(2)—— SQL 注入器实现批量插入
- 10.4 文章管理:文章删除接口开发
- 10.5 文章管理:分页接口开发
- 10.6 文章管理:获取文章详情接口开发
- 10.7 文章管理:文章更新接口开发
- 10.8 文章管理:分页列表开发
- 10.9 文章管理页:删除文章开发
- 10.10 文章发布对话框样式布局 —— 整合 Markdown 编辑器
- 10.11 文章管理页:文章发布功能开发
- 10.12 文章管理:获取所有标签 Select 列表接口开发
- 10.13 文章管理页:文章编辑功能开发
- 10.14 Bug 修复:分类、标签删除接口添加是否关联文章校验; 前端 token 过期问题 fixed
十一、博客前台:首页开发
- 11.1 前台首页、归档页接口分析
- 11.2 前台首页:文章分页接口开发
- 11.3 公共侧边栏:获取分类、标签列表接口开发
- 11.4 公共部分:获取博客设置信息接口开发
- 11.5 前台 Header 头组件封装
- 11.6 首页样式布局设计(1)
- 11.7 首页样式布局设计(2) —— 侧边栏博主信息卡片
- 11.8 首页样式布局设计(3) —— 侧边栏分类、标签卡片
- 11.9 首页样式布局设计(4) —— Footer 组件封装
- 11.10 首页文章分页数据渲染
- 11.11 公共右边栏:博主信息卡片组件封装
- 11.12 公共右边栏:分类、标签卡片组件封装
- 11.13 公共 Header 头:跳转后台、退出登录功能开发
十二、博客前台:归档页、分类列表页、标签列表页开发
- 12.1 归档页、分类列表页、标签列表页接口分析
- 12.2 文章归档分页接口开发
- 12.3 前台归档页:样式布局设计
- 12.4 前台归档页:分页列表功能开发
- 12.5 前台分类页开发
- 12.6 获取某个分类下的文章列表——分页接口开发
- 12.7 前台分类-文章列表页: 样式布局开发
- 12.8 分类-文章列表页开发
- 12.9 前台标签列表页:样式布局&功能开发
- 12.10 获取某个标签下的文章列表——分页接口开发
- 12.11 标签-文章列表页开发
十三、博客前台:文章详情页开发
- 13.1 文章详情页接口分析
- 13.2 后端封装 Markdown 转换 HTML 工具类
- 13.3 获取文章详情接口开发
- 13.4 文章详情页:样式布局设计
- 13.5 文章详情页数据渲染
- 13.6 文章正文 CSS 样式美化
- 13.7 highlight.js 实现代码块高亮,v-viewer 实现图片点击放大预览
- 13.8 404 页面开发
- 13.9 返回顶部 Button 组件封装
- 13.10 文章目录 Toc 组件封装
- 13.11 自定义线程池 + Spring 事件发布订阅:实现文章阅读量+1功能
- 13.12 后端管理功能补充:文章预览跳转、前台首页跳转
十四、管理后台:仪表盘模块开发
- 14.1 后台仪表盘接口分析、表设计
- 14.2 仪表盘:获取文章、分类、标签、总浏览量接口开发
- 14.3 仪表盘:获取文章发布热点接口开发
- 14.4 @Scheduled 定时任务 + 事件发布订阅:实现当日 PV 访问量累加
- 14.5 仪表盘:获取最近一周文章 PV 访问量接口开发
- 14.6 仪表盘:静态页面开发
- 14.7 仪表盘:文章数、分类数、标签数、总浏览量数据动态渲染
- 14.8 仪表盘:数字滚动动画组件封装
- 14.9 仪表盘:Echarts 实现近半年文章发布热点图
- 14.10 仪表盘:Echarts 实现近一周文章 PV 访问量折线图
十五、项目部署上线
- 15.1 云服务器选购及 FinalShell 工具远程登录
- 15.2 Linux 安装 JDK 1.8
- 15.3 Linux 安装 Docker 环境
- 15.4 云服务器 Docker 安装 MySQL
- 15.5 云服务器 Docker 安装 Minio
- 15.6 Spring Boot 配置 prod 生产环境参数,初始化数据库表,Shell 运行脚本编写
- 15.7 云服务器 Docker 安装 Nginx, 并配置反向代理
- 15.8 前端工程打包部署至 Nginx
- 15.9 域名选购 & 网站备案 & 配置域名解析
- 15.10 Docker Nginx 配置 SSL 证书,实现网站支持 Https 访问
- 15.11 图床(Minio)添加子域名访问,并配置 Nginx SSL 证书以及反向代理
十六、访问速度优化
专栏目录
一、项目介绍 试读
二、准备本地开发环境试读
三、Spring Boot 后端工程搭建试读
- 3.1 搭建 Spring Boot 多模块工程(通过 Spring Initializr)试读
- 3.2【补充】搭建 Spring Boot 多模块工程(通过 Maven Archetype)试读
- 3.3 Spring Boot 多环境配置
- 3.4 配置 Lombok
- 3.5 Spring Boot 整合 Logback 日志
- 3.6 Spring Boot 自定义注解,实现 API 请求日志切面
- 3.7 Spring Boot 通过 MDC 实现日志跟踪
- 3.8 Spring Boot 实现优雅的参数校验
- 3.9 Spring Boot 自定义响应工具类
- 3.10 Spring Boot 实现全局异常管理
- 3.11 全局异常处理器+参数校验(最佳实践)
- 3.12 整合 Knife4j:提升接口调试效率
- 3.13 自定义 Jackson 序列化、反序列化,支持 Java 8 日期新特性
- 3.14 小结
四、使用 Vue 3 + Vite 4 搭建前端工程
- 4.1 Vue 3 环境安装& Weblog 项目搭建
- 4.2 安装 VSCode 开发工具
- 4.3 整合 vue-router 路由管理器
- 4.4 Vite 配置路径别名:更方便的引用文件
- 4.5 整合 Tailwind CSS
- 4.6 整合 Tailwind CSS 组件库:Flowbite
- 4.7 整合饿了么 Element Plus 组件库
五、登录模块开发试看
- 5.1 登录页设计:支持响应式布局试读
- 5.2 登录页加点盐:通过 Animate.css 添加动画试读
- 5.3 整合 Mybatis Plus
- 5.4 p6spy 组件打印完整的 SQL 语句、执行耗时
- 5.5 整合 Spring Security
- 5.6 Spring Security 整合 JWT :实现身份认证
- 5.7 Spring Security 整合 JWT :实现接口鉴权
- 5.8 Vue 整合 Axios 实现登录功能(解决跨域问题)
- 5.9 登录页表单验证
- 5.10 登录消息提示、回车键监听、按钮加载 Loading
- 5.11 存储 Token 到 Cookie 中
- 5.12 Axios 添加请求拦截器、响应拦截器
- 5.13 全局路由拦截:实现页面标题动态设置、后台路由跳转的登录判断
- 5.14 实现页面顶部加载 Loading 效果
- 5.15 重复登录问题优化、密码框可显示密码
- 5.16 角色鉴权:添加演示账号,仅支持查询操作
六、Element Plus 手搭 Admin 管理后台骨架
- 6.1 搭建管理后台基本布局
- 6.2 后台公共 Header 头:样式布局
- 6.3 后台公共左侧 Menu 菜单栏:样式布局
- 6.4 整合全局状态管理库 Pinia
- 6.5 左边菜单栏点击收缩、展开功能实现
- 6.6 支持全屏展示、页面点击刷新
- 6.7 标签导航栏组件实现:样式布局
- 6.8 标签导航栏组件实现:路由同步 (1)
- 6.9 标签导航栏组件实现:路由同步 (2)
- 6.10 标签导航栏组件实现:标签页关闭
- 6.11 标签导航栏组件实现:关闭其他、全部标签页
- 6.12 后台公共 Footer 页脚:样式布局
- 6.13 使用 KeepAlive 缓存组件,提高页面切换性能和响应速度
- 6.14 使用 Transition 组件添加全局过渡动画
- 6.15 修改用户密码接口开发
- 6.16 获取当前登录用户信息接口开发
- 6.17 Pinia 存储用户信息,动态显示登录用户名
- 6.18 使用 pinia-persist 插件实现 Pinia 数据持久化
- 6.19 用户修改密码、退出登录功能开发
- 6.20 小结
七、管理后台:文章分类模块开发
- 7.1 分类模块接口分析
- 7.2 文章分类:新增接口开发
- 7.3 文章分类:分页接口开发
- 7.4 文章分类:删除接口开发
- 7.5 文章发布:分类 Select 下拉列表接口开发
- 7.6 后台分类管理页面:样式布局
- 7.7 Config Provider 全局配置: 实现组件中文化
- 7.8 文章分类:分页列表数据动态渲染
- 7.9 文章分类:新增功能开发
- 7.10 文章分类:删除功能开发
- 7.11 通用表单对话框组件封装
- 7.12 添加 Table 组件加载 Loading 、表单对话框提交按钮 Loading 动画
八、管理后台:标签模块开发
- 8.1 标签模块接口分析
- 8.2 标签管理:新增标签接口开发
- 8.3 标签管理:标签分页接口开发
- 8.4 标签管理:删除标签接口开发
- 8.5 标签关键词模糊查询 select 列表接口开发
- 8.6 标签管理页面开发:分页列表
- 8.7 标签管理页面:新增&删除标签
九、管理后台:博客设置模块开发
- 9.1 博客设置模块功能分析、表设计
- 9.2 Docker 本地安装 Minio 对象存储
- 9.3 文件上传接口开发
- 9.4 博客设置: 更新接口开发
- 9.5 整合 Mapstruct : 简化属性映射
- 9.6 博客设置:获取详情接口开发
- 9.7 博客设置页面:样式布局
- 9.8 管理后台:滚动样式优化
- 9.9 博客设置页:数据渲染、图片上传
- 9.10 博客设置页:更新设置
十、管理后台:文章模块开发
- 10.1 文章管理模块功能分析、表设计
- 10.2 文章管理:文章发布接口开发(1)
- 10.3 文章管理:文章发布接口开发(2)—— SQL 注入器实现批量插入
- 10.4 文章管理:文章删除接口开发
- 10.5 文章管理:分页接口开发
- 10.6 文章管理:获取文章详情接口开发
- 10.7 文章管理:文章更新接口开发
- 10.8 文章管理:分页列表开发
- 10.9 文章管理页:删除文章开发
- 10.10 文章发布对话框样式布局 —— 整合 Markdown 编辑器
- 10.11 文章管理页:文章发布功能开发
- 10.12 文章管理:获取所有标签 Select 列表接口开发
- 10.13 文章管理页:文章编辑功能开发
- 10.14 Bug 修复:分类、标签删除接口添加是否关联文章校验; 前端 token 过期问题 fixed
十一、博客前台:首页开发
- 11.1 前台首页、归档页接口分析
- 11.2 前台首页:文章分页接口开发
- 11.3 公共侧边栏:获取分类、标签列表接口开发
- 11.4 公共部分:获取博客设置信息接口开发
- 11.5 前台 Header 头组件封装
- 11.6 首页样式布局设计(1)
- 11.7 首页样式布局设计(2) —— 侧边栏博主信息卡片
- 11.8 首页样式布局设计(3) —— 侧边栏分类、标签卡片
- 11.9 首页样式布局设计(4) —— Footer 组件封装
- 11.10 首页文章分页数据渲染
- 11.11 公共右边栏:博主信息卡片组件封装
- 11.12 公共右边栏:分类、标签卡片组件封装
- 11.13 公共 Header 头:跳转后台、退出登录功能开发
十二、博客前台:归档页、分类列表页、标签列表页开发
- 12.1 归档页、分类列表页、标签列表页接口分析
- 12.2 文章归档分页接口开发
- 12.3 前台归档页:样式布局设计
- 12.4 前台归档页:分页列表功能开发
- 12.5 前台分类页开发
- 12.6 获取某个分类下的文章列表——分页接口开发
- 12.7 前台分类-文章列表页: 样式布局开发
- 12.8 分类-文章列表页开发
- 12.9 前台标签列表页:样式布局&功能开发
- 12.10 获取某个标签下的文章列表——分页接口开发
- 12.11 标签-文章列表页开发
十三、博客前台:文章详情页开发
- 13.1 文章详情页接口分析
- 13.2 后端封装 Markdown 转换 HTML 工具类
- 13.3 获取文章详情接口开发
- 13.4 文章详情页:样式布局设计
- 13.5 文章详情页数据渲染
- 13.6 文章正文 CSS 样式美化
- 13.7 highlight.js 实现代码块高亮,v-viewer 实现图片点击放大预览
- 13.8 404 页面开发
- 13.9 返回顶部 Button 组件封装
- 13.10 文章目录 Toc 组件封装
- 13.11 自定义线程池 + Spring 事件发布订阅:实现文章阅读量+1功能
- 13.12 后端管理功能补充:文章预览跳转、前台首页跳转
十四、管理后台:仪表盘模块开发
- 14.1 后台仪表盘接口分析、表设计
- 14.2 仪表盘:获取文章、分类、标签、总浏览量接口开发
- 14.3 仪表盘:获取文章发布热点接口开发
- 14.4 @Scheduled 定时任务 + 事件发布订阅:实现当日 PV 访问量累加
- 14.5 仪表盘:获取最近一周文章 PV 访问量接口开发
- 14.6 仪表盘:静态页面开发
- 14.7 仪表盘:文章数、分类数、标签数、总浏览量数据动态渲染
- 14.8 仪表盘:数字滚动动画组件封装
- 14.9 仪表盘:Echarts 实现近半年文章发布热点图
- 14.10 仪表盘:Echarts 实现近一周文章 PV 访问量折线图
十五、项目部署上线
- 15.1 云服务器选购及 FinalShell 工具远程登录
- 15.2 Linux 安装 JDK 1.8
- 15.3 Linux 安装 Docker 环境
- 15.4 云服务器 Docker 安装 MySQL
- 15.5 云服务器 Docker 安装 Minio
- 15.6 Spring Boot 配置 prod 生产环境参数,初始化数据库表,Shell 运行脚本编写
- 15.7 云服务器 Docker 安装 Nginx, 并配置反向代理
- 15.8 前端工程打包部署至 Nginx
- 15.9 域名选购 & 网站备案 & 配置域名解析
- 15.10 Docker Nginx 配置 SSL 证书,实现网站支持 Https 访问
- 15.11 图床(Minio)添加子域名访问,并配置 Nginx SSL 证书以及反向代理
十六、访问速度优化
最后编辑于 2023-09-18 14:45:53
文章目录
返回顶部