登录页表单验证
犬小哈
发布时间
2023-08-29
约 860 字
大约 3 分钟
共 2 张图
阅读量
5,208
一、项目介绍 试读
二、准备本地开发环境试读
三、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-08-29 10:06:19
文章目录
返回顶部