springboot+vue全栈开发

已于 2022-10-14 19:43:20 修改
阅读量1.5k 收藏 12
点赞数 2
分类专栏： 项目开发 文章标签： spring boot
于 2022-10-06 14:56:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43752912/article/details/127182642
版权

1. SpringBoot快速上手

1.1 SpringBoot介绍

  • Spring Boot是由Pivotal团队提供的基于Spring的全新框架，旨在简化Spring应用的初始搭建和开发过程。
  • Spring Boot是所有基于Spring开发项目的起点。
  • Spring Boot就是尽可能地简化应用开发的门槛，让应用开发、测试、部署变得更加简单。
    在这里插入图片描述

1.2 SpringBoot的特点

  • 遵循“约定优于配置”的原则，只需要很少的配置或使用默认的配置。
  • 能够使用内嵌的Tomcat、Jetty服务器，不需要部署war文件。
  • 提供定制化的启动器Starters，简化Maven配置，开箱即用。
  • 纯Java配置，没有代码生成，也不需要XML配置。
  • 提供了生产级的服务监控方案，如安全监控、应用监控、健康检测等。

2. SpringBoot Controller

2.1 Web入门

  • Spring Boot将传统Web开发的mvc、json、tomcat等框架整合，提供了spring-boot-starter-web组件，简化了Web应用配置。
  • 创建SpringBoot项目勾选Spring Web选项后，会自动将spring-boot-starter-web组件加入到项目中。
  • spring-boot-starter-web启动器主要包括web、webmvc、json、tomcat等基础依赖组件，作用是提供Web开发场景所需的所有底层依赖。
  • webmvc为Web开发的基础框架，json为JSON数据解析组件，tomcat为自带的容器依赖。
    在这里插入图片描述

2.2 控制器

Spring Boot提供了@Controller和@RestController两种注解来标识此类负责接收和处理HTTP请求。
如果请求的是页面和数据，使用@Controller注解即可；如果只是请求数据，则可以使用@RestController注解。
在这里插入图片描述

@Controller的用法
  • 示例中返回了hello页面和name的数据，在前端页面中可以通过${name}参数获取后台返回的数据并显示。
  • @Controller通常与Thymeleaf模板引擎结合使用。
    在这里插入图片描述
@RestController的用法
  • 默认情况下，@RestController注解会将返回的对象数据转换为JSON格式。
    在这里插入图片描述

2.3 路由映射

  • @RequestMapping注解主要负责URL的路由映射。它可以添加在Controller类或者具体的方法上。
  • 如果添加在Controller类上，则这个Controller中的所有路由映射都将会加上此映射规则，如果添加在方法上，则只对当前方法生效。
  • @RequestMapping注解包含很多属性参数来定义HTTP的请求映射规则。常用的属性参数如下：
    value: 请求URL的路径，支持URL模板、正则表达式
    method: HTTP请求方法
    consumes: 请求的媒体类型（Content-Type），如application/json
    produces: 响应的媒体类型
    params，headers: 请求的参数及请求头的值

2.4 Method匹配

  • HTTP请求Method有GET、POST、PUT、DELETE等方式。HTTP支持的全部Method
  • @RequestMapping注解提供了method参数指定请求的Method类型，包括RequestMethod.GET、RequestMethod.POST、RequestMethod.DELETE、RequestMethod.PUT等值，分别对应HTTP请求的Method
    在这里插入图片描述
  • Method匹配也可以使用@GetMapping、@PostMapping等注解代替。

使用示例：

package com.example.gaokespringboot.controller;

import com.example.gaokespringboot.entity.User;
import org.springframework.web.bind.annotation.*;

/**
 * @author py
 * @date 2022-10-05 14:48
 */

@RestController
public class ParamsController {
    @RequestMapping(value = "/getTest1", method = RequestMethod.GET)
    //http://localhost:8080/getTest1
    public String getTest1(){
        return "GET请求";
    }

    //传入参数
    @RequestMapping(value = "/getTest2", method = RequestMethod.GET)
    //http://localhost:8080/getTest2?nickname=XXX&phone=XXX
    public String getTest2(String nickname, String phone){
        System.out.println("nickname:" + nickname);
        System.out.println("phone:" + phone);
        return "GET请求";
    }

    //@RequestParam注解:参数映射，如果使用则必须传递参数
    @RequestMapping(value = "/getTest3", method = RequestMethod.GET)
    //http://localhost:8080/getTest3?nickname=XXX
    public String getTest3(@RequestParam("nickname") String name){
        System.out.println("nickname:" + name);
        return "GET请求";
    }

    @RequestMapping(value = "/postTest1", method = RequestMethod.POST)
    public String postTest1(){
        return "POST请求";
    }

    @RequestMapping(value = "/postTest2", method = RequestMethod.POST)
    public String postTest2(String nickname, String phone){
        System.out.println("nickname:" + nickname);
        System.out.println("phone:" + phone);
        return "POST请求";
    }

    //使用User对象进行封装
    @RequestMapping(value = "/postTest3", method = RequestMethod.POST)
    public String postTest3(User user){
        System.out.println(user);
        return "POST请求";
    }

    //@RequestBody注解：接收前端传递的json数据
    @RequestMapping(value = "/postTest4", method = RequestMethod.POST)
    public String postTest4(@RequestBody User user){
        System.out.println(user);
        return "POST请求";
    }

    @GetMapping("/test/**")
    public String test() {
        return "通配符请求";
    }
}

3. SpringBoot文件上传+拦截器

3.1 文件上传

  • Spring Boot工程嵌入的tomcat限制了请求的文件大小，每个文件的配置最大为1Mb，单次请求的文件的总数不能大于10Mb。
  • 要更改这个默认值需要在配置文件（如application.properties）中加入两个配置
    在这里插入图片描述
  • 当表单的enctype="multipart/form-data"时,可以使用MultipartFile 获取上传的文件数据，再通过transferTo方法将其写入到磁盘中
package com.example.gaokespringboot.controller;

import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;

/**
 * @author py
 * @date 2022-10-08 19:54
 */

@RestController
public class FileUploadController {
    @PostMapping("/upload")
    public String up(String nickname, MultipartFile photo, HttpServletRequest request) throws IOException {
        //获取图片名称
        System.out.println(nickname);
        //获取图片原始名称
        System.out.println(photo.getOriginalFilename());
        //获取文件类型
        System.out.println(photo.getContentType());
        //获取文件路径
        String path =  request.getServletContext().getRealPath("/upload");
        System.out.println(path);
        saveFile(photo, path);
        return "上传成功";
    }

    public void saveFile(MultipartFile photo, String path) throws IOException {
        //判断存储目录是否存在，如果不存在则创建
        File dir = new File(path);
        if (!dir.exists()) {
            //创建目录
            dir.mkdir();
        }

        File file = new File(path + photo.getOriginalFilename());
        photo.transferTo(file);
    }
}

3.2 拦截器

  • 拦截器在Web系统中非常常见，对于某些全局统一的操作，我们可以把它提取到拦截器中实现。总结起来，拦截器大致有以下几种使用场景：
  • 权限检查：如登录检测，进入处理程序检测是否登录，如果没有，则直接返回登录页面。
  • 性能监控：有时系统在某段时间莫名其妙很慢，可以通过拦截器在进入处理程序之前记录开始时间，在处理完后记录结束时间，从而得到该请求的处理时间
  • 通用行为：读取cookie得到用户信息并将用户对象放入请求，从而方便后续流程使用，还有提取Locale、Theme信息等，只要是多个处理程序都需要的，即可使用拦截器实现。
  • Spring Boot定义了HandlerInterceptor接口来实现自定义拦截器的功能
    HandlerInterceptor接口定义了preHandle、postHandle、afterCompletion三种方法，通过重写这三种方法实现请求前、请求后等操作
    在这里插入图片描述
拦截器定义

在这里插入图片描述

拦截器注册

在这里插入图片描述

4. RESTful+Swagger

4.1 Restful

Restful介绍
  • RESTful是目前流行的互联网软件服务架构设计风格。
  • REST（Representational State Transfer，表述性状态转移）一词是由Roy Thomas Fielding在2000年的博士论文中提出的，它定义了互联网软件服务的架构原则，如果一个架构符合REST原则，则称之为RESTful架构。
  • REST并不是一个标准，它更像一组客户端和服务端交互时的架构理念和设计原则，基于这种架构理念和设计原则的Web API更加简洁，更有层次。
    在这里插入图片描述
RESTful的特点
  • 每一个URI代表一种资源
  • 客户端使用GET、POST、PUT、DELETE四种表示操作方式的动词对服务端资源进行操作：GET用于获取资源，POST用于新建资源（也可以用于更新资源），PUT用于更新资源，DELETE用于删除资源。
  • 通过操作资源的表现形式来实现服务端请求操作。
  • 资源的表现形式是JSON或者HTML。
  • 客户端与服务端之间的交互在请求之间是无状态的，从客户端到服务端的每个请求都包含必需的信息。
RESTful API
  • 符合RESTful规范的Web API需要具备如下两个关键特性：
    安全性：安全的方法被期望不会产生任何副作用，当我们使用GET操作获取资源时，不会引起资源本身的改变，也不会引起服务器状态的改变。
    幂等性：幂等的方法保证了重复进行一个请求和一次请求的效果相同（并不是指响应总是相同的，而是指服务器上资源的状态从第一次请求后就不再改变了），在数学上幂等性是指N次变换和一次变换相同。
HTTP Method

HTTP提供了POST、GET、PUT、DELETE等操作类型对某个Web资源进行Create、Read、Update和Delete操作。
一个HTTP请求除了利用URI标志目标资源之外，还需要通过HTTP Method指定针对该资源的操作类型，一些常见的HTTP方法及其在RESTful风格下的使用
在这里插入图片描述

  • HTTP状态码就是服务向用户返回的状态码和提示信息，客户端的每一次请求，服务都必须给出回应，回应包括HTTP状态码和数据两部分。
  • HTTP定义了40个标准状态码，可用于传达客户端请求的结果。状态码分为以下5个类别：
    1xx：信息，通信传输协议级信息
    2xx：成功，表示客户端的请求已成功接受
    3xx：重定向，表示客户端必须执行一些其他操作才能完成其请求
    4xx：客户端错误，此类错误状态码指向客户端
    5xx：服务器错误，服务器负责这写错误状态码
  • RESTful API中使用HTTP状态码来表示请求执行结果的状态，适用于REST API设计的代码以及对应的HTTP方法。
  • 在这里插入图片描述
Spring Boot实现RESTful API

  • Spring Boot提供的spring-boot-starter-web组件完全支持开发RESTful API，提供了与REST操作方式（GET、POST、PUT、DELETE）对应的注解。
    @GetMapping：处理GET请求，获取资源。
    @PostMapping：处理POST请求，新增资源。
    @PutMapping：处理PUT请求，更新资源。
    @DeleteMapping：处理DELETE请求，删除资源。
    @PatchMapping：处理PATCH请求，用于部分更新资源。

  • 在RESTful架构中，每个网址代表一种资源，所以URI中建议不要包含动词，只包含名词即可，而且所用的名词往往与数据库的表格名对应。
    用户管理模块API示例：
    在这里插入图片描述

用法示例：

package com.example.gaokespringboot.controller;

import com.example.gaokespringboot.entity.User;
import org.springframework.web.bind.annotation.*;

/**
 * @author py
 * @date 2022-10-12 15:20
 */

@RestController
public class UserController {
    @GetMapping("/user/{id}")
    public String getUserById(@PathVariable int id) {
        System.out.println(id);
        return "根据id获取用户信息";
    }

    @PostMapping("/user")
    public String save(User user) {
        return "添加用户";
    }

    @PutMapping("/user")
    public String update(User user) {
        return "更新用户";
    }

    @DeleteMapping("/user/{id}")
    public String deleteById(@PathVariable int id) {
        System.out.println(id);
        return "根据id删除用户";
    }
}

4.2 Swagger

什么是Swagger
  • Swagger是一个规范和完整的框架，用于生成、描述、调用和可视化RESTful风格的Web服务，是非常流行的API表达工具。
  • Swagger能够自动生成完善的RESTful API文档，，同时并根据后台代码的修改同步更新，同时提供完整的测试页面来调试API。
    在这里插入图片描述
  • 在Spring Boot项目中集成Swagger同样非常简单，只需在项目中引入springfox-swagger2和springfox-swagger-ui依赖即可。
配置Swagger
package com.example.gaokespringboot.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import springfox.documentation.builders.ApiInfoBuilder;
import springfox.documentation.builders.PathSelectors;
import springfox.documentation.builders.RequestHandlerSelectors;
import springfox.documentation.service.ApiInfo;
import springfox.documentation.spi.DocumentationType;
import springfox.documentation.spring.web.plugins.Docket;
import springfox.documentation.swagger2.annotations.EnableSwagger2;

/**
 * @author py
 * @date 2022-10-12 15:39
 */

@Configuration  //告诉Spring容器，这个类是一个配置类
@EnableSwagger2 //启用Swagger2功能
public class SwaggerConfig {
    /**
     * 配置Swagger2相关的Bean
     */
    @Bean
    public Docket createRestApi() {
        return new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(apiInfo())
                .select()
                .apis(RequestHandlerSelectors.basePackage("com"))//com包下所有API都交给swagger2管理
                .paths(PathSelectors.any()).build();
    }

    /**
     * 此处主要是API文档页面显示信息
     */
    private ApiInfo apiInfo() {
        return new ApiInfoBuilder()
                .title("演示项目API")   //标题
                .description("演示项目")    //描述
                .version("1.0") //版本
                .build();
    }
}
  • Spring Boot 2.6.X后与Swagger有版本冲突问题，需要在application.properties中加入以下配置：
    在这里插入图片描述
  • 启动项目访问 http://127.0.0.1:8080/swagger-ui.html ，即可打开自动生成的可视化测试页面
Swagger常用注解
  • Swagger提供了一系列注解来描述接口信息，包括接口说明、请求方法、请求参数、返回信息等
    在这里插入图片描述

5 MybatisPlus

5.1 ORM介绍

  • ORM（Object Relational Mapping，对象关系映射）是为了解决面向对象与关系数据库存在的互不匹配现象的一种技术。
  • ORM通过使用描述对象和数据库之间映射的元数据将程序中的对象自动持久化到关系数据库中。
  • ORM框架的本质是简化编程中操作数据库的编码。
    在这里插入图片描述

5.2 MybatisPlus介绍

  • MyBatis是一款优秀的数据持久层ORM框架，被广泛地应用于应用系统。
  • MyBatis能够非常灵活地实现动态SQL，可以使用XML或注解来配置和映射原生信息，能够轻松地将Java的POJO（Plain Ordinary Java Object，普通的Java对象）与数据库中的表和字段进行映射关联。
    MyBatis-Plus是一个 MyBatis 的增强工具，在 MyBatis 的基础上做了增强，简化了开发。
    在这里插入图片描述
添加依赖
        <!-- MybatisPlus依赖 -->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.4.2</version>
        </dependency>

        <!-- mysql驱动依赖 -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.47</version>
        </dependency>

        <!-- 数据连接池druid -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid-spring-boot-starter</artifactId>
            <version>1.1.20</version>
        </dependency>
全局配置
  • 配置数据库相关信息
spring.datasource.type=com.alibaba.druid.pool.DruidDataSource
spring.datasource.url=jdbc:mysql://:localhost:3306/gaokedb?useSSL=false
spring.datasource.username=root
spring.datasource.password=123
spring.datasource.driverClassName=com.mysql.jdbc.Driver
mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
  • 添加@MapperScan注解
@SpringBootApplication
@MapperScan("com.example.gaokespringboot.mapper")
public class GaokeSpringbootApplication {

    public static void main(String[] args) {
        SpringApplication.run(GaokeSpringbootApplication.class, args);
    }

}
  • Mybatis CRUD注解
    在这里插入图片描述

MybatisPlus注解

  • @TableName，当表名与实体类名称不一致时，可以使用@TableName注解进行关联。
  • @TableField，当表中字段名称与实体类属性不一致时，使用@TableField进行关联
  • @TableId，用于标记表中的主键字段，MybatisPlus也提供了主键生成策略。
    在这里插入图片描述
何处望天明CS
关注
  • 2
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot+vue 全栈开发
qq_43792295的博客
11-10 702
前提 本教程主要是面向全栈开发的快速上手教程，具备Java及前端基础即可学习！ 主要内容 开发工具：IDEA+VSCode 后端：SpringBoot+MyBatisPlus 前端：Vue+VueRouter+Vuex+ElementUI 接口调试：Swagger 数据模拟：MockJS 身份认证：JWT 后台管理：vue-admin-template 项目部署：阿里云ECS+Nginx+MySQL 快速搭建一个springboot项目 springboot默认整合了Tomcat 创建项目的方式有如下两种方
SpringBoot+vue全栈开发实战笔记太香了
ZzzzjQqqq的博客
05-31 1980
Spring 作为一个轻量级的容器，在JavaEE开发中得到了广泛的应用，但是Spring 的配置繁琐臃肿，在和各种第三方框架进行整合时代码量都非常大，并且整合的代码大多是重复的，为了使开发者能够快速上手Spring，利用Spring框架快速搭建JavaEE项目，Spring Boot应运而生。 Spring Boot 中对一些常用的第三方库提供了默认的自动化配置方案，使得开发者只需要很少的Spring 配置就能运行一个完整的Java EE应用。Spring Boot项目可以采用传统的方案打成war包,然
SpringBoot+Vue全栈开发--学习笔记(更新ing)
weixin_52973401的博客
10-27 2634
SpringBoot+Vue全栈开发
2024年最全spring boot+vue前后端分离设计开发方案(1)，java高级面试网站
2401_84023482的博客
05-07 312
上面这是最简单的合并方式，但是如果作为工程级的项目开发，并不推荐使用手工合并，也不推荐将前端代码构建后提交到springboot的resouce下，好的方式应该是保持前后端完全独立开发代码，项目代码互不影响，借助jenkins这样的构建工具在构建springboot时触发前端构建并编写自动化脚本将前端webpack构建好的资源拷贝到springboot下再进行jar的打包，最后就得到了一个完全包含前后端的springboot项目了。//配置url通配符。@param url 请求的url。
SpringBoot + Vue全栈开发
kingxueqi的博客
04-10 221
static 网站的静态资源 前端图片 css。前后端分离开发 前端资源不会放在这 用Vue框架。templates html模板。
阿里内部进阶学习SpringBoot+Vue全栈开发实战文档
uuuyy_的博客
05-10 1573
前言 Spring 作为一个轻量级的容器，在JavaEE开发中得到了广泛的应用，但是Spring 的配置烦琐臃肿，在和各种第三方框架进行整合时代码量都非常大，并且整合的代码大多是重复的，为了使开发者能够快速上手Spring，利用Spring框架快速搭建JavaEE项目，Spring Boot应运而生。 Spring Boot带来了全新的自动化配置解决方案，使用Spring Boot可以快速创建基于Spring生产级的独立应用程序。Spring Boot中对一些常用的第三方库提供了默认的自动化配置方案，使
精品，阿里P8爆款《SpringBoot+vue全栈开发实战项目》笔记太香了
公众号：该用户快成仙了
02-26 135
Spring 作为一个轻量级的容器，在JavaEE开发中得到了广泛的应用，但是Spring 的配置繁琐臃肿，在和各种第三方框架进行整合时代码量都非常大，并且整合的代码大多是重复的，为了使开发者能够快速上手Spring，利用Spring框架快速搭建JavaEE项目，Spring Boot应运而生。Spring Boot 中对一些常用的第三方库提供了默认的自动化配置方案，使得开发者只需要很少的Spring 配置就能运行一个完整的Java EE应用。
B站一天搞定Springboot+Vue全栈开发(刘老师教编程)环境配置
m0_46266496的博客
04-22 883
跟着b站一天搞定Springboot+Vue全栈开发，记录一下笔记。
SpringBoot+Vue全栈开发（图书商城项目回顾）
yinxxxi的博客
01-07 467
项目回顾
springboot＋vue实战（音乐网站）
07-03
【SpringBoot + Vue 实战：音乐网站开发】 在本次实战项目中，...无论是作为大作业还是毕业设计，都能充分展示出开发者在全栈开发上的能力。同时，通过实际运行的音乐网站，也能满足日常听歌的需求，带来实用价值。
基于SpringBoot+Vue的医疗服务系统（源码+部署说明+系统介绍）.zip
04-08
该系统的前端部分采用了Vue框架进行开发，主要实现了用户界面和交互，包括登录、注册、医生列表、预约挂号、医疗管理等功能。而后端部分则采用了SpringBoot框架，负责处理用户请求、管理用户数据并提供相应的API接口...
springboot+vue整合案例
12-05
在本案例中，我们主要探讨的是如何将Spring Boot与Vue.js进行整合，构建一个基本的Web应用程序。Spring Boot是Spring框架的一种...通过实践这个案例，开发者可以提升自己的全栈开发能力，为今后的项目打下坚实的基础。
springboot+vue前后端完整demo.zip
06-10
【描述】"springboot+vue前后端完整demo.zip"中的内容详细展示了Spring Boot和Vue.js的集成过程，提供了从前端到后端的全栈开发体验。项目可能包含了启动、配置、路由、API交互、数据持久化等多个方面的实践案例。 ...
Java面试八股之简述spring boot的目录结构
u012151345的博客
07-23 908
application.properties 或 application.yml：是 Spring Boot 的主要配置文件，可以有多个版本，例如 application-dev.yml 和 application-prod.yml，分别用于开发和生产环境。Spring Boot 项目遵循标准的 Maven 或 Gradle 项目布局，并且有一些约定的目录用于组织不同的项目组件。src/test/java 和 src/test/resources：包含测试相关的 Java 代码和资源文件。
Spring Boot中的 6 种API请求参数读取方式
2301_76419561的博客
07-23 1590
在利用Spring Boot框架开发应用程序接口时，从客户端请求中提取参数是一项基础而关键的任务。Spring Boot为了迎合各式各样的接口设计需求，提供了多样化的机制以供开发者选择。本文将详细梳理六种主流的请求参数读取方法。若您所掌握的方式尚未达到此数目，不妨参考本文以填补知识的空白；倘若您所了解的途径超出六种，欢迎分享您的见解，共同进步。
基于JAVA的厨艺交流平台（Vue.js+SpringBoot+MySQL）
08-01
基于Vue.js和SpringBoot的厨艺交流平台是一个功能丰富的在线社区，旨在为烹饪爱好者提供一个分享和学习烹饪技巧的平台。该平台分为管理后台和用户网页端，支持管理员和普通用户两种角色。管理后台提供对菜谱分类、菜谱信息、食材信息、商品信息和美食日志模块的全面管理功能，包括添加、编辑、删除和查询等操作。用户网页端则为用户提供了一个友好的界面，可以浏览和搜索各种菜谱，查看食材和商品信息，发表自己的美食日志，与其他用户互动交流。整个平台采用现代化的前端技术和后端框架，保证了良好的用户体验和高效的数据处理能力。 演示录屏：https://www.bilibili.com/video/BV1uz42197zu 配套教程：https://www.bilibili.com/video/BV1pW4y1P7GR
层次分析法数学建模论文.doc
最新发布
08-01
层次分析法数学建模论文
操作系统原理试卷及参考答案(A).doc
08-01
操作系统原理试卷及参考答案(A)
springboot+vue全栈开发实战
07-27
- *1* *3* [学习SpringBoot+Vue全栈开发实战](https://blog.csdn.net/qq_35849321/article/details/106079398)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值