分布式电商项目二十七：完善品牌管理的添加功能-字段参数的前后端校验

最新推荐文章于 2022-09-28 23:41:58 发布
最新推荐文章于 2022-09-28 23:41:58 发布
阅读量529 收藏 1
点赞数
分类专栏： 分布式电商项目mall 文章标签： java vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LastYHM/article/details/106542562
版权

完善品牌管理的添加功能-字段参数的前后端校验

完成阿里云OSS的上传功能之后，让它能显示出来：
在这里插入图片描述
来到品牌的组件src\views\modules\product\brand.vue，修改el-table-column标签：

      <el-table-column prop="logo" header-align="center" align="center" label="品牌logo地址">
        <template slot-scope="scope">
          <img :src="scope.row.logo" style="width: 100px; height: 80px" />
        </template>
      </el-table-column>

之后到人人平台上传一个品牌即可看到图片：
在这里插入图片描述

添加前端校验功能

最后添加自定义的表单验证功能，官方给出的自定义校验方法关键字为validate。
brand-add-or-update.vue组件如下：

<template>
  <el-dialog
    :title="!dataForm.id ? '新增' : '修改'"
    :close-on-click-modal="false"
    :visible.sync="visible"
  >
    <el-form
      :model="dataForm"
      :rules="dataRule"
      ref="dataForm"
      @keyup.enter.native="dataFormSubmit()"
      label-width="140px"
    >
      <el-form-item label="品牌名" prop="name">
        <el-input v-model="dataForm.name" placeholder="品牌名"></el-input>
      </el-form-item>
      <el-form-item label="品牌logo地址" prop="logo">
        <!-- <el-input v-model="dataForm.logo" placeholder="品牌logo地址"></el-input> -->
        <singleUpload v-model="dataForm.logo" ></singleUpload>
      </el-form-item>
      <el-form-item label="介绍" prop="descript">
        <el-input v-model="dataForm.descript" placeholder="介绍"></el-input>
      </el-form-item>
      <el-form-item label="显示状态" prop="showStatus">
        <el-switch
          v-model="dataForm.showStatus"
          active-color="#13ce66"
          inactive-color="#ff4949"
          :active-value="1"
          :inactive-value="0"
          
        ></el-switch>
      </el-form-item>
      <el-form-item label="检索首字母" prop="firstLetter">
        <el-input v-model="dataForm.firstLetter" placeholder="检索首字母"></el-input>
      </el-form-item>
      <el-form-item label="排序" prop="sort">
        <el-input v-model.number="dataForm.sort" placeholder="排序"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
    </span>
  </el-dialog>
</template>

<script>
import singleUpload from "@/components/upload/singleUpload"
export default {
  components:{singleUpload},
  data() {
    return {
      visible: false,
      dataForm: {
        brandId: 0,
        name: "",
        logo: "",
        descript: "",
        showStatus: 1,
        firstLetter: "",
        sort: ""
      },
      dataRule: {
        name: [{ required: true, message: "品牌名不能为空", trigger: "blur" }],
        logo: [
          { required: true, message: "品牌logo地址不能为空", trigger: "blur" }
        ],
        descript: [
          { required: true, message: "介绍不能为空", trigger: "blur" }
        ],
        showStatus: [{ required: true, message: "显示状态", trigger: "blur" }],
        firstLetter: [
          {             validator: (rule, value, callback) => {
              if (value == "") {
                callback(new Error("首字母必须填写"));
              } else if (!/^[a-zA-Z]$/.test(value)) {
                callback(new Error("首字母必须a-z或者A-Z之间"));
              } else {
                callback();
              }
            }, 
            trigger: "blur" }
        ],
                sort: [
          {
            validator: (rule, value, callback) => {
              if (value == "") {
                callback(new Error("排序字段必须填写"));
              } else if (!Number.isInteger(value) || value<0) {
                callback(new Error("排序必须是一个大于等于0的整数"));
              } else {
                callback();
              }
            },
            trigger: "blur"
          }
        ]
      }
    };
  },
  methods: {
    init(id) {
      this.dataForm.brandId = id || 0;
      this.visible = true;
      this.$nextTick(() => {
        this.$refs["dataForm"].resetFields();
        if (this.dataForm.brandId) {
          this.$http({
            url: this.$http.adornUrl(
              `/product/brand/info/${this.dataForm.brandId}`
            ),
            method: "get",
            params: this.$http.adornParams()
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.dataForm.name = data.brand.name;
              this.dataForm.logo = data.brand.logo;
              this.dataForm.descript = data.brand.descript;
              this.dataForm.showStatus = data.brand.showStatus;
              this.dataForm.firstLetter = data.brand.firstLetter;
              this.dataForm.sort = data.brand.sort;
            }
          });
        }
      });
    },
    // 表单提交
    dataFormSubmit() {
      this.$refs["dataForm"].validate(valid => {
        if (valid) {
          this.$http({
            url: this.$http.adornUrl(
              `/product/brand/${!this.dataForm.brandId ? "save" : "update"}`
            ),
            method: "post",
            data: this.$http.adornData({
              brandId: this.dataForm.brandId || undefined,
              name: this.dataForm.name,
              logo: this.dataForm.logo,
              descript: this.dataForm.descript,
              showStatus: this.dataForm.showStatus,
              firstLetter: this.dataForm.firstLetter,
              sort: this.dataForm.sort
            })
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.$message({
                message: "操作成功",
                type: "success",
                duration: 1500,
                onClose: () => {
                  this.visible = false;
                  this.$emit("refreshDataList");
                }
              });
            } else {
              this.$message.error(data.msg);
            }
          });
        }
      });
    }
  }
};
</script>

添加后端校验功能（JSR303）

JSR303的规范中，有一系列固定的校验注解，具体源码在javax.validation.constraints包中。
在这里插入图片描述
首先给组件添加校验注解
在BrandEntity中，标注

package com.lastingwar.mall.product.entity;

import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;

import java.io.Serializable;
import java.util.Date;
import lombok.Data;
import org.hibernate.validator.constraints.URL;

import javax.validation.constraints.Min;
import javax.validation.constraints.NotBlank;
import javax.validation.constraints.NotEmpty;
import javax.validation.constraints.Pattern;

/**
 * 品牌
 * 
 * @author yhm
 * @email 403627000@qq.com
 * @date 2020-05-29 16:37:08
 */
@Data
@TableName("pms_brand")
public class BrandEntity implements Serializable {
	private static final long serialVersionUID = 1L;

	/**
	 * 品牌id
	 */
	@TableId
	private Long brandId;
	/**
	 * 品牌名
	 */
	@NotBlank(message = "品牌名必须提交")
	private String name;
	/**
	 * 品牌logo地址
	 */
	@NotEmpty
	@URL(message = "logo必须是一个合法的url地址")
	private String logo;
	/**
	 * 介绍
	 */
	private String descript;
	/**
	 * 显示状态[0-不显示；1-显示]
	 */
	private Integer showStatus;
	/**
	 * 检索首字母
	 */
	@NotEmpty
	@Pattern(regexp = "/^[a-zA-Z]$/",message = "检索首字母必须是一个字母")
	private String firstLetter;
	/**
	 * 排序
	 */
	@NotNull
	@Min(value = 0,message = "排序必须大于等于0")
	private Integer sort;

}

@NotBlank意思是至少有一个非空字符。@URL表示内容必须是一个URL地址，@Pattern指信息必须满足自定义的正则表达式，@Min表示值必须大于等于定义的value。

之后在响应控制中添加注解

    /**
     * 保存
     */
    @RequestMapping("/save")
    //@RequiresPermissions("product:brand:save")
    public R save(@Valid @RequestBody BrandEntity brand){
		brandService.save(brand);

        return R.ok();
    }

不在响应中添加注解默认不启用后台检测。
之后可以在postman中进行检测，发送：

{"name":"aaa",
"logo":"adad"}

响应内容如下：

{
    "timestamp": "2020-06-04T05:28:32.543+0000",
    "status": 400,
    "error": "Bad Request",
    "errors": [
        {
            "codes": [
                "NotNull.brandEntity.sort",
                "NotNull.sort",
                "NotNull.java.lang.Integer",
                "NotNull"
            ],
            "arguments": [
                {
                    "codes": [
                        "brandEntity.sort",
                        "sort"
                    ],
                    "arguments": null,
                    "defaultMessage": "sort",
                    "code": "sort"
                }
            ],
            "defaultMessage": "不能为null",
            "objectName": "brandEntity",
            "field": "sort",
            "rejectedValue": null,
            "bindingFailure": false,
            "code": "NotNull"
        },
        {
            "codes": [
                "URL.brandEntity.logo",
                "URL.logo",
                "URL.java.lang.String",
                "URL"
            ],
            "arguments": [
                {
                    "codes": [
                        "brandEntity.logo",
                        "logo"
                    ],
                    "arguments": null,
                    "defaultMessage": "logo",
                    "code": "logo"
                },
                [],
                {
                    "arguments": null,
                    "defaultMessage": "",
                    "codes": [
                        ""
                    ]
                },
                -1,
                {
                    "arguments": null,
                    "defaultMessage": "",
                    "codes": [
                        ""
                    ]
                },
                {
                    "arguments": null,
                    "defaultMessage": ".*",
                    "codes": [
                        ".*"
                    ]
                }
            ],
            "defaultMessage": "logo必须是一个合法的url地址",
            "objectName": "brandEntity",
            "field": "logo",
            "rejectedValue": "adad",
            "bindingFailure": false,
            "code": "URL"
        },
        {
            "codes": [
                "NotEmpty.brandEntity.firstLetter",
                "NotEmpty.firstLetter",
                "NotEmpty.java.lang.String",
                "NotEmpty"
            ],
            "arguments": [
                {
                    "codes": [
                        "brandEntity.firstLetter",
                        "firstLetter"
                    ],
                    "arguments": null,
                    "defaultMessage": "firstLetter",
                    "code": "firstLetter"
                }
            ],
            "defaultMessage": "不能为空",
            "objectName": "brandEntity",
            "field": "firstLetter",
            "rejectedValue": null,
            "bindingFailure": false,
            "code": "NotEmpty"
        }
    ],
    "message": "Validation failed for object='brandEntity'. Error count: 3",
    "path": "/product/brand/save"
}

做一个统一的异常处理功能

创建一个文件来接受数据校验的异常，并抛出：mall-product/src/main/java/com/lastingwar/mall/product/exception/ExceptionControllerAdvice.java
内容如下：

package com.lastingwar.mall.product.exception;


import com.lastingwar.common.utils.R;
import lombok.extern.slf4j.Slf4j;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.MethodArgumentNotValidException;
import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.bind.annotation.ExceptionHandler;
import org.springframework.web.bind.annotation.RestControllerAdvice;


import java.util.HashMap;
import java.util.Map;

/**
 * 集中处理所有异常
 */
@Slf4j
//@ResponseBody
//@ControllerAdvice(basePackages = "com.lastingwar.mall.product.controller")
@RestControllerAdvice(basePackages = "com.lastingwar.mall.product.controller")
public class ExceptionControllerAdvice {

    //介绍异常的类型
    @ExceptionHandler(value= MethodArgumentNotValidException.class)
    public R handleVaildException(MethodArgumentNotValidException e){
        //错误日志打印的内容
        log.error("数据校验出现问题{}，异常类型：{}",e.getMessage(),e.getClass());
        //接受返回的异常结果
        BindingResult bindingResult = e.getBindingResult();
        //存放异常的map
        Map<String,String> errorMap = new HashMap<>();
        //数据监测内容比较多，遍历成映射添加进map
        bindingResult.getFieldErrors().forEach((fieldError)->{
            errorMap.put(fieldError.getField(),fieldError.getDefaultMessage());
        });
        //返回的json内容
        return R.error(400,"数据校验出现问题").put("data",errorMap);
    }
        //接受其他所有错误
    @ExceptionHandler(value = Throwable.class)
    public R handleException(Throwable throwable){
        return R.error(BizCodeEnume.UNKNOW_EXCEPTION.getCode(),BizCodeEnume.UNKNOW_EXCEPTION.getMsg());
    }
}

编写完成之后重启服务，来到postman测试，返回编写的内容
在这里插入图片描述
注意由于微服务众多，之后会有大量的异常，异常状态码是定位异常的主要依据，所以对异常状态码要有规范性的标准。
所以在common模块中添加一个枚举类来保存状态码：
mall-common/src/main/java/com/lastingwar/common/exception/BizCodeEnume.java
内容：

package com.lastingwar.common.exception;

/***
 * 错误码和错误信息定义类
 * 1. 错误码定义规则为5为数字
 * 2. 前两位表示业务场景，最后三位表示错误码。例如：100001。10:通用 001:系统未知异常
 * 3. 维护错误码后需要维护错误描述，将他们定义为枚举形式
 * 错误码列表：
 *  10: 通用
 *      001：参数格式校验
 *  11: 商品
 *  12: 订单
 *  13: 购物车
 *  14: 物流
 *
 *
 */
public enum BizCodeEnume {
    UNKNOW_EXCEPTION(10000,"系统未知异常"),
    VALID_EXCEPTION(10001,"参数格式校验失败");

    private int code;
    private String msg;
    BizCodeEnume(int code,String msg){
        this.code = code;
        this.msg = msg;
    }

    public int getCode() {
        return code;
    }

    public String getMsg() {
        return msg;
    }
}

之后就能够在控制响应那边调用枚举类：

package com.lastingwar.mall.product.exception;


import com.lastingwar.common.exception.BizCodeEnume;
import com.lastingwar.common.utils.R;
import lombok.extern.slf4j.Slf4j;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.MethodArgumentNotValidException;
import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.bind.annotation.ExceptionHandler;
import org.springframework.web.bind.annotation.RestControllerAdvice;


import java.util.HashMap;
import java.util.Map;

/**
 * 集中处理所有异常
 */
@Slf4j
//@ResponseBody
//@ControllerAdvice(basePackages = "com.lastingwar.mall.product.controller")
@RestControllerAdvice(basePackages = "com.lastingwar.mall.product.controller")
public class ExceptionControllerAdvice {

    //介绍异常的类型
    @ExceptionHandler(value= MethodArgumentNotValidException.class)
    public R handleVaildException(MethodArgumentNotValidException e){
        //错误日志打印的内容
        log.error("数据校验出现问题{}，异常类型：{}",e.getMessage(),e.getClass());
        //接受返回的异常结果
        BindingResult bindingResult = e.getBindingResult();
        //存放异常的map
        Map<String,String> errorMap = new HashMap<>();
        //数据监测内容比较多，遍历成映射添加进map
        bindingResult.getFieldErrors().forEach((fieldError)->{
            errorMap.put(fieldError.getField(),fieldError.getDefaultMessage());
        });
        //返回的json内容
        return R.error(BizCodeEnume.VALID_EXCEPTION.getCode(),BizCodeEnume.VALID_EXCEPTION.getMsg()).put("data",errorMap);
    }

    //接受其他所有错误
    @ExceptionHandler(value = Throwable.class)
    public R handleException(Throwable throwable){
        return R.error(BizCodeEnume.UNKNOW_EXCEPTION.getCode(),BizCodeEnume.UNKNOW_EXCEPTION.getMsg());
    }
}

再用postman进行测试即可看到枚举类的信息
在这里插入图片描述

猛肝自然强
关注
专栏目录
前后端分离-电商项目
JanLEE
07-28 1334
<!doctype html> 01_前后端分离-电商项目.CodeMirror { height: auto; } .CodeMirror.cm-s-inner { background: inherit; } .CodeMirror-scroll { overflow-y: hidden; overflow-x: auto; z-index: 3; } .CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { backgroun
分布式电商项目 谷粒商城 学习笔记＜2＞
自救 唯有自强
11-07 1162
文章目录六、三级分类1.按照父子类的结构获取所有分类2.跨域问题的解决1、使用nginx部署为同一域2、让服务器告诉预检请求能跨域3.过滤器优先级问题4.删除5.增加修改拖拽七、品牌管理1.阿里云上传2.代码上传品牌图片3.JSR303校验@Valid内置异常统一异常处理八、商品SPU和SKU管理1.概念2.三级分类表和属性表3.分页插件4.模糊查询5.冗余字段保持一致6.PO VO DTO POJO九、规格参数新增与VO1.新建VO2.查询涉及到多个表3.采购十、ES1.基本概念2.安装3.配置4.基本
乐优商场开发第八天笔记
wwg18895736195的博客
10-19 896
0.学习目标 独立实现品牌新增 实现图片上传 了解FastDFS的安装 使用FastDFS客户端实现上传   1.品牌的新增 昨天我们完成了品牌的查询，接下来就是新增功能。 1.1.页面实现 1.1.1.初步编写弹窗 当我们点击新增按钮，应该出现一个弹窗，然后在弹窗中出现一个表格，我们就可以填写品牌信息了。 我们查看Vuetify官网，弹窗是如何...
电商四十三、模板管理----------关联品牌下拉列表（前端代码）
lbh19630726的博客
10-13 204
①前端代码的service层（服务层）编写。写在哪里去访问后端地址呢？因为是查询品牌下拉列表数据，所以应该扩充写在brandService.js中，而不是写在typeTemplateService.js中。 ②前端代码控制层（controller层）。写在哪一个控制层呢？这个时候应该写在typeTemplateController.js控制层，而不是brandController.js...
分布式电商项目二十八：完善品牌管理的添加功能-分组校验
LastYHM的博客
06-04 305
完善品牌管理的添加功能-分组校验 针对不同的请求，不能使用相同的校验规则，例如在添加品牌时，不能携带id信息，应该是系统自动生成，而在修改品牌信息是时，必须要有id才能修改，所以需要添加分组校验的功能。 添加分组注解 由于所有的功能都有分组校验的需求，所以把分组的包放在common模块中，添加三个空接口进行分组： package com.lastingwar.common.valid; public interface AddGroup { } package com.lastingwar.common
电商项目专题(七)-品牌管理
专业的计算机毕业设计指南
09-13 396
1.品牌列表的实现 1.1.需求分析 实现品牌列表的查询（暂时不用分页、条件查询、图片上传）效果如下： 1.2.准备后台管理工程 1.2.1.
从无到有搭建一个电商项目（九）：品牌管理
诗和远方
04-14 1071
功能一：实现品牌查询 品牌查询这个功能，我们从0开始，实现下从前端到后端的完整开发 前端页面设计 新建一个MyBrand.vue（注意先停掉服务器），从0开始搭建 MyBrand.vue内容初始化： <template> <span> hello </span> </template> <script> export...
电商项目java经验_分布式电商系统项目总结
weixin_42499379的博客
02-13 3981
概述：淘淘商城是采用分布式架构部署的一个大型网上商城系统，类似于京东商城。本系统分前台系统和后台系统。前台系统主要负责商城的页面的显示功能，这里采用的面向服务的方式，pc端手机端只负责显示页面，业务逻辑都在服务层实现，客户端调用服务端接口来实现显示功能。在前台系统中主要分为：客户端：系统前台页面显示系统(portal，8082)。服务端系统：(1)rest系统(8081)：负责调用CMS系统的内容...
vue实战项目-电商商城前台-（学习尚硅谷的）尚品汇
drhrht的博客
07-31 6328
但是会出现卡顿现象。当微信支付弹窗弹出，就要持续发获取订单支付状态的请求（持续是因为并不知道用户什么时候支付，所以需要持续发请求，直到能获取到支付状态），若接收到支付成功，则路由跳转至支付成功页面。项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错，有了map文件就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。例如，为防止，不经过某路由就直接在地址栏输入本路由地址而跳转至本路由，导致本路由获取不到前面路由的某些数据，所以给本路由加路由独享守卫。...
电商项目——分布式组件（SpringCloud Alibaba，SpringCloud）——第七章——上篇
qq_44891295的博客
10-06 1008
文章目录1：前言2：SpringCloud Alibaba简介2.1 如何整合alibaba进入到我们的项目3：SpringCloud Alibaba-Nacos注册中心-简单示例3.1 第一步：修改pom.xml文件，引入Nacos Discovery Starter3.2 在应用的/src/main/resources/application.properties配置文件中配置Nacos Server地址3.3 使用@EnableDiscoverClient注解开启服务注册与发现功能3.4 启动mall
如何提取品牌字段？？？？
weixin_46994093的博客
08-22 205
如何将红框内的字符提取出来？？
封装elementUI 网页上传文件至七牛云
weixin_45369440的博客
05-18 344
首先是上传模板 singleUpload.vue 目录: src/components/upload/singleUpload.vue 有两个需要改的直接搜 List item qiniu.region.z1 -> 改成自己七牛云配置的region qiniu.region.z0: 代表华东区域 qiniu.region.z1: 代表华北区域 qiniu.region.z2: 代表华南区域 qiniu.region.na0: 代表北美区域 qiniu.region.as0: 代表新加坡区域 &lt
文件上传到云服务器对象存储oos流程
weixin_49260963的博客
06-13 636
谷粒商城文件上传到oos流程
element UI 上传文件到阿里云对象存储服务
实践求真知
10-30 1482
一element UI 单文件上传组件封装 1singleUpload.vue <template> <div> <!-- 上传组件 action：上传地址 --> <el-upload action="http://gulimall-cakin.oss-cn-chengdu.aliyuncs.com" :data="dataObj" list-type="pictur..
阿里云oss文件上传（简单上传、服务端签名后直传）
baidu_36124158的博客
02-27 7675
前置： 自行开通阿里oss服务： https://www.aliyun.com/product/oss?spm=a2c4g.11174283.J_8058803260.125.d9387da2TjNfP6 oss API: https://help.aliyun.com/document_detail/32013.html?spm=a2c4g.11186623.6.956.65694697WhZebu 一、简单的文件上传： 依赖： <dependency> <gr.
谷粒商城笔记+踩坑（4）——商品服务-品牌管理，阿里云云存储+JSR303数字校验+统一异常处理
最新发布
vincewm的博客
09-28 4038
商品服务-品牌管理、添加“品牌管理”到人人后台管理系统、前端显示状态开关、阿里云云存储实现文件上传、异常处理类、JSR303数字校验、分组校验、自定义校验
VUE运行是报错These dependencies were not found: * @/components/upload/multiUpload in ./node_modules/
鲁迅说要做好或更好的博客
12-11 6540
VUE运行是报错These dependencies were not found: * @/components/upload/multiUpload in ./node_modules/babel-loader/lib!..These dependencies were not found: 首先这个我这边报错的信息: These dependencies were not found: * @/components/upload/multiUpload in ./node_modules/babel
日期转换
qq_42863620的博客
08-21 144
问题描述:在input type="date"时提交后出现转换异常Field error in object 'employee' on field 'birth': rejected value [2019-08-17]; codes [typeMismatch.employee.birth,typeMismatch.birth,typeMismatch.java.u...
5. 谷粒商城商品管理优化、文件上传、表单校验
UnityAlvin
05-26 514
商品管理优化 需求 品牌logo：显示图片 显示状态：添加开关 前端 先把VS Code里面vetur的ESLint关闭 template product/brand.vue <el-table-column prop="logo" header-align="center" align="center" label="品牌logo" > <!-- 自定义列模板：显示图片-->
JavaEE淘淘商城分布式电商项目实战详解：Spring+Redis+Solr
本资源是针对JavaEE大型分布式电商项目——淘淘商城的深度解析。淘淘商城是一个集社区与电子商务于一体的综合性B2C平台，其设计目标是将电商功能融入社交功能，形成“社区+电子商务”的模式。项目采用分布式系统架构...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值