当你花费三天写完增删改查动态表格的感受

最新推荐文章于 2022-05-05 16:49:39 发布
最新推荐文章于 2022-05-05 16:49:39 发布
阅读量565 收藏 2
点赞数 1
分类专栏： javascript 文章标签： JS动态表格增删改查
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csxazdas/article/details/103360925
版权

在这里插入图片描述当我看到老师发给我这个效果图的我一脸懵，压根不知道怎么做到让一个表格实现动态的增删改查，虽然心里面是这么想的，但是身体还是蛮老实的自己开始动了起来 其实先完成HTML+CSS部分这个不难，但是虽说不难但是我花了点时间而且犯了一个根本性的错误那就是表格里面的数据都是要动态生成的而不是自己写上去了，然后心里面一整乱吼，重写！！。

在这里插入代码片var data =[
	  
  	{"name":"jike","sex":"男","age":17,"phone":18086297713,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2013.02.18"},  	
  	{"name":"jike1","sex":"女","age":16,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2012.02.18"},
  	{"name":"jike2","sex":"男","age":18,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2008.02.18"},
  	{"name":"jike3","sex":"女","age":60,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2006.02.18"},
  	{"name":"jike4","sex":"男","age":20,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2009.02.18"},
  	{"name":"jike5","sex":"女","age":13,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2013.02.18"},
  	{"name":"吴优","sex":"男","age":10,"phone":383843844944,"jiguan":"湖北孝感","jianjie":"一只单身狗","time":"2020.06.06"}
]
像这样写成对象形式

</div>		     
			     	<ul class="ul1">
			     		 <li class="ipt">全选 <input type="checkbox" /></li>
			     		 <li>名字</li>
			     		 <li >性别</li>
			     		 <li>年龄</li>
			     		 <li>手机号</li>
			     		 <li>籍贯</li>
			     		 <li>简介</li>
			     		 <li>入职时间</li>
			     		 <li>操作</li>
			  </ul> 
			------这里是HTML部分的东西实在的下面这种让页面生成数据显示到页面的方法真的如醍醐灌顶，焕然一新，原来还有这种操作。     	
function wendang(){ 
   	  div1.innerHTML="";
   	  selectALL.checked = false;
   for(let i=0; i<data.length;i++){
   	       div1.innerHTML +=`<ul class="ul1"><li class="ipt"><input type="checkbox" onclick = "fun(this)"/></li>
   	   				<li>${data[i].name}</li>
		     		 <li>${data[i].sex}</li>
		     		 <li>${data[i].age}</li> 
		     		 <li>${data[i].phone}</li>
		     		 <li>${data[i].jiguan}</li>
		     		 <li>${data[i].jianjie}</li>
		     		 <li>${data[i].time}</li>
		     		 <li> <a class = "a1">修改<a/>
		     		 	 	<a class="a2">删除<a/>
		     		 	 	</li>
		     		 </ul>` 	       
   }
   下面的正戏增删改查什么的 很多都是同学的灵感  自己真的想不上去 对了还有老师的不懈努力跟我改了一个半小时的BUG.

## 完整的JS代码
var data =[
	  
  	{"name":"jike","sex":"男","age":17,"phone":18086297713,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2013.02.18"},  	
  	{"name":"jike1","sex":"女","age":16,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2012.02.18"},
  	{"name":"jike2","sex":"男","age":18,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2008.02.18"},
  	{"name":"jike3","sex":"女","age":60,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2006.02.18"},
  	{"name":"jike4","sex":"男","age":20,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2009.02.18"},
  	{"name":"jike5","sex":"女","age":13,"phone":18086542687,"jiguan":"湖北武汉","jianjie":"一个好人","time":"2013.02.18"},
  	{"name":"吴优","sex":"男","age":10,"phone":383843844944,"jiguan":"湖北孝感","jianjie":"一只单身狗","time":"2020.06.06"}
]
var all = document.getElementById("all");
var div1 =document.getElementsByClassName("div1")[0];
var ul=document.getElementsByClassName("ul1");
var a1=document.getElementsByClassName("a1");
var a2=document.getElementsByClassName("a2");
var a3=document.getElementById("a3");
var push=document.getElementsByClassName("push")[0];
var change=document.getElementById("change");
var clear=document.getElementsByClassName("clearbtn")[0];
var del=document.getElementById("delete"); 
var chbs = div1.getElementsByTagName("input");
var selectALL = ul[0].getElementsByTagName("input")[0];
var children=push.children;
var newchildren=[];
//增加
var jia=document.getElementsByClassName("jia")[0];
var insert=document.getElementsByClassName("insert")[0];
var change1=document.getElementById("change1");
var clearbtn2=document.getElementsByClassName("clearbtn2")[0];
var a4=document.getElementById("a4");
var children1=jia.children;
var newChildren=[];
 for(let j=0;j<children.length;j++){
 	    if(children[j].localName == "input"){
 	    	 newchildren.push(children[j]);
 	    }	   
 }
 for(let j=0;j<children1.length;j++){
 	    if(children1[j].localName == "input"){
 	    	 newChildren.push(children1[j]);
 	    }	   
 }
  var str =[];
  for(var key in data[0]){  //拿到data数据里面的属性名
  	 str.push(key)
  }
  console.log(str);
wendang();
 function wendang(){ 
   	  div1.innerHTML="";
   	  selectALL.checked = false;
   for(let i=0; i<data.length;i++){
   	       div1.innerHTML +=`<ul class="ul1"><li class="ipt"><input type="checkbox" onclick = "fun(this)"/></li>
   	   				<li>${data[i].name}</li>
		     		 <li>${data[i].sex}</li>
		     		 <li>${data[i].age}</li> 
		     		 <li>${data[i].phone}</li>
		     		 <li>${data[i].jiguan}</li>
		     		 <li>${data[i].jianjie}</li>
		     		 <li>${data[i].time}</li>
		     		 <li> <a class = "a1">修改<a/>
		     		 	 	<a class="a2">删除<a/>
		     		 	 	</li>
		     		 </ul>` 	       
   }
   
   //删除    
   for(let i=0; i<a2.length;i++){
   	       a2[i].onclick =function(){
   	       	    del.style.display="block";  	       	    
   	       	     var sure=document.getElementById("btn1");
   	       	     var quxiao=document.getElementById("btn2");
   	       	     sure.onclick=function(){
   	       	     	   data.splice(i,1);
   	       	     	   wendang();
   	       	     	   del.style.display="none";
   	       	     	   console.log(i);
   	       	     }
   	       	     quxiao.onclick=function(){
   	       	     	 del.style.display="none";
   	       	     }
   	       };  
   }
   //修改
    for(let i=0;i<a1.length;i++){
    	  a1[i].onclick=function(){
    	   for(let j = 1;j<this.parentElement.parentElement.children.length-2;j++){
    	   	  console.log(this.parentElement.parentElement.children[j]);
    	   newchildren[j-1].value=this.parentElement.parentElement.children[j].innerText;
    	   }
    	       push.style.display="block";	       
  	       change.onclick = function(){
  	        for(let k=0; k<newchildren.length; k++){
  	           data[i][str[k]]=newchildren[k].value;
  	        }
	         wendang();  
  	         push.style.display="none";
  	       }
  	        clear.onclick=function(){
  	        	  for(let i =0;i<newchildren.length; i++){
  	        	  		newchildren[i].value="";
  	        	  }
  	        }
    	     a3.onclick=function(){
    	  	 push.style.display="none";
    	  }
    	}
    }
 }     
//增  
   insert.onclick=function(){
   	       jia.style.display="block";
   	       change1.onclick=function(){
   	       			  wendang();
   	       		  var NewArr = [];
   	       	    for(let i =0; i<newChildren.length;i++){
   	       	    	  NewArr.push(newChildren[i].value)
   	       	    }
   	       	    var obj={};
   	       	    for(let j=0;j<str.length; j++){
   	       	    	  obj[str[j]] =NewArr[j];
   	       	    }
   	       	   data.push(obj);
   	       	   wendang();
   	       	   jia.style.display="none";
   	       }
   	       	 clearbtn2.onclick=function(){
  	        	  for(let i =0;i<newChildren.length; i++){
  	        	  		newChildren[i].value="";
  	        	  }	
  	        }
    	     a4.onclick=function(){
    	  	jia.style.display="none";
    	  }
   	       
   }
 //全选 
   //全选 和全不选
   // 找到ulli第一个th中的input，为其绑定单击事件
       selectALL.onclick=function(){
       	console.log(chbs,selectALL)
       	// 获取所有的页面里面所有的input      	
       	        for(let i= 0; i< chbs.length; i++){
       	        		// 让每一个chb的状态都跟chbAll得状态一样
       	        	  chbs[i].checked = this.checked;
										console.log(chbs[i].checked)
       	        }
       }
       console.log(selectALL)
       
     //单个选中取消操作
   for(let i=0; i<chbs.length; i++){  
   	     chbs[i].onclick= fun1
   	    
   }
   function fun(ele){
   	     	// 如果当前chb未选中
   	     	        if(!ele.checked){
   	     	        	// chbAll修改为未选中

   	     	        	   selectALL.checked=false;
   	     	        }else{
   	     	        	// 否则
   	     	        	// 获得ull input所有第一个td中的未选中的input unSel
// 	     	        	 var unsel=document.querySelectorAll("ul>li input:not(:checked");   	    
										 	var sum = 0;
											for(var j = 0;j<chbs.length;j++){
												if(chbs[j].checked == false){
														console.log(chbs[j])
														sum++
												}
										}
										
   	     	        	 if(sum == 0){
   	     	        	 	selectALL.checked=true;
   	     	        	 }else{
   	     	        	 	selectALL.checked=false;
   	     	        	 	sum = 0
   	     	        	 }
   	     	        }
   	     	        
   	     }
    function fun1(){
   	     	// 如果当前chb未选中
   	     	        if(!this.checked){
   	     	        	// chbAll修改为未选中
   	     	        	   selectALL.checked=false;
   	     	        }else{
   	     	        	// 否则
   	     	        	// 获得ull input所有第一个td中的未选中的input unSel
// 	     	        	 var unsel=document.querySelectorAll("ul>li input:not(:checked");   	    
										 	var sum = 0;
											for(var j = 0;j<chbs.length;j++){
												if(chbs[j].checked == false){
														console.log(chbs[j])
														sum++
												}
										}
   	     	        	 if(sum == 0){
   	     	        	 	selectALL.checked=true;
   	     	        	 }else{
   	     	        	 	selectALL.checked=false;
   	     	        	 	sum = 0
   	     	        	 }
   	     	        }
   	     	        
   	     }
// function fun1(){
// 
// }
  //但选删除和全选删除
var Delete=document.getElementsByClassName("Delete")[0];
   Delete.onclick=function(){   	    	        	         	     	         
   	        if(selectALL.checked==true){
   	        	  data.splice(0,data.length);
   	        	  wendang()
   	        	  selectALL.checked=false
   	        }else{
   	        	  for(let i =0,a=0; i<chbs.length; i++){
   	        	  	    if(chbs[i].checked){
   	        	  	    	     data.splice(a,1);
   	        	  	    	     a--;
   	        	  	    }
   	        	  	   a++;
   	        	  	    
   	        	  }
   	        	  wendang();
   	        }
   }
//查询
var chaxun=document.getElementsByClassName("select")[0];
var sex=document.getElementById("sex");
var names=document.getElementById("name");
var iphone=document.getElementsByClassName("phoneNum")[0];
//性别查询
 var data1=data;
 sex.onchange = function(){
 	     if(this.selectedIndex==0){
 	     	console.log(this.selectedIndex);
 	     	  data=data1;
 	     	   wendang();
 	     	  return
 	     }
 	     data=data1
 	     var arrsex=[]
 	     var index=this.selectedIndex;
 	     index = (index ==1?"男":"女");
 	     for(let i = 0; i<data.length; i++){
 	     	if(data[i]["sex"]==index){
 	     		  arrsex.push(data[i])
 	     	}
 	     }
 	     data=arrsex;
 	     wendang();
 }
//姓名查询
  var data2=data;
  var name1=names.children[0];
  var iphone1=iphone.children[0];
  chaxun.onclick=function(){
  console.log(name1.value,iphone1.value)
  	   var newname=[],newiphone=[];
  	   if((name1.value && !iphone1.value) ||(!name1.value && iphone1.value)){
  	   	 console.log(222)
  	   	   let a=0;
  	   	   for(let i = 0;i<data.length; i++){
  	   	   	   if(data[i]["name"] == name1.value || data[i]["phone"] == iphone1.value)
  	   	   	    newname.push(data[i])
  	   	   	    a++;
  	   	   }if(a==0){//给一个变量，如果变量没有进入了循环中则说明输入错误
  	   	   	   	alert("输入错误信息请重新输入")
  	   	   	    name1.value="";
  	   	   	    iphone1.value="";
  	   	   	    return;
  	   	   } 
  	   	   data=newname;
  	   	   wendang();
  	   }else if(name1.value && iphone1.value){
  	   	 console.log(333)
  	   	  		let a = 0;
  	   	  		for(let j = 0; j<data.length; j++){
  	   	  			  if(data[j]["name"]==name1.value && data[j]["phone"] == iphone1.value)
  	   	  			   newname.push(data[j]);
  	   	  			   a++
  	   	  		}if( a == 0){
  	   	  				alert("输入错误信息请重新输入")
  	   	   	    name1.value="";
  	   	   	    iphone1.value="";
  	   	   	     return;
  	   	  		}
  	   	  data=newname;
  	   	   wendang();
  	   }else{
  	   	 data =data2;
  	   	 wendang();
  	   }
  }
//年龄排序
 var agesort1=document.getElementById("agesort");
	var data4  = [],arrAge = [];
for(let i = 0;i<data.length; i++){
	    arrAge.push(data[i]["age"]);
	    data4.push(data[i]);
}
console.log(data4,arrAge);
 agesort1.onchange=function(){
 	   var del= [];
 	   var indexs= this.selectedIndex;
 	   console.log(indexs)
 	   if(indexs==0){
 	   	      data=data4;
 	   	       wendang();
 	   }else if(indexs == 1){//升序
 	   	     arrAge.sort(function(a,b){return b-a});
 	   	     for(let j = 0; j < arrAge.length; j++){
 	   	     	  for(let k = 0; k < data.length; k++){
 	   	     	  	 if(arrAge[j] == data[k]["age"]){
 	   	     	  	 	    del = data.splice(k,1);
 	   	     	  	 	    data= data.concat(del);
 	   	     	  	 }
 	   	     	  }
 	   	     }wendang();
 	   }else{
 	   	     arrAge.sort(function(a,b){return a-b});   	    
 	   	     for(let j = 0; j < arrAge.length; j++){
 	   	     	  for(let k = 0; k < data.length; k++){
 	   	     	  	 if(arrAge[j] == data[k]["age"]){
 	   	     	  	 	    del=data.splice(k,1);
 	   	     	  	 	    data=data.concat(del);
 	   	     	  	 }
 	   	     	  }
 	   	     }
 	   	     	   console.log(123);
 	   	     wendang();
 	   }   
 }
//入职排序
var tiems=document.getElementById("times");
var data5=[],Arrtime=[];
for(let i = 0; i<data.length; i++){   
	   Arrtime.push(Date.parse(data[i]["time"]));   //parse() 方法可解析一个日期时间字符串，并返回 1970/1/1 午夜距离该日期时间的毫秒数。
	   data5.push(data[i])
}
console.log(data5,Arrtime);
tiems.onchange=function(){
	        var del=[];
	        var indexs=this.selectedIndex;
	        if(indexs == 0){
	        	 data=data5;
	        	 wendang()
	        }else if(indexs ==1){
	        	   Arrtime.sort(function(a,b){return b - a})
	        	   for(let i = 0; i<Arrtime.length; i++){
	        	   	for(let j = 0; j < data.length; j++){
	        	   		  if(Arrtime[i] ==Date.parse(data[j]["time"])){
	        	   		  	    del =data.splice(j,1);
	        	   		  	    data=data.concat(del)
	        	   		  }
	        	   	}
	        	   }wendang()
	        	   
	        }else{
	        	     Arrtime.sort(function(a,b){return a-b})
	        	     	 for(let i = 0; i <Arrtime.length; i++)
	        	     	 for(let j = 0; j <data.length; j++){
	        	     	 	 if(Arrtime[i] == Date.parse(data[j]["time"])){
	        	     	 	 	 del=data.splice(j,1);
	        	     	 	 	 data=data.concat(del);
	        	     	 	 }
	        	     	 }
	        	     }   wendang();
	           

}
抱歉HTML+CSS没有
前端起步
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
开发时间评估：一个增删改查需要多长时间?
10-15 2384
要花个一天时间把这次做项目的东西好好整理整理。 与前端联调的时间： 上午 9:50开始 晚上下班： 关电脑走，样式引用不到。 下午 3:00-4:30有一个会 我： 8月31号下午周五临时有个会。 9月1号点评接入聚划算有点儿问题改bug。 9月2号发布点评。 9月6号本来有个培训课程也被推了。 9月6号 ，maven库挂了上午一直到下午，无法打包...
数据表的增删改查
认知 行动 坚持
09-15 265
表操作 表与字段是密不可分的 新增数据表 create table [if not exists]表名 ( 字段名字 数据类型, 字段名字 数据类型 -- 最后一行不需要逗号 ) [库选项]； if not exists:如果表名不存在，那么就创建，否则不执行创建代码，检查功能 表选项：控制表的表现 字符集：charset/character set 具体字符集； -- 保证表中数据存储的字符集 校对集：collate 具体校对集； ...
前后端增删改查大概多久_Egg.js试水 - 文章增删改查【前后端分离】
weixin_33186395的博客
12-30 635
上一篇文章讲的是后端渲染的项目 - Egg.js 试水 - 天气预报。但是没有引入数据库。这次的试水项目是文章的增删改查，将数据库引进，并且实现前后端分离。项目的github地址是egg-demo/article-project。下面直接进入正题~ ‍项目结构article-project ├── client ├── service └── README.md因为是前后端分离的项目，那么我们就以...
一个表格教你完成MySQL的增删改查操作
Public_CSDN的博客
11-19 1333
MySQL简单的增删改查 简介: 1.就是一个文件系统，使用标准sql对数据库进行操作（crud） 2.数据库分类:关系型数据库和非关系型数据库 a) 常用的关系型数据库:mysql oracle db2 SQLite sql server b) 非关系型数据库(还为成熟):HBase redis   MySQL分类 定义 sql语言
2019，转行前端一年，我的增删改查
叶茂腾的博客
05-17 577
2018年我从一个设计师，自学转行成了一只切图仔。2019年是我正式当程序员的第一年，从一个待业中年变成了职场新人。一年来，其实也是不过增删改查。 增 成长不少。 增长了专业技能。回头看，入职时几个星期才能完成的工作，现在几天就能完成。不是现在有多厉害，只是以前实在太菜。React 技术栈真正达到熟悉的程度。 增加了工作经验。以前只是单机solo，自己爱怎么整就怎么整。加入团队作战后，工作怎样解耦，接口怎样定义，战友怎样配合，都学到了不少。还差点当了回技术面试官。可惜来面试的小伙子没过笔试，面试机会被取消，
ASP.NET增删改查（C#）
08-17
一个连接远程数据库的增删改查程序，花费了一周的时间，里面可能还有不完善的地方，敬请各位批评指正！~~~
vue.jsDemo,组件的多次使用,包括增删改查
11-21
vue.jsDemo,组件的多次使用,包括增删改查，自己花费了很长时间学习的共享给大家进行学习。
qt人员管理模块化程序（从登录到人员增删改查）
12-04
qt对人员管理部分个人总结的模块化程序，直接按照步骤复制粘贴程序，直接实现人员管理功能，无需花费脑筋在理清各个思路，适合快速编写组装程序详细可参考这个帖子
go语言web开发项目，项目基于gin+gorm+viper+logrus+mysql框架，实现了简单的用户增删改查的功能
最新发布
05-23
Go语言（也称为Golang）是由Google开发的一种静态强类型、编译型的编程语言。...如果你正在寻找一种易于学习和使用的编程语言，并且需要处理大量的并发请求和数据，那么Go语言可能是一个不错的选择。
datagirdview 增删改查经典例子
12-02
我花费了三天时间来做这个，希望对大家有用
增删改查表格（好看且有趣）
电脑高级开关机工程师的博客
05-05 812
Vue增删改查表格（好看且有趣）
第2天-sql增删改查
_明灭的专栏
06-26 773
一、理论1.MySQL的相关概念介绍MySQL 为关系型数据库(Relational Database Management System), 这种所谓的”关系型”可以理解为”表格”的概念, 一个关系型数据库由一个或数个表格组成, 如图所示的一个表格: 表头(header): 每一列的名称 列(colomn): 表中的一个字段，代表某种属性，所有表都是由一个或多个列组成的 行(ro
数据库的增删改查(SELECT、DELETE、UPDATE、INSERT)
热门推荐
qq_38345598的博客
03-02 11万+
                                                   数据库的增删改查我使用的是Northwind数据库来进行说明和显示一、查询---select一、简单查询  select 的语法:select  列名称  from  表名称  （其中  * 代表选择显示全部的列） 例如：select * from Region 结果：select Region...
增删改查Crud
自查林的博客
12-09 9766
增删改查Crud C：create，向数据库插入一条记录； 常用操作格式： insert into users(username,password) values(?,?); R：read，查询数据库记录； 常用操作格式： select * from users; U：update，修改数据库记录； 常用操作格式： update users set password=? where usern...
关于增删改查自己的心得
爱上你没道理
03-13 4180
数据的操作主要分为四种：增、删、改、查 自己最近做了几个关于增删改查的项目，颇有一些心得，在这里和大家分享，如果哪位大牛有高见，或者觉得文章有出入的地方，欢迎一起交流！！！ 增：增加数据的种类，会对数据的位置进行改变 先查询，获取目前最后一个数据的位置，将所增加的数据置于其后 删：查询数据的种类，会对数据的位置进行改变 删除数据分为全部删除，和个别删除 个别删除，也要先查询是否存在，如果存在，然后...
纯JS+HTML简单表格增删改查
hikktn的博客
07-17 4万+
首先这两天写的一个简单增删改查，基本上靠百度和自学，完成的这个作业。 里面的功能十分的简陋，对于有需要的朋友一点点帮助吧。 这不是一条通往项目的链接：https://pan.baidu.com/s/1Xk17hyeQbcYcU5it_wFA6w 密码：030a 里面有一些前期练习，如果心急，那就直接看index4.html吧，那是此次的网页实现，js文件放在js文件夹下。 然后，先给大家看......
前端 项目总结
hu741308125的博客
10-28 2339
本来想每周写一篇博客的 然后国庆完 发现项目太赶了 于是就每天花了很多精力在项目上 周末就躺着 懒得动了。。。。。 这个项目名字叫 数据标准管理 是给一个研究所做后台管理用的 也算一个后台管理系统吧。 需求点有文档的上传 下载 文档中的标准 码表 模型的管理 树形目录 数据库的导入 标准码表的审核 还有就是登录 权限等 技术栈是前端vue+vu...
实现后端接口的开发和对数据库的增删改查操作学习要多长时间
06-12
实现后端接口的开发和对数据库的增删改查操作学习时间因人而异，主要取决于个人的学习能力、时间投入、学习方法和学习资源等因素。一般来说，初学者需要花费数周到数月的时间学习后端开发的基础知识和相关技术，如...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值