vue springboot3

SpringBoot+Swagger

1.添加jar包


    io.springfox
    springfox-swagger2
    2.7.0


    com.github.xiaoymin
    swagger-bootstrap-ui
    1.9.6

2.配置文件

@Configuration
@EnableSwagger2
public class Swagger2 {
    @Bean
    public Docket createRestApi() {
        return new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(apiInfo())
                .select()
                .apis(RequestHandlerSelectors.basePackage("com.example.vueSpring.controller"))
                .paths(PathSelectors.any())
                .build();
    }


    private ApiInfo apiInfo() {
        return new ApiInfoBuilder()
                .title("服务:发布为daocke镜像,权限管理,用户管理,页面管理,日志 后台 APIs")
                .description("服务:发布为daocke镜像,权限管理,用户管理,页面管理,日志 后台")
                .termsOfServiceUrl("http://www.baidu.com") //代码的路径
                .contact("彭于晏")
                .version("1.0")
                .build();
    }
}

vue springboot3_第1张图片

3.配置类

vue springboot3_第2张图片

4.访问

vue springboot3_第3张图片

SpringBoot+vue增删改查

1.查询+分页


    
    
        
    

vue springboot3_第4张图片

服务端

vue springboot3_第5张图片

实现类

vue springboot3_第6张图片

访问

vue springboot3_第7张图片

vue springboot3_第8张图片

vue springboot3_第9张图片

2.模糊查询

1)引入样式

vue springboot3_第10张图片

2)获取数据

vue springboot3_第11张图片

vue springboot3_第12张图片

3)将数据传到后端

vue springboot3_第13张图片

vue springboot3_第14张图片

vue springboot3_第15张图片

你可能感兴趣的:(vue.js,前端,javascript)