springboot 引入_前端初学SpringBoot系列(一)初始化项目以及引入swagger2

本文介绍如何初始化SpringBoot项目并进行基础接口测试。详细步骤包括从官方网站或通过IDEA初始化项目,设置项目目录结构及配置文件。此外,还介绍了如何使用@RestController和@RequestMapping创建RESTful接口,并利用Swagger2展示接口。
摘要由CSDN通过智能技术生成

v2-9231a9d3c9f69a49e94ed3e2222ea490_1440w.jpg?source=172ae18b

初始化SpringBoot项目

这是前端初学SpringBoot系列的第一节,学习如何初始化一个空项目进行后续开发。目前有两种方式进行初始化: 1. 去官网https://start.spring.io/直接按照下图进行初始化,相关配置项具体内容可查看文档,SpringBoot只要不选择SNAPSHOT即可。

v2-c752313adc39cca551b8b6921d320c60_b.jpg

2. 直接通过IDEA进行初始化

v2-84c9b181808e27d6ef31b434ece0cf3d_b.jpg

初始化后的目录结构如下图所示:

v2-01c27a6de2ef8382f1f9fe553ec090d6_b.jpg

- 核心java文件在src/main/java内部。 - 应用的配置资源以及后续的mapper目录在src/main/resources中。其中application.yml或者application.properties中是应用的配置项:

#服务的端口号
server.port=8082
#服务的根目录
server.servlet.context-path=/api

至此,项目已经可以通过启动类SpringbootDemoApplication然后run,项目会通过内置的tomcat服务器起来,spring就是做的这么友好。

v2-dbb1d9ea419258a3bbbdca25ab61c70c_b.jpg

其中应用的启动类用了基础注解@SpringBootApplication,注解是SpringBoot项目中特别灵活好用的方式,使用了java的反射。

v2-3721f9c4dd53d452e4529ea8aa1ecc92_b.jpg

编写基础接口测试

对于前端来说还是喜欢在浏览器上看到直观的现象,目前只能在控制台看到不报错而已,并不是很形象,所以接下来编写一个最基础的接口来体会一下。 - 写一个测试类做接口

v2-6511941eeaba36cb4dbf91230e22e764_b.jpg

v2-0a017d1aabea1a6df4b86d8a4ca7c78f_b.jpg

这是一个最简单的接口,通过使用两个注解@RestController @RequestMapping完成Resultful风格的接口。 其中@RequestMapping接收多个参数,常见的有以下四个参数: 1. value代表请求的URL 2. method代表请求的方法,具体内容详见上图的智能提示,如果不写的话,默认就是GET 3. params表示请求参数 4. heads请求头的映射条件 以上注解可以@GetMapping替换

v2-5a7bdab859aec7d48b5e573ceb81a454_b.jpg

此时访问浏览器的接口,会看到响应内容:

v2-a26cd959ca425eb923b93d8b6ebb2cca_b.jpg

以上是基础的接口编写过程,实际中场景比以上复杂多变,但是目前迅速的体验一个接口还是可以的。

使用Swagger2展示接口

对于以java为服务端语言的web项目来说,前后端联调接口最常用的就是Swagger,接下来学习引入Swagger2,并展示接口内容。

安装Swagger2依赖

pom.xml中为<dependecies></dependecies>增加子依赖,相关配置内容为

v2-5a5e4f104a0db5170f5761edc518aed5_b.jpg

当增加新的配置后,选择Enable Auto-Import即可。

依赖安装完毕之后,书写Swagger2的配置

v2-c2126f5266159ce9082ed81d266c2da4_b.jpg

书写Swagger2配置

使用两个注解@Configuration @Bean

package com.wushao.springbootdemo;
//各种import...
@Configuration
public class Swagger2Config {
    private ApiInfo apiInfo() {
        return new ApiInfoBuilder()
                .title("api文档")
                .description("测试Swagger2的api文档")
                .termsOfServiceUrl("").version("1.0")
                .build();
    }
    @Bean
    public Docket createRestApi() {
        return new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(apiInfo())
                .select()
                .apis(RequestHandlerSelectors.basePackage("com.wushao.springbootdemo"))
                .paths(PathSelectors.any())
                .build();
    }
}

以上就是Swagger2的基础配置项,最后关键一步是让启动类识别Swagger

启动类增加新注解@EnableSwagger2

v2-05c70036b87f4e7a38a3f5175858a0ee_b.jpg

至此,基础的Swagger2完成,可以与前端进行基(hu)础(you)联(ni)调(nen),

v2-2363fb79153e416f30bd46da5a2b3e20_b.jpg
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值