Vue 将el-form数据，转换为json post 提交Spring Boot后台

最新推荐文章于 2024-05-24 16:31:36 发布
最新推荐文章于 2024-05-24 16:31:36 发布
阅读量1.9k 收藏 7
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhouzhiwengang/article/details/119135894
版权

第一步：创建一个表单数据集（定时任务过滤参数实体）

表单数据集（定时任务过滤参数实体）定义：

 el-form 绑定表单数据集（定时任务过滤参数实体）定义：

 <div>
    <el-col :span="24">
      <el-form :inline="true" :model="queryParams" ref="queryParams">
        <el-form-item label="定时任务类名">
          <el-input v-model="queryParams.jobName"  placeholder="类名"></el-input>
        </el-form-item>
        <el-form-item label="定时任务实体名称">
          <el-input v-model="queryParams.beanName"  placeholder="实体名称"></el-input>
        </el-form-item>
        <el-form-item >
        <el-form-item label="定时任务方法名称">
          <el-input v-model="queryParams.methodName"  placeholder="方法名称"></el-input>
        </el-form-item>
        <el-form-item label="定时任务状态">
           <el-select v-model="queryParams.status" placeholder="任务状态">
                <el-option label="启动" value="0"></el-option>
                <el-option label="停止" value="1"></el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="定时任务删除状态">
          <el-select v-model="queryParams.delFlag" placeholder="删除状态">
                <el-option label="正常" value="0"></el-option>
                <el-option label="删除" value="1"></el-option>
            </el-select>
        </el-form-item>
        
        </el-form-item>
      </el-form>
    </el-col>
    <el-col>
         <!--自定义searchHandler函数-->
            <el-button type="primary" @click="searchHandler">查询</el-button>
            <!---->
            <el-button type="primary" @click="reset">重置</el-button>

             <!---->
            <el-button type="primary" @click="dialogFormAdd = true">新增</el-button>

             <el-button type="primary" @click="stopAll">暂停所有定时任务</el-button>

              <el-button type="primary" @click="startAll">开启所有定时任务</el-button>
    </el-col>

第二步：表单数据集（定时任务过滤参数实体）参数转换为JSON

触发条件，点击查询按钮触发相关事件执行（在method 定义如下方法）

searchHandler() {
        var self = this
        this.$axios({
          method:'post',
          url:'/api/scheduleJob/getPage',
          data:JSON.stringify(this.queryParams),
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          console.log(res);
         self.pagination.total = res.data.datas.data.total;
          self.tableData = res.data.datas.data.records;
        })
          .catch(function (error) {
            console.log(error)
          })
      },

核心代码片段=data:JSON.stringify(this.queryParams)

动态定时任务效果展示和前端相关代码

 

 

Vue 动态定时任务界面核心代码:

<style>
</style>
<template>
  <div>
    <el-col :span="24">
      <el-form :inline="true" :model="queryParams" ref="queryParams">
        <el-form-item label="定时任务类名">
          <el-input v-model="queryParams.jobName"  placeholder="类名"></el-input>
        </el-form-item>
        <el-form-item label="定时任务实体名称">
          <el-input v-model="queryParams.beanName"  placeholder="实体名称"></el-input>
        </el-form-item>
        <el-form-item >
        <el-form-item label="定时任务方法名称">
          <el-input v-model="queryParams.methodName"  placeholder="方法名称"></el-input>
        </el-form-item>
        <el-form-item label="定时任务状态">
           <el-select v-model="queryParams.status" placeholder="任务状态">
                <el-option label="启动" value="0"></el-option>
                <el-option label="停止" value="1"></el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="定时任务删除状态">
          <el-select v-model="queryParams.delFlag" placeholder="删除状态">
                <el-option label="正常" value="0"></el-option>
                <el-option label="删除" value="1"></el-option>
            </el-select>
        </el-form-item>
        
        </el-form-item>
      </el-form>
    </el-col>
    <el-col>
         <!--自定义searchHandler函数-->
            <el-button type="primary" @click="searchHandler">查询</el-button>
            <!---->
            <el-button type="primary" @click="reset">重置</el-button>

             <!---->
            <el-button type="primary" @click="dialogFormAdd = true">新增</el-button>

             <el-button type="primary" @click="stopAll">暂停所有定时任务</el-button>

              <el-button type="primary" @click="startAll">开启所有定时任务</el-button>
    </el-col>
    <!--
    <p style="text-align: left; margin-bottom: 10px;">
      <el-button type="primary" @click="dialogFormAdd = true">添加</el-button>
    </p>-->
    <el-col>
      <el-table
        :data="tableData"
        style="width: 100%">
        <el-table-column
          v-for="(data,index) in tableHeader"
          :key="index"
          :prop="data.prop"
          :label="data.label"
          :min-width="data['min-width']"
          :align="data.align">
        </el-table-column>
        <el-table-column
          prop="status"
          label="任务状态">
          <template slot-scope="scope">{{ scope.row.status === 0 ? '启动' : '停止' }}</template>
        </el-table-column>
        <el-table-column
          prop="delFlag"
          label="删除状态">
          <template slot-scope="scope">{{ scope.row.delFlag === 0 ? '正常' : '删除' }}</template>
        </el-table-column>
        <el-table-column
          label="操作"
          min-width="240">
          <template slot-scope="scope">
            <el-button type="primary" size="mini" @click="toEdit(scope)">修改</el-button>
            <el-button type="danger" size="mini" @click="deleteMember(scope)">删除</el-button>

            <el-button type="info" v-if="scope.row.status == 1" size="mini" @click="startQuartz(scope)">任务启动</el-button>
            <el-button type="warning" v-if="scope.row.status == 0" size="mini" @click="stopQuartz(scope)">任务暂停</el-button>
            <el-button type="danger" size="mini" @click="deleteQuartz(scope)">任务删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <br>
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="pagination.pageIndex"
        :page-sizes="[5, 10, 20, 30, 40]"
        :page-size=pagination.pageSize
        layout="total, sizes, prev, pager, next, jumper"
        :total=pagination.total>
      </el-pagination>
    </el-col>
 
    <el-dialog title="添加定时任务" :visible.sync="dialogFormAdd">
      <el-form :model="member">
        <el-form-item label="任务名称" >
          <el-input v-model="member.jobName" auto-complete="off"></el-input>
        </el-form-item>
         <el-form-item label="任务表达式" >
          <el-input v-model="member.cronExpression" auto-complete="off"></el-input>
        </el-form-item>
         <el-form-item label="实体名称" >
          <el-input v-model="member.beanName" auto-complete="off"></el-input>
        </el-form-item>
         <el-form-item label="方法名称" >
          <el-input v-model="member.methodName" auto-complete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormAdd = false">取 消</el-button>
        <el-button type="primary" @click="add(member)">确 定</el-button>
      </div>
    </el-dialog>
 
    <el-dialog title="修改定时任务" :visible.sync="dialogFormEdit">
      <el-form :model="member">
        <el-form-item label="任务名称" >
          <el-input v-model="member.jobName" auto-complete="off"></el-input>
        </el-form-item>
         <el-form-item label="任务表达式" >
          <el-input v-model="member.cronExpression" auto-complete="off"></el-input>
        </el-form-item>
         <el-form-item label="实体名称" >
          <el-input v-model="member.beanName" auto-complete="off"></el-input>
        </el-form-item>
         <el-form-item label="方法名称" >
          <el-input v-model="member.methodName" auto-complete="off"></el-input>
        </el-form-item>
        <el-form-item label="任务状态" >
          <el-select v-model="member.status" placeholder="任务状态">
                <el-option label="启动" value="0"></el-option>
                <el-option label="停止" value="1"></el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="删除状态" >
           <el-select v-model="member.delFlag" placeholder="删除状态">
                <el-option label="正常" value="0"></el-option>
                <el-option label="删除" value="1"></el-option>
            </el-select>
        </el-form-item>

      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormEdit = false">取 消</el-button>
        <el-button type="primary" @click="edit(member)">确 定</el-button>
      </div>
    </el-dialog>
 
  </div>
</template>
 
<script>
  
  export default{
    name: 'member',
    data () {
      return {
        tableData: [],
        dialogFormEdit: false,
        dialogFormAdd:false,
        member: {
          sid: '',
          jobName: '',
          cronExpression: '',
          beanName: '',
          methodName: '',
          status: '',
          createTime:'',
          updateTime:'',
          delFlag:''
        },
        queryParams:{
          jobName:'',
          beanName:'',
          methodName:'',
          status:'',
          delFlag:''
        },
        pagination: {
          pageIndex: 1,
          pageSize: 10,
          total: 0,
        },
        tableHeader: [
          {
            prop: 'id',
            label: '任务编号',
            align: 'left'
          },
          {
            prop: 'jobName',
            label: '任务名称',
            align: 'left'
          },
          {
            prop: 'cronExpression',
            label: '任务表达式',
            align: 'left'
          },
          {
            prop: 'beanName',
            label: '实体名称',
            align: 'left'
          },
          {
            prop: 'methodName',
            label: '方法名称',
            align: 'left'
          }
        ]
      }
    },
    methods: {
      init () {
        var self = this
        this.$axios({
          method:'post',
          url:'/api/scheduleJob/getPage',
          data:{"page":this.pagination.pageIndex,"limit":this.pagination.pageSize},
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          console.log(res);
          self.pagination.total = res.data.datas.data.total;
          self.tableData = res.data.datas.data.records;
        })
          .catch(function (error) {
            console.log(error)
          })
      },
      handleSizeChange(val) {
        this.pagination.pageSize = val;
        this.pagination.pageIndex = 1;
        this.init();
      },
      handleCurrentChange(val) {
        this.pagination.pageIndex = val;
        this.init();
      },
      add (member) {
        console.log("添加事件被触发")
        this.$axios({
          method:'post',
          url:'/api/scheduleJob/insert',
          data:JSON.stringify(member),
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          this.$message.success('添加成功')
          this.dialogFormAdd = false
          this.init()
        })
          .catch(function (error) {
            console.log(error)
          })
      },
      toEdit (scope) {
        this.member.sid = scope.row.id
        this.member.jobName = scope.row.jobName
        this.member.cronExpression = scope.row.cronExpression
        this.member.beanName = scope.row.beanName
        this.member.methodName = scope.row.methodName
        this.member.status = scope.row.status.toString()
        this.member.delFlag = scope.row.delFlag.toString()
        this.dialogFormEdit = true
      },
      edit () {
        
        var params ={
          'id' : this.member.sid,
          'jobName' : this.member.jobName,
          'cronExpression' : this.member.cronExpression,
          'beanName' :  this.member.beanName,
          'methodName' : this.member.methodName,
          'status' : this.member.status,
          'delFlag' : this.member.delFlag
        }
 
        this.$axios({
          method:'post',
          url:'/api/scheduleJob/update',
          data:params,
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          this.$message.success('修改成功')
          this.dialogFormEdit = false
          this.init()
        }).catch(function (error) {
          console.log(error)
        })
      },
      deleteMember (scope) {
        if (!scope.row.id) {
          this.tableData.splice(scope.$index, 1)
        } else {
          this.$confirm('确认是否删除', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
            center: true
          })
            .then(() => {
            console.log(scope.row.id)
            var params ={
                 'id' : scope.row.id
            }
             
        this.$axios({
          method:'post',
          url:'/api/scheduleJob/delete',
          data:params,
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          this.$message.success('修改成功')
          this.init()
        }).catch(function (error) {
          console.log(error)
        })
        })
        }
      },
      deleteQuartz(scope) {
           if (!scope.row.id) {
          this.tableData.splice(scope.$index, 1)
        } else {
          this.$confirm('确认是否删除', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
            center: true
          })
            .then(() => {
            console.log(scope.row.id)
            var params ={
                 'id' : scope.row.id,
                 'jobName' : scope.row.jobName
            }
             
        this.$axios({
          method:'post',
          url:'/api/quartz/deleteJob',
          data:JSON.stringify(params),
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          console.log(res)
          this.$message.success('删除成功')
          this.init()
        }).catch(function (error) {
          console.log(error)
        })
        })
        }
      },
      startQuartz(scope) {
          if (!scope.row.id) {
          this.tableData.splice(scope.$index, 1)
        } else {
          this.$confirm('确认是否启动', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
            center: true
          })
            .then(() => {
            console.log(scope.row.id)
            var params ={
                 'id' : scope.row.id,
                 'jobName' : scope.row.jobName
            }
             
        this.$axios({
          method:'post',
          url:'/api/quartz/startJob',
          data:JSON.stringify(params),
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          console.log(res)
          this.$message.success('启动成功')
          this.init()
        }).catch(function (error) {
          console.log(error)
        })
        })
        }
      },
      stopQuartz(scope) {
          if (!scope.row.id) {
          this.tableData.splice(scope.$index, 1)
        } else {
          this.$confirm('确认是否暂停', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
            center: true
          })
            .then(() => {
            console.log(scope.row)
            var params ={
                 'id' : scope.row.id,
                 'jobName' : scope.row.jobName
            }
             
        this.$axios({
          method:'post',
          url:'/api/quartz/pauseJob',
          data:JSON.stringify(params),
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          console.log(res)
          this.$message.success('暂停成功')
          this.init()
        }).catch(function (error) {
          console.log(error)
        })
        })
        }
      },
      searchHandler() {
        var self = this
        this.$axios({
          method:'post',
          url:'/api/scheduleJob/getPage',
          data:JSON.stringify(this.queryParams),
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          console.log(res);
         self.pagination.total = res.data.datas.data.total;
          self.tableData = res.data.datas.data.records;
        })
          .catch(function (error) {
            console.log(error)
          })
      },
      reset(){
         //  重新设置请求参数实体属性
        this.queryParams = {
        jobName:undefined,
        beanName:undefined,
        methodName:undefined,
        status:undefined,
        delFlag:undefined
        };
        //表单验证还原
        if (this.$refs['queryParams'] !== undefined) {
           this.$refs['queryParams'].resetFields();
        }else{
          this.$nextTick(()=>{
            this.$refs['queryParams'].resetFields();
          });
        }
      },
      startAll(){
            this.$axios({
          method:'post',
          url:'/api/quartz/startAllJob',
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          this.$message.success('定时任务全部启动成功')
         
        }).catch(function (error) {
          console.log(error)
        })
      },
      stopAll(){
            this.$axios({
          method:'post',
          url:'/api/quartz/pauseAllJob',
          headers:{
            'Content-Type':'application/json;charset=utf-8'      //改这里就好了
          }
        }).then(res => {
          this.$message.success('定时任务全部暂停成功')
        }).catch(function (error) {
          console.log(error)
        })
      }
    },
    mounted: function () {
      this.init()
    }
  }
</script>

 

 

 

 

 

 

在奋斗的大道
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
from 表单post方式提交,返回json数据
内沐的博客
03-17 1万+
action=”mvc/dangerApproval/safety_app_save” 如果aciton请求后不加.json Content-Type:application/x-www-form-urlencoded; charset=UTF-8 可以看到:默认是x-www-form-urlencoded. 后台数据返回格式,如下 Content-Type:ap
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
10-15
综上所述，通过合理地利用Vue的数据绑定和Element UI的组件特性，我们可以实现一个既能添加又能编辑数据的表单，同时确保在表单提交后能够有效地清空数据，提高用户体验。这种做法既考虑了性能，又保持了代码的整洁...
Vue 实现把表单form数据 转化成json格式的数据
12-13
目的：Vue 中 把表单form数据 转化成json格式的数据 第一步：创建一个数据集（就是你表单需要的数据） 如果你表单都是一些正常的数据，比如 text 什么的。你定义好数据集，就去用 v-model 绑定数据。这样就可以实现数据同步了。 数据集 v-model绑定 如果你的数据不全是这种可以用 v-model 绑定的数据，比如我这个里面需要获取一个 img 的 src 的值。那么下面就需要你想办法把数据给绑定上去了 第二步：转化json 上面第一步，我们已经通过 自动 + 手动 的方式把我们需要的数据给获取到了。下面我们只需要一个方法就可以转成json了。 console.log
js 怎么让axios的post以json、form表单的形式发送请求，请求头content-type
PrimaryColor
11-09 3998
代码： /** * post方法，对应post请求 * @param {String} url [请求的url地址] * @param {Object} params [请求时携带的参数] * @param {Boolean} json [true：json格式请求头；false：FormData格式请求头] */ export function post(url, params = {}, json = false) { // json格式请求头 const headerJSON =
vue3中el-form表单校验，再点击提交按钮的时候通过校验才进行提交
最新发布
李长渊的博客
05-24 1533
vue3中el-form表单校验，再点击提交按钮的时候通过校验才进行提交
Vue 中 把表单form数据 转化成json格式的数据
热门推荐
小道仙的后宫
09-12 1万+
目的：Vue 中 把表单form数据 转化成json格式的数据 第一步：创建一个数据集（就是你表单需要的数据） 如果你表单都是一些正常的数据，比如 text 什么的。你定义好数据集，就去用 v-model 绑定数据。这样就可以实现数据同步了。 数据集 v-model绑定 如果你的数据不全是这种可以用 v-model 绑定的数据，比如我这个里面需要获取一个 img 的 src ...
vue-element-admin提交表单数据到后端
祈澈菇凉
09-16 6915
前几天使用vue-element-admin框架开发了一个简单的后台管理系统，在开发的过程之中也遇到了一些功能，以及对饿了么框架的使用遇到的一些问题，如何解决问题，记录一下。 资料相关 vue-element-admin 推荐指数：star:55k Github 地址：https://github.com/PanJiaChen/vue-element-admin Demo体验：https://p...
在vue项目中使用axios请求，post方法向后端提交json格式的参数
Vue1024的博客
12-10 5938
在vue项目中使用axios请求，post方法向后端提交json格式的参数 首先安装axios npm install axios 在main.js中应用 import axios from 'axios' Vue.prototype.$axios=axios //定义为全局 在vue文件中使用 //定义一个json示例 var jsons={ arr:["123"], str:'123' } //在需要的事件中直接使用 this.$axios({ url:'',
element单选按钮 form提交数据到后端
qq_46625482的博客
07-21 1946
错误案例： <el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form-item prop="remind" label="提醒时间"> <el-radio v-model="remind" label="是">是</el-radio> <el-radio v-model="remind" label="否">否</el-rad.
vue3-json-schema-form:基于jsonschema的vue3表单生成器
05-23
vue3-json-schema-form a form generator based on jsonschema for vue3 Project setup npm install npm run serve npm run build npm run test:unit npm run lint API 设计 value={value} xss=removed locale={...
form数据与json对象的互相转换(完整版)
05-15
form数据与json对象的互相转换(完整版) * 将web Form 的数据转化成json字符串 * 将json对象的值解析后填入web Form 在AJAX开发中这是关键技术： 1、将form中的数据利用本工具转换成json格式的字符串，再通过ajax传给服务器，从而可以实现无刷新的form提交。； 2、通过AJAX从服务器得到json格式的数据，然后使用本工具解析数据填入form。从而可以实现无刷新的页面内容更新。
对象转json ，json转对象
12-27
对象转json ，json转对象
Vue axios 将传递的json数据转为form data的例子
12-13
修改main.js文件中axios的配置： 在发送请求前将数据用qs模块转化 修改请求头的Content-Type=’application/x-www-form-urlencoded’ 具体配置如下： import axios from 'axios' import qs from 'qs' // 添加请求拦截器 axios.interceptors.request.use(function (config) { if(config.method!='get'){ config.data=qs.stringify(config.data); } config.headers['C
vue-jsonschema-form:vue2的JSON模式表单生成器
05-12
vue-jsonschema-form [WIP：未准备好] 基于JSON模式表单生成器 概述 该项目的目的是创建一个简单的Vue组件，该组件能够根据构建HTML表单，并且默认情况下使用语义。 入门 克隆此存储库，安装依赖项并使用dev命令...
vue elementui el-form rules动态验证的实例代码详解
10-16
在使用elementUI el-form 中，对于业务不同的时候可能会产生不同表单结构，但是都是存在同一个表单控件el-form中。这篇文章主要介绍了vue elementui el-form rules动态验证的实例代码,需要的朋友可以参考下
vue 前台对象转json_vue.js如何将form存成json格式
weixin_39823269的博客
12-22 1173
RT，一个form里有多行输入，我想问下怎么能把所有的内容存成json的格式，再发送出去？我找到了很多方法都是jquery写的，想问问vue在这方面如何做到。我可能阐述的不是很清楚，我是用的是JSON.stringfy，但我想要的json格式比较复杂，范例如下：{"Test_number":"name1""list":[{"user_id":[100, 200,300],"group_number...
Vue使用Element-ui表单发送数据和多张图片到后端
lwj_0415的博客
03-28 6322
在做项目的时候遇到一个问题，前端需要上传表单到后端，表单数据包括文本内容和图片，后端我用的是Nodejs，效果类似下图 前端需要向后端传商品名称，价格，描述，商品图片 前端准备，利用Element-ui中的表单功能和上传功能，将upload代码嵌套在表单中，代码如下 <template> <div class="content"> <div class="form"> <el-form ref="form" :mode
【Vue】post提交表单
星辰大海
01-10 1608
<el-form id="aForm" method="post" ref="authForm" action="test.php"> <input type="hidden" name="isagree"> <input type="hidden" name="useragent"> <el-button type="primary" @click...
el-form表单中使用 vue-json-editor
05-18
在 `el-form` 表单中使用 `vue-json-editor` 可以通过以下步骤实现： 1. 安装 `vue-json-editor`: ```bash npm install vue-json-editor --save ``` 2. 在需要使用的组件中引入 `vue-json-editor`： ```html <template> <div> <el-form :model="form" label-width="100px"> <el-form-item label="JSON"> <vue-json-editor v-model="form.json"></vue-json-editor> </el-form-item> </el-form> </div> </template> <script> import VueJsonEditor from "vue-json-editor"; export default { components: { VueJsonEditor, }, data() { return { form: { json: {}, }, }; }, }; </script> ``` 3. 在 `el-form` 表单中使用 `vue-json-editor` 的时候，需要注意以下几点： - `vue-json-editor` 组件需要绑定一个 `v-model`，用于双向数据绑定； - `vue-json-editor` 组件的值是一个对象，如果需要传递一个空对象，可以使用 `{}`； - `vue-json-editor` 组件需要引入到组件中。 以上就是在 `el-form` 表单中使用 `vue-json-editor` 的步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值