SpringBoot 3.2.0实战

已于 2023-12-30 22:21:07 修改
阅读量862 收藏 9
点赞数 10
文章标签： spring boot 后端 java
于 2023-12-20 14:05:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MyArrow/article/details/135106611
版权

SpringBoot 3.2.0实战

1. 关键知识点

1.1 请求参数格式

  • multipart/form-data
  • application/json

1.2 响应数据格式

  • application/json

2. 后端开发(SpringBoot 3.2.0)

2.1 接口实现的三大步

  • 第一步：响应客户端请求（Controller）
  • 第二步：实现业务逻辑（Service）
  • 第三步：操作数据库（Mapper）
    在这里插入图片描述

2.2 参数校验

在这里插入图片描述

    1. 在全局异常处理器中处理参数校验失败的异常

2.3 登录认证

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 所有的Controller都需要验证token, 此功能可交给拦截器（interceptor）来实现
    在这里插入图片描述

2.4 获取用户信息

在这里插入图片描述

  • 同一份信息，在 一个流程中只调用一次
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

2.5 更新用户基本信息

在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述

2.6 更新用户头像

在这里插入图片描述
在这里插入图片描述

2.7 更新用户密码

在这里插入图片描述

2.8 参数分组校验

在这里插入图片描述
在这里插入图片描述

2.9 自定义注解

在这里插入图片描述

2.10 文件上传

在这里插入图片描述

2.10.1 云服务（对象存储）

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.11 令牌主动失效机制

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.12 SpringBoot项目部署

在这里插入图片描述
在这里插入图片描述

3. 前端开发（Vue3+Element-Plus)

3.1 Vue3

3.1.1 前置知识

在这里插入图片描述

  • Vue：是一款用于构建用户界面的渐进式的JavaScript框架
    在这里插入图片描述

3.1.2 常用指令

在这里插入图片描述

3.1.2.1 v-for

在这里插入图片描述

3.1.2.2 v-bind

在这里插入图片描述

3.1.2.3 v-if & v-show

在这里插入图片描述

3.1.2.4 v-on

在这里插入图片描述
在这里插入图片描述

3.1.2.5 v-model

在这里插入图片描述
在这里插入图片描述

3.1…3 Vue生命周期

  • 生命周期:指一个对象从创建到销毁的整个过程
  • 生命周期的八个阶段:每个阶段会自动执行一个生命周期方法(钩子)，让开发者有机会在特定的阶段执行自己的代码
    在这里插入图片描述
    在这里插入图片描述

3.1.4 Axios

在这里插入图片描述
在这里插入图片描述

3.1.5 全Vue环境安装

在这里插入图片描述

  • 安装NodeJS之后，以管理员身份执行：
    在这里插入图片描述
  • 更换安装包的源
# 设置
npm config set registry http://registry.npm.taobao.org/

# 检查
npm config get registry

# 安装axios
npm install axios

3.1.6 创建Vue项目

  • 创建项目及安装依赖
#创建项目
npm init vue@latest

#安装依赖
npm install

在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.1.7 API风格

在这里插入图片描述
在这里插入图片描述

  • 发送异步请求
    在这里插入图片描述

  • 异步转同步+代码优化 （使用async await同步获取服务器数据）
    在这里插入图片描述

  • 拦截器 (在请求或响应被 then 或catch 处理前拦截它们)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

3.2 Element-Plus

什么是Element Plus

  • ELement: 是饿了么团队研发的，基于 Vue 3，面向设计师和开发者的组件库。
  • 组件:组成网页的部件，例如 超链接、按钮、图片、表格、表单、分页条等等
  • 官网: https://element-plus.org/zh-CN/#/zh-CN

3.2.1 准备工作

npm install element-plus --save

在这里插入图片描述

3.3 文件上传

在这里插入图片描述

3.4 富文本编辑器

npm install @vueup/vue-quill@latest --save
  • 导入组件和样式:
import { QuillEditor } from  '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css'
  • 页面长使用quill组件:
<quill-editor
			theme="snow"
			v-mode1:content="formModel.content"
			contentType="html" >
</quill-editor>

4. 实战项目

4.1 需求

  • 需要管理的项目
  • 每个项目的增、删、改、查（CRUD：Create+Read+Update+Delete）
    在这里插入图片描述

4.2 前端开发

4.2.1 环境准备

  • 创建Vue工程
npm init vue@latest
  • 安装依赖
# Element-Plus
npm install element-plus --save
#Axios
npm install axios
# Sass (CSS包)
npm install sass -D
  • 目录调整
    • 删除components下面自动生成的内容
    • 新建目录api、utils、views
    • 将资料中的静态资源拷贝到assets目录下
    • 删除App.uve中自动生成的内容

4.2.2 开发步骤

在这里插入图片描述

4.2.3 注册页面

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

4.2.4 Vue路由

在这里插入图片描述

  • 安装vue-router
npm install vue-router@4

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

4.2.5 Pinia状态管理（Token）

  • 安装
npm install pinia

在这里插入图片描述
在这里插入图片描述

4.2.6 Axios请求拦截器

在这里插入图片描述

4.2.7 Pinia持久化存储

  • Pinia默认是内存存储，当刷新浏览器的时候会丢失数据
  • Persist插件可以将pinia中的数据持久化的存储
  • 安装
npm install pinia-persistedstate-plugin

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/e4416276691d4731af1cd78259492b3f.png

4.2.8 未登录统一处理

在这里插入图片描述

5 Redis

5.1 简介

  • 在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

5.2 下载与安装

参考

Arrow
关注
  • 10
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ECharts v3.2.0
12-06
ECharts (Enterprise Charts 商业产品图表库) 提供商业产品常用图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图、柱状图、散点图、K线图...
openssl-3.2.0源文件
最新发布
01-30
openssl-3.2.0源文件
Spring Boot 2.x 到 3.2 的全面升级指南
程序猿DD
12-29 1051
Spring Framework 是一种流行的开源企业级框架，用于创建在 Java Virtual Machine (JVM) 上运行的独立、生产级应用程序。而Spring Boot 是一个工具，可以让使用 Spring 框架更快、更轻松地开发 Web 应用程序和微服务。随着 Spring Boot 的不断发展，开发人员必须跟上最新的升级和变化。
springBoot3.2 + jdk21 + GraalVM上手体验
fengxiandada的博客
12-01 2768
SpringBoot2.x官方已经停止维护了，jdk8这次真的得换了🤣可以参考官方文章进行体验：https://spring.io/blog/2023/09/09/all-together-now-spring-boot-3-2-graalvm-native-images-java-21-and-virtual通过官方快速得到一个基于jdk21的项目：https://start.spring.io/
Spring Boot 3.2 发行说明（机翻）
好好学习日记
11-28 289
英文原文：https://github.com/spring-projects/spring-boot/wiki/Spring-Boot-3.2-Release-Notes。
「最新版」SpringBoot3.2.0官方教程实践01-构建一个RESTful Web服务
caodh172的博客
11-26 497
构建一个服务，该服务将接受来自http://localhost:8080/greeting的HTTP GET请求。
Spring Boot 3.2 正式发布，开箱即用的虚拟线程和 GraalVM，尝鲜一下！
芋艿V
11-30 111
???? 这是一个或许对你有用的社群???? 一对一交流/面试小册/简历优化/求职解惑，欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料：《项目实战（视频）》：从书中学，往事上“练”《互联网高频面试题》：面朝简历学习，春暖花开《架构 x 系统设计》：摧枯拉朽，掌控面试高频场景题《精进 Java 学习指南》：系统学习，互联网主流技术栈《必读 Java 源码专栏》：知其然，知其所以然????这是一个或许...
性能提升，SpringBoot 3.2虚拟线程来了
新技术革命
07-27 3214
换句话说，Project Loom 旨在支持和推进一个高吞吐量、轻量级的 Java 并发模型，因为传统的操作系统线程（Java 并发模型的核心）有一些缺点，并且在计算上相当昂贵。反之，虚拟线程是更轻量级的线程，不与操作系统线程连接（由 JVM 管理）。这意味着虚拟线程是“每请求对应一个线程”编程的理想选择，可以创建大量的虚拟线程，而不会降低吞吐量。虚拟线程是轻量级线程，可以在单个操作系统线程中并发执行任务。默认情况下， Java19 的虚拟线程功能是禁用状态的，需要通过相关 maven 编译配置开启。
最新发布 Spring Boot 3.2.0 新特性和改进
weixin_40381772的博客
11-28 5039
Spring Boot 3.2.0 是 Spring Boot 框架的最新版本，它带来了许多新特性和改进。Spring Boot 3.2.0 对自动配置进行了改进，使其更加灵活和可定制；增强了应用程序的安全性，对性能进行了改进，包括减少了启动时间和提高了吞吐量。
Spring Boot 3.2 正式发布，一波新特性，开箱即用！
emprere的博客
11-26 485
点击关注公众号：互联网架构师，后台回复2T获取2TB学习资源！上一篇：2T架构师学习资料干货分享大家好，我是互联网架构师！Spring Boot 3.2 昨日发布，让我们用 Java 21、GraalVM 和虚拟线程来尝试一下。Spring Boot 3.2 支持：Java 21虚拟线程原生镜像（自 2022 年 11 月 Spring Boot 3.0 发布以来，Spring Boot 已在生...
Spring Boot 3.2四个新特点提升运行性能
cfy_banq的博客
10-18 1403
还有高可用性，它迫使我们为每个服务维护两个实例，以备不时之需，因为我们的应用程序启动时间太长，无法从危险中恢复。虽然 "premain "优化是高度实验性的（目前它只是 GitHub 上 Leyden 代码库的一个实验性分支），但 Spring 团队最近通过结合 JVM 上的 Spring AOT 和项目 Leyden 中的这些优化，已经测得 Spring Petclinic 示例应用程序的启动时间缩短了 2 到 4 倍，预热速度也加快了，而且几乎没有任何取舍。但是，让我们来探讨一下其中的利弊得失。
spring-boot 3.2配置说明
weixin_41622634的博客
08-30 521
【代码】spring-boot 3.2配置说明。
PHPBB v3.2.0
12-30
phpBB不仅是受欢迎的自由软件还是个开放源代码的网络论坛系统,使用PHP作为程序语言,并支持如MySQL、 PostgreSQL、MSSQL、Microsoft Access与Oracle等的资料库.
spring3.2.0的包
02-17
spring3.2.0的包
SpringBoot整合flyway实现步骤解析
08-24
主要介绍了SpringBoot整合flyway实现步骤解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
jedis-3.2.0.jar
02-20
jedis-3.2.0.jar
Okttp-3.2.0JAR
08-18
Okttp-3.2.0JAR，调用接口时的完整jar包
HikariCP-3.2.0.jar
01-08
HikariCP-3.2.0.jar
opencv3.2.0+contrib3.2.0
07-31
用cmake编译的opencv3.2.0+contrib3.2.0，包里面有两个install，一个x86一个x64 解压即可用
springboot3.2.0snaphots
09-03
很抱歉，我无法回答关于"springboot3.2.0snaphots"的问题。因为在提供的引用内容中没有提到这个版本的信息。请您提供更多关于这个版本的信息，我将尽力帮助您解答。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [springboot](https://blog.csdn.net/m0_74839717/article/details/128186214)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [ECharts v3.2.0](https://download.csdn.net/download/weixin_38725625/13457201)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值