idea前后端分离增删查改

最新推荐文章于 2023-11-07 10:00:29 发布
最新推荐文章于 2023-11-07 10:00:29 发布
阅读量1k 收藏 13
点赞数 1
文章标签： intellij-idea java intellij idea idea
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52639224/article/details/122439562
版权

1.实体类

package com.zking.ssm.model;

import java.io.Serializable;
import lombok.Data;

/**
 * t_order
 * @author 
 */
@Data
public class Order implements Serializable {
    /**
     * 订单编号
     */
    private Integer id;

    /**
     * 订单描述
     */
    private String orderDesc;

    /**
     * 订单金额
     */
    private Double amount;

    /**
     * 客户名称
     */
    private String custName;

    /**
     * 客户电话
     */
    private String custPhone;

    /**
     * 客户地址
     */
    private String custAddr;

    private static final long serialVersionUID = 1L;
}

2.mapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.zking.ssm.mapper.OrderMapper">
  <resultMap id="BaseResultMap" type="com.zking.ssm.model.Order">
    <id column="id" jdbcType="INTEGER" property="id" />
    <result column="order_desc" jdbcType="VARCHAR" property="orderDesc" />
    <result column="amount" jdbcType="FLOAT" property="amount" />
    <result column="cust_name" jdbcType="VARCHAR" property="custName" />
    <result column="cust_phone" jdbcType="VARCHAR" property="custPhone" />
    <result column="cust_addr" jdbcType="VARCHAR" property="custAddr" />
  </resultMap>
  <sql id="Base_Column_List">
    id, order_desc, amount, cust_name, cust_phone, cust_addr
  </sql>
  <select id="selectByPrimaryKey" parameterType="java.lang.Integer" resultMap="BaseResultMap">
    select 
    <include refid="Base_Column_List" />
    from t_order
    where id = #{id,jdbcType=INTEGER}
  </select>

  <select id="listOrders" parameterType="java.lang.String" resultMap="BaseResultMap">
    select
    <include refid="Base_Column_List" />
    from t_order
    <where>
      <if test="orderDesc != null and orderDesc != ''">
        and order_desc like concat('%',#{orderDesc,jdbcType=INTEGER},'%')
      </if>
    </where>
  </select>

  <delete id="deleteByPrimaryKey" parameterType="java.lang.Integer">
    delete from t_order
    where id = #{id,jdbcType=INTEGER}
  </delete>
  <insert id="insert" keyColumn="id" keyProperty="id" parameterType="com.zking.ssm.model.Order" useGeneratedKeys="true">
    insert into t_order (order_desc, amount, cust_name, 
      cust_phone, cust_addr)
    values (#{orderDesc,jdbcType=VARCHAR}, #{amount,jdbcType=FLOAT}, #{custName,jdbcType=VARCHAR}, 
      #{custPhone,jdbcType=VARCHAR}, #{custAddr,jdbcType=VARCHAR})
  </insert>
  <insert id="insertSelective" keyColumn="id" keyProperty="id" parameterType="com.zking.ssm.model.Order" useGeneratedKeys="true">
    insert into t_order
    <trim prefix="(" suffix=")" suffixOverrides=",">
      <if test="orderDesc != null">
        order_desc,
      </if>
      <if test="amount != null">
        amount,
      </if>
      <if test="custName != null">
        cust_name,
      </if>
      <if test="custPhone != null">
        cust_phone,
      </if>
      <if test="custAddr != null">
        cust_addr,
      </if>
    </trim>
    <trim prefix="values (" suffix=")" suffixOverrides=",">
      <if test="orderDesc != null">
        #{orderDesc,jdbcType=VARCHAR},
      </if>
      <if test="amount != null">
        #{amount,jdbcType=FLOAT},
      </if>
      <if test="custName != null">
        #{custName,jdbcType=VARCHAR},
      </if>
      <if test="custPhone != null">
        #{custPhone,jdbcType=VARCHAR},
      </if>
      <if test="custAddr != null">
        #{custAddr,jdbcType=VARCHAR},
      </if>
    </trim>
  </insert>
  <update id="updateByPrimaryKeySelective" parameterType="com.zking.ssm.model.Order">
    update t_order
    <set>
      <if test="orderDesc != null">
        order_desc = #{orderDesc,jdbcType=VARCHAR},
      </if>
      <if test="amount != null">
        amount = #{amount,jdbcType=FLOAT},
      </if>
      <if test="custName != null">
        cust_name = #{custName,jdbcType=VARCHAR},
      </if>
      <if test="custPhone != null">
        cust_phone = #{custPhone,jdbcType=VARCHAR},
      </if>
      <if test="custAddr != null">
        cust_addr = #{custAddr,jdbcType=VARCHAR},
      </if>
    </set>
    where id = #{id,jdbcType=INTEGER}
  </update>
  <update id="updateByPrimaryKey" parameterType="com.zking.ssm.model.Order">
    update t_order
    set order_desc = #{orderDesc,jdbcType=VARCHAR},
      amount = #{amount,jdbcType=FLOAT},
      cust_name = #{custName,jdbcType=VARCHAR},
      cust_phone = #{custPhone,jdbcType=VARCHAR},
      cust_addr = #{custAddr,jdbcType=VARCHAR}
    where id = #{id,jdbcType=INTEGER}
  </update>
</mapper>

3.service层

package com.zking.ssm.service;

import com.zking.ssm.model.Order;
import org.apache.ibatis.annotations.Param;

import java.util.List;

/**
 * @author aq
 * @site www.xiaomage.com
 * @company xxx公司
 * @create  2022-01-10 15:02
 */
public interface IOrderService {

    List<Order> listOrders(@Param("orderDesc") String orderDesc);

    void insert(Order record);

    int deleteByPrimaryKey(@Param("id")Integer id);

    int updateByPrimaryKeySelective(Order record);

}

4.mapper

 

package com.zking.ssm.mapper;

import com.zking.ssm.model.Order;
import org.apache.ibatis.annotations.Param;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface OrderMapper {
    int deleteByPrimaryKey(Integer id);

    int insert(Order record);

    int insertSelective(Order record);

    Order selectByPrimaryKey(Integer id);

    int updateByPrimaryKeySelective(Order record);

    int updateByPrimaryKey(Order record);

    List<Order> listOrders(@Param("orderDesc") String orderDesc);


}

5.实现类

package com.zking.ssm.service;

import com.zking.ssm.mapper.OrderMapper;
import com.zking.ssm.model.Order;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;


@Service
public class OrderService implements IOrderService {

    @Autowired
    private OrderMapper orderMapper;

    @Override
    public List<Order> listOrders(String orderDesc) {
        return orderMapper.listOrders(orderDesc);
    }

    @Override
    public void insert(Order record) {
        orderMapper.insert(record);
    }

    @Override
    public int deleteByPrimaryKey(Integer id) {
        return orderMapper.deleteByPrimaryKey(id);
    }

    @Override
    public int updateByPrimaryKeySelective(Order record) {
        return orderMapper.updateByPrimaryKeySelective(record);
    }

}

6.controller层

package com.zking.ssm.controller;

import com.zking.ssm.model.Order;
import com.zking.ssm.service.IOrderService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;

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


@RestController
public class OrderController {

    @Autowired
    private IOrderService orderService;

    @GetMapping("/orders")
    public Object getOrders(String orderDesc) {
        List<Order> orders = orderService.listOrders(orderDesc);
        Map<String, Object> data = new HashMap<>();
        data.put("code", 1);
        data.put("msg", "操作成功");
        data.put("data", orders);
        return data;
    }

    @PostMapping("/insert")
    public Object insert(Order order) {
        Map<String,Object> data = new HashMap<>();
        try {
            orderService.insert(order);
            data.put("code", 1);
            data.put("msg", "操作成功");
            return  data;
        } catch (Exception e) {
            e.printStackTrace();
            data.put("code", -1);
            data.put("msg", "操作失败");
            return data;
        }
    }

    @PostMapping("/edit")
    public Object edit(Order order){
        Map<String,Object> data=new HashMap<>();
        try {
            orderService.updateByPrimaryKeySelective(order);
            data.put("code",1);
            data.put("msg","修改成功");
            return data;
        }catch (Exception e){
            e.printStackTrace();
            data.put("code",-1);
            data.put("msg","修改失败");
            return data;
        }
    }

    @PostMapping("/del")
    public Object del(int id){
        Map<String,Object> data=new HashMap<>();
        try {
            orderService.deleteByPrimaryKey(id);
            data.put("code",1);
            data.put("msg","删除成功");
            return data;
        }catch (Exception e){
            e.printStackTrace();
            data.put("code",-1);
            data.put("msg","删除失败");
            return data;
        }
    }


}

7.前端代码

<template>
  <div>

    <el-form :inline="true" class="demo-form-inline">
      <el-form-item label="订单描述">
        <el-input v-model="orderDesc"></el-input>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="cha()">查询</el-button>
        <el-button type="primary" @click="add()">新增</el-button>
      </el-form-item>
    </el-form>

    <el-table :data="tableData" stripe style="width: 100%">
      <el-table-column prop="id" label="id" width="180">
      </el-table-column>
      <el-table-column prop="orderDesc" label="订单描述" width="180">
      </el-table-column>
      <el-table-column prop="custName" label="客户">
      </el-table-column>
      <el-table-column prop="custAddr" label="地址">
      </el-table-column>
      <el-table-column prop="amount" label="金额">
      </el-table-column>
      <el-table-column prop="custPhone" label="电话">
      </el-table-column>

      <el-table-column fixed="right" label="操作" width="120">
        <template slot-scope="scope">
          <el-button @click="del(scope.$index, scope.row)" type="text">删除</el-button>
          <el-button type="text" @click="edit(scope.$index, scope.row)">修改</el-button>
        </template>
      </el-table-column>
    </el-table>

    <el-dialog :title="title" :visible.sync="editFormVisible" width="50%" @click="closeDialog">
      <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
        <el-form-item label="订单描述" prop="orderDesc">
          <el-input v-model="ruleForm.orderDesc"></el-input>
        </el-form-item>
        <el-form-item label="客户" prop="custName">
          <el-input v-model="ruleForm.custName"></el-input>
        </el-form-item>
        <el-form-item label="地址" prop="custAddr">
          <el-input v-model="ruleForm.custAddr"></el-input>
        </el-form-item>
        <el-form-item label="金额" prop="amount">
          <el-input v-model="ruleForm.amount"></el-input>
        </el-form-item>
        <el-form-item label="电话" prop="custPhone">
          <el-input v-model="ruleForm.custPhone"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="submitForm()">Submit</el-button>
          <el-button @click="resetForm()">Reset</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    data: function() {
      var checkamount = (rule, value, callback) => {
        if (value == null) {
          return callback(new Error('请输入电话'));
        }
        if (isNaN(value)) {
          return callback(new Error('请输入数字'));
        }
        return callback();
      }
      var checkphone = (rule, value, callback) => {
        if (value == null) {
          return callback(new Error('请输入电话'));
        }
        if (isNaN(value)) {
          return callback(new Error('请输入数字'));
        }
        if (value.length != 11) {
          return callback(new Error('输入正确格式'));
        }
        if (value.substr(0, 1) != 1) {
          return callback(new Error('第一位为1'));
        }
        return callback();
      }
      return {
        tableData: [],
        orderDesc: '',
        title: '',
        editFormVisible: false,
        ruleForm: {
          id: 0,
          orderDesc: '',
          custAddr: '',
          custName: '',
          amount: '',
          custPhone: '',
        },

        rules: {
          orderDesc: [{
            required: true,
            massage: '不能为空',
            trigger: 'blur'
          }],
          custName: [{
            required: true,
            massage: '不能为空',
            trigger: 'blur'
          }],
          custAddr: [{
            required: true,
            massage: '不能为空',
            trigger: 'blur'
          }],
          amount: [{
            required: true,
            massage: '不能为空',
            validator: checkamount,
            trigger: 'blur',

          }],
          custPhone: [{
            required: true,
            validator: checkphone,
            trigger: 'blur'
          }],

        }


      };
    },
    methods: {
      closeDialog() {

      },
      cha() {
        let url = this.axios.urls.LIST;
        this.axios.get(url, {
          params: {
            orderDesc: this.orderDesc
          }
        }).then(resp => {
          this.tableData = resp.data.data
          console.log(this.tableData)
        }).catch(error => {
          console.log(error)
        })
      },

      add() {
        this.clearData();
        this.title = "增加"
        this.editFormVisible = true;
      },
      edit(index, row) {
        this.clearData();
        this.title = "修改"
        this.editFormVisible = true;
        this.ruleForm.id = row.id;
        this.ruleForm.orderDesc = row.orderDesc;
        this.ruleForm.custAddr = row.custAddr;
        this.ruleForm.custName = row.custName;
        this.ruleForm.amount = row.amount;
        this.ruleForm.custPhone = row.custPhone;
      },
      clearData() {
        this.editFormVisible = false;
        this.title = "";
        this.ruleForm.id = 0;
        this.ruleForm.orderDesc = '';
        this.ruleForm.custAddr = '';
        this.ruleForm.custName = '';
        this.ruleForm.amount = '';
        this.ruleForm.custPhone = '';
      },
      submitForm() {
        var a = 0;
        this.$refs['ruleForm'].validate(valid => {
          if (valid) {
            let url = '';
            if (this.ruleForm.id == 0) {
              url = this.axios.urls.INSERT;
            } else {
              a = 1;
              url = this.axios.urls.EDIT;
            }
            this.axios.post(url, this.ruleForm).then(resp => {
              console.log(resp)
              this.cha()
              this.editFormVisible = false;
              if (a == 0) {
                this.$message({
                  message: '增加成功',
                  type: 'success'
                });
              } else {
                this.$message({
                  message: '修改成功',
                  type: 'success'
                });
              }

            }).catch(error => {})
          }
        })
      },

      resetForm() {
        this.editFormVisible = false;
      },
      del(index, row) {
        var url = this.axios.urls.DEL;
        console.log(row)
        alert(row.id)
        this.axios.post(url, {
          id: row.id
        }).then(resp => {
          this.cha()
          this.$message({
            message: '删除成功',
            type: 'success'
          });
        })

      },

    },
    created() {
      this.cha()

    }
  }
</script>

<style>
</style>

8.action.js配置路径

/**
 * 对后台请求的地址的封装，URL格式如下：
 * 模块名_实体名_操作
 */
export default {
	//服务器
	'SERVER': 'http://localhost:8080/ssm',
  'LIST':'/orders',
  'INSERT':'/insert',
  'DEL':'/del',
  'EDIT':'/edit',

	//获得请求的完整地址，用于mockjs测试时使用
	'getFullPath': k => {
		return this.SERVER + this[k];
	}
}

注意：前后端端口号不能一样

结果展示

 

葱姜麻麻
关注
Vue SSM搭建一个简单的Demo前后端分离含增删改查(CRUD)、分页、批量功能
年轻的心跳
08-10 7984
Vue SSM搭建一个简单的Demo前后端分离含增删改查(CRUD)、分页、批量功能 前言 最近想复习一下SSM，所以就搭建了这个小DEMO，轻车熟路，个人认为在只用到SSM框架的前提下，这样做是最简洁的搭建方式了。写这篇博客也是复习的一部分，也想收获些意料之外的XXXX。 用到的技术和开发工具 前端 开发工具：WebStorm 开发框架：vue + axios + elementUI 包管理工具: npm 打包工具：webpack 后端 开发工具：IDEA 开发框架：springMVC + spri
SpringBoot和Vue前后端分离
m0_67401545的博客
08-02 2179
主要通过SpringBoot和Vue`来简单实现一个前后端分离的小demo，该小demo实现增删改查、分页功能。主要是该小demo了解SpringBoot搭配Vue完成的开发流程和项目部署。
基于IDEA实现单表的增删改查
12-09
基于idea平台开发的一个简单的单表查询入门案例 利用Springboot整合mybatis完成用户的增删改查
un7.5:前后端分离快速实现增删改查。
努力是为了让自己不平庸。。。
07-05 1768
因为前后端分离的便利性，大多数公司都会选择使用前后端分离的方式进行项目的操作，今天，我就来给大家科普一下如何在前后端分离的情况下实现增删改查。
IDEA快速搭建前后端分离springboot项目综合篇
qq_41604890的博客
03-27 9468
创建基础项目 1.创建项目 一路next，选择项目存放路径后点击finish完成，等待依赖下载完成 删除没必要的文件（选中的红色） 项目结构 导入web依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> yml配置 删
【微信小程序开发】之微信授权登陆
10-23
演示项目
【微信小程序】实现投票功能（附源码）
无法自律的人的博客
10-25 2988
Vant Weapp 是一个基于微信小程序的组件库，它提供了丰富的 UI 组件和交互功能，能够帮助开发者快速构建出现代化的小程序应用。Vant Weapp 的设计理念注重简洁、易用和高效，同时提供灵活的定制化选项，以满足开发者不同的需求。Vant Weapp 包含了多个常用的组件，如按钮、导航栏、标签、列表、卡片、表单等，这些组件都经过精心设计和优化，可以帮助开发者快速构建出具有良好交互效果和用户体验的小程序页面。
android spring mysql_后端Spring Boot+前端Android交互+MySQL增删查改
weixin_29536515的博客
01-26 191
2020.06.23 更新1 概述使用spring boot作为后端框架与Android端配合mysql进行基本的交互,包含了最基本的增删查改功能.2 开发环境WinIDEA 2019.2Tomcat 9.0.27MySQL 8.0.17Spring Boot 2.2.1JDK 83 后端3.1 新建一个Spring Boot项目3.2 实体类新建User类作为实体类:@Entitypublic ...
基于SSM 和 layui 的增删查改
weixin_45995247的博客
02-08 392
Spring + SpringMVC + Mybatis + Mysql + Html + layui + jquery
【Redis】掌握篇--Redis与SSM进行整合
m0_74315688的博客
11-06 1735
Redis和SSM双剑合璧！！！
Redis注解式开发结合SSM项目使用与Quartz框架介绍以及击穿、穿透、雪崩问题解决
让优秀成为一种习惯！
11-07 2939
在解决这些redis问题时，我们需要综合考虑系统的并发性、可用性和性能。通过合理的缓存策略、锁机制、预加载与使用调度框架等手段，可以有效地解决Redis中的击穿、穿透和雪崩问题，提高系统的稳定性和性能。
基于ssm、Vue.js的简单教师信息管理系统
qq_45555170的博客
12-19 2075
后端利用的是SSM框架，前端用的是elementUI+vue.js做的一个简单的教师信息管理 基于ssm、Vue.js的简单教师信息管理系统一、数据库设计二、项目后端代码1、首先是使用搭建好的ssm项目，生成部分文件2、TeacherMapper.java 映射类3、业务逻辑层也就是 Service层4、Controller层所有类之间的关系图示三、项目前端代码1、下载一个SPA项目2、组件的调用3、Teacher.vue4、各文件之间的关系四、演示1、模糊查询+查询所有2、新增教师信息3、修改教师信息
IDEA实现前端页面登录，注册、增、删、改、查操作-完整版
热门推荐
weixin_53748496的博客
10-29 2万+
分层思想：entity层：存放实体类vo层：消息模型（重复使用的一些属性）mapper层：接口（写方法的）mapper.xml:MyBatis与数据库相关的一些内容controller(web)层：接收前端传回的参数调用service层，返回结果转发、响应结果（跳转页面）service层：业务逻辑判断，写方法的.utils层：工具类：写通用的方法、类。test包:测试类、测试方法（测试代码）连接数据库的pom.xml: 导入相关依赖。
前后端完全分离项目测试，使用IDEA启动前端项目
weixin_43078114的博客
10-25 2万+
背景 前后端分离符合微服务低耦合、高可用的思想被越来越多的项目采用。但前后端完全分离的项目（上线部署在不同的机器上），在后台测试、前后端联调时，后台启动只能启动接口，看不到页面是一个很蛋疼的问题。 最原始的办法是在浏览器输接口url，再看接口响应 浏览器中输url只能提交get请求，遇到只能post请求的方法还要将拦截去掉。很多第三方插件弥补上述缺点。其中Advanced REST client是...
idea搭建若依框架前后端全分离项目
重生之我不会写代码
01-26 2877
需要配置环境 基本去各自的官网下载就OK了 JDK >= 1.8 (推荐1.8版本) Mysql >= 5.7.0 (推荐5.7版本) Redis >= 3.0 Maven >= 3.0 Node >= 10 先前往若依源码地址下载源码 把项目导入idea中 把sql文件里面的文件导入数据库 配置ruoyi-admin\src\main\resources路径下面的application-druid.yml文件 修改本导入的数据库 ...
idea与vue+ElementUI搭建前后端分离的CRUD
weixin_67677668的博客
09-17 3799
idea与vue+ElementUI搭建前后端分离的CRUD
如何使用 IntelliJ IDEA 看源码？
竹林幽深
02-23 3383
https://mp.weixin.qq.com/s/tPMtAbDnEofI8l1av8635Q
un630:如何在IDEA上写出一套完整的增删改查
努力是为了让自己不平庸。。。
06-30 3992
新手在idea初期，快速的实现一套增删改查！
IDEA项目-搭建快速开发的前后端连通环境
m0_57213913的博客
09-06 4811
搭建列表获取前后端快速开发模板整合renren-fast-vue到vscode中整合renren-fast、renren-generator到IDEA中1. 整合renren-fast2. 整合renren-generator 获取前后端快速开发模板 gitee官网：https://gitee.com/renrenio renren-fast：是一个轻量级的后端快速开发模板 renren-fast-vue： 是实现renren-fast后台管理的前端功能模板 renren-generator：代码生成器
IDEA增删查改实例
最新发布
11-13
以下是一个使用IDEA、Spring Boot、JPA和MySQL进行增删查改的示例： 1. 首先，创建一个Spring Boot项目并添加JPA和MySQL依赖项。 2. 创建一个实体类，例如User，使用JPA注解来映射到数据库表。 ```java @Entity @Table(name = "user") public class User { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @Column(name = "name") private String name; @Column(name = "age") private Integer age; // 省略getter和setter方法 } ``` 3. 创建一个JPA Repository接口，例如UserRepository，继承自JpaRepository。 ```java public interface UserRepository extends JpaRepository<User, Long> { } ``` 4. 创建一个Controller类，例如UserController，使用@Autowired注解将UserRepository注入进来。 ```java @RestController @RequestMapping("/users") public class UserController { @Autowired private UserRepository userRepository; @GetMapping("") public List<User> getAllUsers() { return userRepository.findAll(); } @GetMapping("/{id}") public User getUserById(@PathVariable Long id) { return userRepository.findById(id).orElse(null); } @PostMapping("") public User createUser(@RequestBody User user) { return userRepository.save(user); } @PutMapping("/{id}") public User updateUser(@PathVariable Long id, @RequestBody User user) { User oldUser = userRepository.findById(id).orElse(null); if (oldUser != null) { oldUser.setName(user.getName()); oldUser.setAge(user.getAge()); return userRepository.save(oldUser); } return null; } @DeleteMapping("/{id}") public void deleteUser(@PathVariable Long id) { userRepository.deleteById(id); } } ``` 5. 在application.properties文件中配置MySQL数据库连接信息。 ``` spring.datasource.url=jdbc:mysql://localhost:3306/test spring.datasource.username=root spring.datasource.password=123456 spring.jpa.hibernate.ddl-auto=update ``` 6. 运行项目并使用Postman等工具测试增删查改接口。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值