![](https://img-blog.csdnimg.cn/direct/4651523c0b1e49adaad1c0d1b1bea1e1.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
SpringBoot+Vue3实战
文章平均质量分 75
SpringBoot+Vue3实战
你知道“铁甲小宝”吗丶
尽最大的努力,奉献最棒的自己
展开
-
《SpringBoot3+Vue3实战》系列文章目录
前后端分离(Frontend-Backend Separation)是一种软件架构设计模式,它将传统的Web应用中的前端(用户界面)和后端(服务器逻辑和数据存储)从应用层面进行解耦,使得两者可以独立地开发、部署和扩展。这种模式在现代Web开发和移动应用开发中被广泛采用,为开发者带来了诸多好处。原创 2024-05-31 19:39:01 · 1139 阅读 · 1 评论 -
【第1章】SpringBoot实战篇之注册接口
下面介绍用户注册接口。回到顶部。原创 2024-06-01 20:00:30 · 770 阅读 · 0 评论 -
【第2章】SpringBoot实战篇之接口参数校验和全局异常处理
对接口请求参数校验是每一个开发人员都必须熟知且善用的功能,是保证程序健壮性的基石。除引入方式不同,使用方式和SpringMvc基本一致。回到顶部。原创 2024-06-01 20:01:02 · 326 阅读 · 0 评论 -
【第3章】SpringBoot实战篇之登录接口(含JWT和拦截器)
前面已经完成了用户注册,这里我们基于之前的用户表,完成用户的登录接口。JWT全称JSON Web Token,JSON Web令牌(JWT)是一种开放标准(RFC 7519),它定义了一种紧凑且自包含的方式,用于作为JSON对象在各方之间安全地传输信息。此信息是经过数字签名的,因此可以验证和信任。JWT可以使用秘密(使用HMAC算法)或使用RSA或ECDSA的公钥/私钥对进行签名。虽然JWT可以加密,也可以在各方之间提供保密性,但我们将专注于签名代币。原创 2024-06-03 19:01:46 · 1434 阅读 · 1 评论 -
【第4章】SpringBoot实战篇之登录优化(含redis使用)
上一章的登录接口,我们将用户登录信息放置于Map中,存在一个问题,集群部署无法共享以及应用停止用户登录信息即丢失,接下来我们整合redis来整合这个问题。回到顶部更多关于redis内容请参考redis系列专栏。原创 2024-06-03 19:02:11 · 532 阅读 · 0 评论 -
【第5章】SpringBoot实战篇之登录模式切换
前面分别介绍了本地Map和redis存储用户登录信息,但是第二天我登录就出现问题了,因为我Redis部署在虚拟机里面,不可能每次都专门启动虚拟机,来回替换代码也太麻烦,这里我们根据配置参数来控制下将用户信息存储到哪里。回到顶部这样我们就可以通过参数的修改,灵活地调整用户登录信息的存储方式了。后面的登出接口和修改密码接口也会涉及到模式的使用。原创 2024-06-05 20:41:36 · 574 阅读 · 0 评论 -
【第6章】SpringBoot实战篇之登出接口
上一章节我们新增了用户登录的接口,因为JWT是无状态的,对应的用户登出接口需要我们增加对应的业务逻辑去控制,这里我们使用Map简单存储用户登录信息。回到顶部这种方式适合单机部署,集群部署会导致登录信息无法共享,可将Map值存储到redis中。原创 2024-06-05 20:42:19 · 448 阅读 · 0 评论 -
【第7章】SpringBoot实战篇之用户详细信息
本章节主要介绍用户信息的获取、更新和更新用户头像及用户密码。回到顶部。原创 2024-06-06 13:23:35 · 311 阅读 · 0 评论 -
【第8章】SpringBoot实战篇之文章分类(上)
从这开始进入文章相关的接口开发,本章主要介绍定义文章分类接口和新增文章分类建表语句和测试用例,在SpringBoot专栏首页,此处只涉及后端代码。回到顶部。原创 2024-06-06 13:24:05 · 460 阅读 · 0 评论 -
【第9章】SpringBoot实战篇之文章分类(下)
获取文章分类列表获取文章分类详情更新文章分类删除文章分类更新和新增文章分类(分组校验)/**/**Default;/***/回到顶部。原创 2024-06-07 16:59:34 · 348 阅读 · 0 评论 -
【第10章】SpringBoot实战篇之文章(上)含自定义校验
文章内容分为上下两篇,上篇搭建文章后端代码结构和新增接口,下篇介绍更多功能。/**String message() default "state参数只能为草稿或者已发布";Class原创 2024-06-07 17:00:16 · 382 阅读 · 0 评论 -
【第11章】SpringBoot实战篇之文章(下)含条件分页
本章内容继续介绍文章,下面介绍文章列表查询文章查询文章更新文章删除文章列表查询(条件分页)回到顶部最初的梦想,就像好好睡了一觉,直到天亮。原创 2024-06-08 09:23:17 · 395 阅读 · 0 评论 -
【第12章】SpringBoot实战篇之文件上传(含阿里云OSS上传)
本章节介绍本地文件上传和阿里云OSS上传。该方案仅供参考,更多内容请参考官方网站回到顶部阿里云快速入门API & SDK开发者工具。原创 2024-06-08 09:23:46 · 604 阅读 · 0 评论 -
【第13章】SpringBoot实战篇之项目部署
项目部署需要把项目部署到Linux服务器上,SpringBoot项目通过Maven打包即可快速生成可运行Jar包程序。回到顶部。原创 2024-06-09 11:00:35 · 565 阅读 · 0 评论 -
【第14章】SpringBoot实战篇之多环境配置
在一个项目中,需要配置的参数往往是繁重的,而其中系统配置和应用配置占据较大的比重,我们需要对其进行拆分。#application-common.yml 通用配置 common:message: 小猪佩奇#本地配置 application:profile:#本地配置 db:config:回到顶部开发的时候多花些心思,上线的时候省点事。原创 2024-06-10 10:19:07 · 689 阅读 · 0 评论 -
【第15章】Vue实战篇之环境搭建
从这篇开始我们使用Vue3+Element-Plus搭建前端界面。回到顶部到这里环境就搭建好了,祝君成功。原创 2024-06-17 21:09:39 · 542 阅读 · 0 评论 -
【第16章】Vue实战篇之跨域解决
前后端项目分离衍生出浏览器跨域问题,开发之前我们通过配置代理解决这个问题。回到顶部。原创 2024-06-17 21:10:10 · 276 阅读 · 0 评论 -
【第17章】Vue实战篇之注册界面
注册界面搭建数据绑定表单校验调用后端接口//用于注册的数据模型})//自定义确认密码的校验函数callback(new Error('请再次确认密码'))callback(new Error('两次输入密码不一致'))} else {callback()//用于注册的表单校验模型{ required: true, message: '请输入用户名', trigger: 'blur' },原创 2024-06-18 19:29:11 · 983 阅读 · 1 评论 -
【第18章】Vue实战篇之登录界面
上一章完成用户注册,这一章主要做用户登录。回到顶部。原创 2024-06-18 19:29:37 · 596 阅读 · 0 评论 -
【第19章】Vue实战篇之主页面
登录完成之后,应该自动跳转到主页面,接下来我们搭建主界面。回到顶部不知道大家有没有注意到一个问题,我们想展示主页面,需要把登录页面注释掉,那有没有一种技术能动态选择和切换呢?答案就是Vue Router(Vue.js 的官方路由)。原创 2024-06-19 19:56:02 · 655 阅读 · 0 评论 -
【第20章】Vue实战篇之Vue Router(路由)
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由 Vue.js 的过渡系统提供的过渡效果细致的导航控制自动激活 CSS 类的链接HTML5 history 模式或 hash 模式可定制的滚动行为URL 的正确编码回到顶部官方网站。原创 2024-06-19 19:56:24 · 1107 阅读 · 0 评论 -
【第21章】Vue实战篇之Pinia(状态管理库)
在后端开发的时候,我们的拦截器排除了注册和登录接口,针对其他接口的调用需要提供token信息才能访问,我们需要在前端中保存token的状态,而Pinia是Vue核心团队开发的,也是目前官方推荐的,这就是我们Pinia的主要原因。token.js// 你可以任意命名 `defineStore()` 的返回值,但最好使用 store 的名字,同时以 `use` 开头且以 `Store` 结尾。// (比如 `useUserStore`,`useCartStore`,`useProductStore`)原创 2024-06-20 19:14:24 · 622 阅读 · 0 评论 -
【第22章】Vue实战篇之文章分类
这里来学习文章分类相关界面和接口的调用(增删改查)。回到顶部。原创 2024-06-20 19:14:45 · 810 阅读 · 1 评论 -
【第23章】Vue实战篇之文章
这里来做文章的增删改查功能,其中涉及到图片上传和vue-quill富文本组件的使用。二、加载文章列表1.界面2.请求脚本3. 加载事件4. 搜索和重置5. 分页事件三、添加文章1. 富文本编辑器1.1 安装1.2 导入组件1.3 使用1.4 样式美化2. 页面搭建2.1 数据绑定2.2 界面3. 图片上传3.1 数据绑定3.2 界面4. 表单校验4.1 脚本4.2 表单5. 添加文章5.1 重置表单5.2 事件四、编辑文原创 2024-06-21 21:19:33 · 823 阅读 · 0 评论 -
【第24章】Vue实战篇之用户信息展示
这里我们来展示用户昵称和头像。回到顶部。原创 2024-06-21 21:20:14 · 490 阅读 · 0 评论 -
【第25章】Vue实战篇之用户登出
这里来演示用户登出。回到顶部。原创 2024-06-22 10:12:28 · 342 阅读 · 0 评论 -
【第26章】Vue实战篇之用户信息修改
这里来学习用户信息的修改。回到顶部。原创 2024-06-22 10:12:59 · 669 阅读 · 0 评论 -
【第27章】Vue实战篇之用户头像修改
这里来完成修改用户头像的功能。回到顶部。原创 2024-06-24 19:39:12 · 829 阅读 · 0 评论 -
【第28章】Vue实战篇之用户重置密码
这里我们来通过调用后端接口来完成密码重置功能并且修改成功清除缓存重新登录。回到顶部100多个小节的课程就学完了,我可真NB,后面有兴趣会更新更多内容,大家敬请期待吧!原创 2024-06-24 19:39:47 · 374 阅读 · 0 评论