【JavaWeb】SpringBootWeb案例下篇

最新推荐文章于 2024-11-12 21:14:07 发布
最新推荐文章于 2024-11-12 21:14:07 发布
阅读量652 收藏 14
点赞数 29
分类专栏： JavaWeb开发 文章标签： springboot java 阿里云
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62511863/article/details/136603613
版权

🔥 本文由 程序喵正在路上 原创，CSDN首发！
💖 系列专栏：JavaWeb开发
🌠 首发时间：2024年3月12日
🦋 欢迎关注🖱点赞👍收藏🌟留言🐾

目录

新增员工

需求

在这里插入图片描述

思路

在这里插入图片描述

实现

EmpController.java

@PostMapping
public Result save(@RequestBody Emp emp) {
    log.info("新增员工，emp: {}", emp);
    empService.save(emp);
    return Result.success();
}

EmpServiceImpl.java

@Override
public void save(Emp emp) {
    emp.setCreateTime(LocalDateTime.now());
    emp.setUpdateTime(LocalDateTime.now());
    empMapper.save(emp);
}

EmpMapper.java

/**
 * 新增员工
 *
 * @param emp
 */
@Insert("insert into emp(username, name, gender, image, job, entrydate, dept_id, create_time, update_time) " +
        "VALUES (#{username}, #{name}, #{gender}, #{image}, #{job}, #{entrydate}, #{deptId}, #{createTime}, #{updateTime})")
void save(Emp emp);

测试

测试数据：

{
    "image": "1.jpg",
    "username": "linpinzhi",
    "name": "林平之",
    "gender": 1,
    "job": 1,
    "entrydate": "2015-09-18",
    "deptId": 1
}

在这里插入图片描述

在这里插入图片描述

文件上传

简介

  • 文件上传，是指将本地图片、视频、音频等文件上传到服务器，供其他用户浏览或下载的过程。
  • 文件上传在项目中应用非常广泛，我们发微博、发微信朋友圈都用到了文件上传功能。

前端页面三要素

在这里插入图片描述

本地存储

  • 在服务端，接收到上传上来的文件之后，将文件存储在本地服务器磁盘中。

将资料中 “文件上传” 目录下的 upload.html 复制到 resources 下的目录下：

在这里插入图片描述

接下来，我们在 controller 目录下写一个程序来接收前端页面上传的文件并将文件存储在本地：

UploadController.java

import com.xixi.pojo.Result;
import lombok.extern.slf4j.Slf4j;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;

@Slf4j
@RestController
public class UploadController {

    @PostMapping("/upload")
    public Result upload(String username, Integer age, MultipartFile image) throws Exception {
        log.info("文件上传：{}, {}, {}", username, age, image);

        //获取原始文件名
        String originalFilename = image.getOriginalFilename();

        //将文件存储在服务器的磁盘目录中
        image.transferTo(new File("D:\\images\\" + originalFilename));

        return Result.success();
    }
}

然后，我们进行测试，在D盘下创建文件夹images，启动服务，在Postman中进行测试：

在这里插入图片描述

在这里插入图片描述

现在这个程序还是有bug的，当我们再上传一张同名的图片后，会发现原来的图片被覆盖了，所以下面我们要解决如何给每个文件构造一个唯一的文件名

@Slf4j
@RestController
public class UploadController {

    @PostMapping("/upload")
    public Result upload(String username, Integer age, MultipartFile image) throws Exception {
        log.info("文件上传：{}, {}, {}", username, age, image);

        //获取原始文件名
        String originalFilename = image.getOriginalFilename();

        //构造唯一的文件名，使用uuid（通用唯一标识码）
        int index = originalFilename.lastIndexOf(".");  //定义原始文件名中最后一个点的下标
        String extname = originalFilename.substring(index); //将点及其后面的内容截取出来，也就是获取到文件的后缀
        String newFileName = UUID.randomUUID() + extname;
        log.info("新的文件名：{}", newFileName);

        //将文件存储在服务器的磁盘目录中
        image.transferTo(new File("D:\\images\\" + newFileName));

        return Result.success();
    }
}

在这里插入图片描述

当我们上传了一张超过1M的图片时，会出现以下情形：

在这里插入图片描述

意思就是文件太大了，服务器接收不了

在SpringBoot中，文件上传，默认单个文件允许最大大小为 1M。如果需要上传大文件，可以进行如下配置：

#配置单个文件最大上传大小
spring.servlet.multipart.max-file-size=10MB

#配置单个请求最大上传大小(因为一次请求可以上传多个文件)
spring.servlet.multipart.max-request-size=100MB

重启服务，再测试，就可以了：

在这里插入图片描述

本地存储的缺点：

在这里插入图片描述

阿里云OSS

阿里云

  • 阿里云是阿里巴巴集团旗下全球领先的云计算公司，也是国内最大的云服务提供商

    在这里插入图片描述

阿里云OSS

  • 阿里云对象存储OSS（Object Storage Service），是一款海量、安全、低成本、高可靠的云存储服务。使用OSS，您可以通过网络随时存储和调用包括文本、图片、音频和视频等在内的各种文件。

    在这里插入图片描述

第三方服务-通用思路

在这里插入图片描述

SDK：Software Development Kit 的缩写，软件开发工具包，包括辅助软件开发的依赖（jar包）、代码示例等，都可以叫做SDK。

阿里云OSS-使用步骤

在这里插入图片描述
Bucket：存储空间是用户用于存储对象（Object，就是文件）的容器，所有的对象都必须隶属于某个存储空间。

具体步骤：

点击访问阿里云官网 https://www.aliyun.com/ ，登录并认证后按照下列步骤操作

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

开通后：

在这里插入图片描述

创建Bucket：

在这里插入图片描述

获取秘钥：

在这里插入图片描述

在这里插入图片描述

记得保存秘钥，后面无法再查看创建的秘钥：

在这里插入图片描述

参照官方SDK，编写入门程序：

返回 OSS 界面：

在这里插入图片描述

找到Java，按照教程操作即可：

在这里插入图片描述

引入依赖：

在这里插入图片描述

接下来找到官方文档中关于Java如何上传文件的教程，我们来入门OSS：

在这里插入图片描述

复制全部代码，粘贴到测试目录下：

在这里插入图片描述

将内容改成自己的：

在这里插入图片描述

注意：配置完环境变量后，记得重启一下IDEA

右键运行，然后到Bucket查看，可以看到图片已经上传成功：

在这里插入图片描述

阿里云OSS-集成：

  • 引入阿里云OSS上传文件工具类（由官方的示例代码改造而来）
  • 开发上传图片接口

创建包 utils 用来存放工具类，将资料中的工具类 AliOSSUtils 粘贴到包下，并将信息修改为自己的：

在这里插入图片描述

开发文件上传接口：

@Slf4j
@RestController
public class UploadController {

    @Autowired
    private AliOSSUtils aliOSSUtils;

    @PostMapping("/upload")
    public Result upload(MultipartFile image) throws Exception {
        log.info("文件上传，文件名：{}", image.getOriginalFilename());

        //调用阿里云OSS工具类进行文件上传
        String url = aliOSSUtils.upload(image);
        log.info("文件上传完成，文件访问的url：{}", url);

        return Result.success(url);
    }
}

测试：

在这里插入图片描述

在这里插入图片描述

我们再来到前端页面，添加一个员工：

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

修改员工

查询回显

当我们点击编辑时，页面会将该员工的信息展示出来供我们修改，这个功能称为查询回显
在这里插入图片描述

需求

在这里插入图片描述

思路
在这里插入图片描述

实现

EmpController.java

@GetMapping("/{id}")
public Result getById(@PathVariable Integer id) {
    log.info("根据ID查询员工信息，id：{}", id);
    Emp emp = empService.getById(id);
    return Result.success(emp);
}

EmpMapper.java

/**
* 根据ID查询员工
* @param id
* @return
*/
@Select("select * from emp where id = #{id}")
Emp getById(Integer id);

测试

在这里插入图片描述

修改员工

需求

在这里插入图片描述

思路

在这里插入图片描述

实现

EmpController.java

@PutMapping
public Result update(@RequestBody Emp emp) {
    log.info("更新员工信息：{}", emp);
    empService.update(emp);
    return Result.success();
}

EmpServiceImpl.java

@Override
public void update(Emp emp) {
    emp.setUpdateTime(LocalDateTime.now());
    empMapper.update(emp);
}

EmpMapper.xml

<!--    更新员工信息-->
<update id="update">
    update emp
    <set>
        <if test="username != null and username != ''">
            username = #{username},
        </if>
        <if test="name != null and name != ''">
            name = #{name},
        </if>
        <if test="gender != null">
            gender = #{gender},
        </if>
        <if test="entrydate != null">
            entrydate = #{entrydate},
        </if>
        <if test="image != null and image != ''">
            image = #{image},
        </if>
        <if test="job != null">
            job = #{job},
        </if>
        <if test="updateTime != null">
            update_time = #{updateTime},
        </if>
        <if test="deptId != null">
            dept_id = #{deptId}
        </if>
    </set>
    where id = #{id}
</update>

测试

修改前：

在这里插入图片描述

修改后：

在这里插入图片描述

在这里插入图片描述

配置文件

参数配置化

问题分析

在前面导入的工具类中，我们硬性地将OSS的各种参数设置在类中：

在这里插入图片描述

当我们使用的技术或服务多了之后，每个技术都有其参数，我们想要修改参数的时候，是挺麻烦的

问题解决

  1. 将参数配置在工程的配置文件中

    在这里插入图片描述

  2. 需要使用的时候，通过 @Value 注解引入

    @Value 注解通常用于外部配置的属性注入，具体用法为： @Value("${配置文件中的key}")

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

在之后，我们遇到类似的问题，都可以采用这种方法来解决

yml配置文件

配置格式

SpringBoot提供了多种属性配置方式

  • application.properties

    server.port=8080
server.address=127.0.0.1

  • application.yml

    server:
   port:  8080
   address: 127.0.0.1

  • application.yaml

    server:
   port:  8080
   address: 127.0.0.1

常见配置文件格式对比

  • XML（臃肿）

    <server>
	<port>8080</port>
	<address>127.0.0.1</address>
</server>

  • properties（层级结构不清晰）

    server.port=8080
server.address=127.0.0.1

  • yml / yaml（简洁，数据为中心，推荐）

    server:
   port:  8080
   address: 127.0.0.1

yml

基本语法

  • 大小写敏感
  • 数值前边必须有空格，作为分隔符
  • 使用缩进表示层级关系，缩进时，不允许使用Tab键，只能用空格（idea中会自动将Tab转换为空格）
  • 缩进的空格数目不重要，只要相同层级的元素左侧对齐即可
  • # 表示注释，从这个字符一直到行尾，都会被解析器忽略

yml数据格式

  • 对象/Map集合：

    user:
   name: zhangsan
   age: 18
   password: 123456

  • 数组/List/Set集合：

    hobby:
  - java
  - game
  - sport

yml配置

创建配置文件 application.yml，在 application.yml 中的配置案例相关的配置项

在这里插入图片描述

配置完成后，就可以将 application.properties 删掉了

@ConfigurationProperties

问题分析

在这里插入图片描述

@ConfigurationProperties

在这里插入图片描述

我们定义一个类 AliOSSProperties，在其中定义OSS的各个参数，这个类可以复用：

import lombok.Data;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

@Data
@Component
@ConfigurationProperties(prefix = "aliyun.oss")
public class AliOSSProperties {
    private String endpoint;
    private String accessKeyId;
    private String accessKeySecret;
    private String bucketName;
}

再修改一下 AliOSSUtils 类，注入 AliOSSProperties 对象并获取其参数：

import com.aliyun.oss.OSS;
import com.aliyun.oss.OSSClientBuilder;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;
import org.springframework.web.multipart.MultipartFile;

import java.io.*;
import java.util.UUID;

/**
 * 阿里云 OSS 工具类
 */
@Component
public class AliOSSUtils {
    
    @Autowired
    private AliOSSProperties aliOSSProperties;
    
    /**
     * 实现上传图片到OSS
     */
    public String upload(MultipartFile file) throws IOException {
        //获取阿里云OSS参数
        String endpoint = aliOSSProperties.getEndpoint();
        String accessKeyId = aliOSSProperties.getAccessKeyId();
        String accessKeySecret = aliOSSProperties.getAccessKeySecret();
        String bucketName = aliOSSProperties.getBucketName();

        // 获取上传的文件的输入流
        InputStream inputStream = file.getInputStream();

        // 避免文件覆盖
        String originalFilename = file.getOriginalFilename();
        String fileName = UUID.randomUUID().toString() + originalFilename.substring(originalFilename.lastIndexOf("."));

        //上传文件到 OSS
        OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);
        ossClient.putObject(bucketName, fileName, inputStream);

        //文件访问路径
        String url = endpoint.split("//")[0] + "//" + bucketName + "." + endpoint.split("//")[1] + "/" + fileName;
        // 关闭ossClient
        ossClient.shutdown();
        return url;// 把上传到oss的路径返回
    }
}

发现有报红，只要添加下面这个依赖即可：
在这里插入图片描述

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-configuration-processor</artifactId>
</dependency>

@ConfigurationProperties 与 @Value 对比

在这里插入图片描述

程序喵正在路上
关注
专栏目录
javaweb项目完整案例下载，真的太香了！
m0_57502067的博客
05-25 7658
前言 今天这篇文章是比较偏“教程”一点的文章。但也由浅入深，认真地分析了源码，并且介绍了一些在使用Spring Cache中常见的问题和解决方案，肯定是比简单的入门文档更有深度一些的，相信大家看了之后会有一定的收获。 那么，如何学习Kafka源码？？ 我觉得最高效的方式就是去读最核心的源码，先看一张 Kafka结构图 以及 Kafka 源码全景图 梳理一下关于 Kafka 框架，找到学习的重点。 其次，我要说的就是一个Kafka源码解析的文档——《Kafka源码解
javaweb开发实战经典pdf，看完直接跪服
m0_57285325的博客
07-11 1089
阿里P8级架构师核心理论落地篇 再造淘宝，贯穿全系，阿里团队代码落地，详细每个版本迭代，拒绝2-3个月PPT架构师 再造淘宝之咚宝-技术支撑-完整搭建DevOps 再造淘宝之咚宝-统一规则-代码规范落地解析 再造淘宝之咚宝搭建基础服务 再造淘宝之咚宝-构建step01 -用户中心 再造淘宝之咚宝-构建step02 -商品中心 再造淘宝之咚宝-构建step03 -库存中心 再造淘宝之咚宝-构建step05 -订单中心 再造淘宝之咚宝-构建step06 -搜索中心 再造淘宝之咚宝-构建step07 -评价中心
Springboot文件操作
yyb1369584682的博客
03-14 658
Springboot文件操作
【JavaWeb】SpringBootWeb案例上篇
一以贯之的努力 不得懈怠的人生
03-12 1234
原型展示成品展示页面原型点击此处下载案例所需资料解压后，找到页面原型文件夹，进入双击登录文件，再点击登录即可进入查看页面原型。
黑马JavaWeb开发跟学(四)SpringBootWeb入门--下篇
心向阳光的天域的博客
09-30 575
SpringBoot的教学
SpringBootWeb入门
2301_79602614的博客
05-30 699
在com.itheima这个包下创建一个子包controller然后在controller包下新建一个类：HelloControllerHTTP：Hyper Text Transfer Protocol(超文本传输协议)，规定了浏览器与服务器之间数据传输的规则。http是互联网上应用最为广泛的一种网络协议http协议要求：浏览器在向服务器发送请求数据时，或是服务器在向浏览器发送响应数据时，都必须按照固定的格式进行数据传输如果想知道http协议的数据传输格式有哪些，可以打开浏览器，点击。
Java—基于SpringBootWeb的综合小案例（智能学习辅助系统）
Wang_ning__的博客
12-08 485
这篇帖子是小编在看哔哩哔哩网课是的一个小案例，来自于黑马程序员，我觉得他们的课讲的很好，而且这个案例很有实用性，就在看视频的基础上，边温故知新，边实现了这个代码，在一些重点、难点和在编码过程中容易出问题的地方上进行了标注、做详解。
黑马程序员JavaWeb开发教程(后端部分---SpringBootWeb案例) ---笔记分享
蓝桉
10-28 1052
前面我们已经完了基础的分页查询，大家会发现：分页查询功能编写起来比较繁琐。在Mapper接口中定义两个方法执行两条不同的SQL语句：1. 查询总记录数2. 指定页码的数据列表在Service当中，调用Mapper接口的两个方法，分别获取：总记录数、查询结果列表，然后在将获取的数据结果封装到PageBean对象中。大家思考下：在未来开发其他项目，只要涉及到分页查询功能例：订单、用户、支付、商品都必须按照以上操作完成功能开发结论：原始方式的分页查询，存在着步骤固定。
【JavaWeb后端开发-第三章】SpringBootWeb请求响应
weixin_44883789的博客
01-08 1365
在上一篇的文章中，开发了springbootweb的入门程序。基于SpringBoot的方式开发一个web应用，浏览器发起请求/hello后 ，给浏览器返回字符串 “Hello World ~”。其实呢，是我们在浏览器发起请求，请求了后端web服务器(也就是内置的Tomcat)。而我们在开发web程序时呢，定义了一个控制器类Controller请求会被部署在Tomcat中的Controller接收，然后Controller再给浏览器一个响应，响应一个字符串 “Hello World”。
黑马程序员JavaWeb开发教程(后端部分---SpringBootWeb案例下----＞事务管理) ---笔记分享
蓝桉
11-01 771
在拦截器当中，我们通常也是做一些通用性的操作，比如：我们可以通过拦截器来拦截前端发起的请求，将登录校验的逻辑全部编写在拦截器当中。协议也就意味着现在我们通过浏览器来访问了登陆这个接口，实现了登陆 的操作，接下来我们在执行其他业务操作时，服务器也并不知道这个员工到底登陆了没有。资源之后，按照我们刚才所介绍的过滤器的执行流程，还会回到过滤器当中来执行过滤器放行后的逻辑，而在执行放行后的逻辑的时候，顺序是反着的。首先我们先来看拦截器的拦截路径的配置，在注册配置拦截器的时候，我们要指定拦截器的拦截路径，通过。
Java架构-Spring Boot Web 开发注解篇
Java架构师笔记
11-20 350
本文提纲 spring-boot-starter-web 依赖概述 1.1 spring-boot-starter-web 职责 1.2 spring-boot-starter-web 依赖关系 Spring MVC on Spring Boot 2.1 Spring MVC 体系温故知新 2.2 重要的类 2.3 Spring Boot MVC 2.3.1 控制器 2.3.2 数据绑定 2.3...
SpringBoot
Ther_123的博客
03-22 2907
SpringBoot 1.概述 1.1 为什么需要springboot？ 现有的SSM（spring+springMVC+mybatis）框架存在的问题 大量的maven冗余配置，依赖 每次构建项目都需要花费大量时间来编写大量的相同配置 整合第三方技术都需要编写相关配置文件 项目测试每次都需要部署到Tomcat 1.2 引言 Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化Spring应用的 初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不 再需
Java学习笔记目录索引 (持续更新中)
热门推荐
Guizy
01-15 13万+
Java学习路线目录索引 一、Java基础(省略) Lambda表达式及函数式接口 二、Java数据库 MySQL 一 概念、DDL、DML、DQL、事务、约束等 数据库设计 一 多表关系、三大范式 JDBC 一 基本使用、DAO组件、连接池、JDBCTemplate 三、JavaWeb HTML相关学习 CSS — 常用属性 CSS — 选择器及三大特性 CSS — 网页的布局方式 C...........................
javaweb开发实例大全代码，终局之战
m0_57285325的博客
07-11 355
第一篇：SpringBoot面试篇 1.1 35常见SpringBoot知识点 问题一：Spring Boot、Spring MVC 和 Spring 有什么区别？ 问题二：什么是自动配置？ 问题三：什么是 Spring Boot Stater ？ 问题四：你能否举一个例子来解释更多 Staters 的内容？ 问题五：Spring Boot 还提供了其它的哪些 Starter Project Options？ 问题六：Spring 是如何快速创建产品就绪应用程序的？ 问题七：创建
日常bug记录，easyexcel导入报错convert data ... to class java.math.BigDecimal error
mm
11-11 205
排查发现实体类中有BigDecimal属性，然而数据中这个属性为null，进行转换时报错。在实体类上加上自定义转换器。解决方法：自定义转换器类。
1112--接口
最新发布
kequanrrr的博客
11-12 144
interface + 接口名{ }。。。。implements 接口名{ }接口：接口中的抽象方法可以省略 abstract 关键字使用：要实现接口中的所有 抽象方法隐含三个修饰符：public+static+final2.单继承 多接口。
SpringBoot 实现图片加水印
心猿意码
11-11 331
通过上述步骤，我们可以在SpringBoot项目中实现一个简单的图片加水印功能。当然，实际应用中可能需要更复杂的水印处理，比如水印图片、调整水印位置等，可以根据需求进行相应的扩展和优化。
刷题---顺序表算法题
weixin_63997543的博客
11-11 385
顺序算法题----力扣刷题
JAVA-01-变量
LJH_laura_li的博客
11-08 481
在方法、构造函数或块内部定义的变量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序喵正在路上

你的鼓励是我创作最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值