就是要学社区 QQ群组:646854445
你并非已无懈可击,所以你不能逃避问题,拒绝学习!

133孤荷凌寒自学第0219天_区块链第133天NFT030

|阅读量:131 |发布于2021-01-31 09:51:36


正文内容

笔记合集在github上:

https://github.com/lhghroom/Self-learning-blockchain-from-scratch


【主要内容】

今天继续自己开始写一个前端html页来与合约进行交互,共耗时32分钟。

(此外整理作笔记花费了约13分钟)

详细学习过程见文末学习过程屏幕录像。

【新的Html前端页面】

```

<!DOCTYPE html>

<html>

<head>

   <meta charset="UTF-8">

   <title>非同质化资产</title>

   <script language="javascript" type="text/javascript" src="jquery.min.js"></script>

   <script language="javascript" type="text/javascript" src="web3.min.js"></script>

   <!-- 1. Include cryptozombies_abi.js here -->

   <script language="javascript" type="text/javascript" src="nft_abi.js"></script>

   <script language="javascript" type="text/javascript" src="nft_main.js"></script>


       

</head>

<body>

   <div>

       <p>

           nft资产合约地址:

       </p>

       <p id="contractaddress" name="contractaddress">


       </p>

       <p id="goal" name="goal">


       </p>


       <p id="firstinfo" name="firstinfo">


       </p>


       <p id="accountsinfo" name="accountsinfo">


       </p>

       <p id="curinfo" name="curinfo">


       </p>

   

   </div>

   <div>

       <input type="text" value="" id="txtaddressforone" name="txtaddressforone" />

       <input type="button" value="查询指定节点资产总量" id="cmdone" name="cmdone" onclick="cmdone_click();" />

       

       <span id="total" name="total"></span>

       <br /><br />


       <input type="text" value="" id="txtnftidfortwo" name="txtnftidfortwo" />

       <input type="button" value="查询指定id的NFT是否存在" id="cmdone2" name="cmdone2" onclick="cmdone2_click();" />

       <span id="total2" name="total2"></span>

       <br /><br />


       <input type="text" value="" id="txtnftidfortwo2" name="txtnftidfortwo2" />

       <input type="button" value="查询指定id的NFT已授权给哪个节点地址" id="cmdtwo" name="cmdtwo" onclick="cmdtwo_click();" />

       <span id="spanapprove" name="spanapprove"></span>

       <br /><br />


       <span>查询所有资产的授权关系是否存在</span>

       <br />

       <span>授权方节点地址:</span>

       <input type="text" value="" id="txtaddressforthreeholder" name="txtaddressforthreeholder" />

       <br />

       <span>受托方节点地址:</span>

       <input type="text" value="" id="txtaddressforthreeoperator" name="txtaddressforthreeoperator" />

       <br />      

       <input type="button" value="查询所有资产完全授权状态是否存在" id="cmdthree" name="cmdthree" onclick="cmdthree_click();" />

       <br />  

       <span id="allapproveaddress" name="allapproveaddress"></span>

       <br /><br />


       <span>查询指定节点是否拥有对指定资产的控制权</span>

       <br />

       <span>要查询的节点地址:</span>

       <input type="text" value="" id="txtaddressforfoure" name="txtaddressforfoure" />

       <br />

       <span>要查询的NFT资产ID:</span>  

       <input type="text" value="" id="txtnftforfoure" name="txtnftforfoure" />

       <br />              

       <input type="button" value="查询指定节点是否拥有对指定资产的控制权" id="cmdfoure" name="cmdfoure" onclick="cmdfoure_click();" />

       <span id="spanforfoure" name="spanforfoure"></span>

       <br /><br />


       <input type="text" value="" id="txtaddressforfive" name="txtaddressforfive" />

       <input type="button" value="查询节点地址是不是一个合约地址" id="cmdfive" name="cmdfive" onclick="cmdfive_click();" />

       <br />

       <span id="spanforfive" name="spanforfive"></span>


       <input type="text" value="" id="txtnftidforsix" name="txtnftidforsix" />

       <input type="button" value="查询指定id的NFT是哪个节点的" id="cmdsix" name="cmdsix" onclick="cmdsix_click();" />

       <span id="spanforsix" name="spanforsix"></span>

       <br /><br />


       <input type="text" value="" id="txtnftidforseven" name="txtnftidforseven" />

       <input type="button" value="查询指定id的NFT的具体数据" id="cmdseven" name="cmdseven" onclick="cmdseven_click();" />

       <span id="spanforseven" name="spanforseven"></span>

       <br /><br />


       <span>查询指定在所属者自己资产库的排序INDEX值NFT资产的ID</span>

       <br />

       <span>要查询的节点地址:</span>

       <input type="text" value="" id="txtaddressforeight" name="txtaddressforeight" />

       <br />

       <span>要查询的NFT资产index(从零开始计数):</span>  

       <input type="text" value="" id="txtnftforeight" name="txtnftforeight" />

       <br />              

       <input type="button" value="查询id" id="cmdeight" name="cmdeight" onclick="cmdeight_click();" />

       <span id="spanforeight" name="spanforeight"></span>

       <br /><br />


       <input type="text" value="" id="txtaddressfornine" name="txtaddressfornine" />

       <input type="button" value="查询指定节点地址的资产列表" id="cmdnine" name="cmdnine" onclick="cmdnine_click();" />

       <br />

       <span id="spanfornine" name="spanfornine"> </span>


       <!--============================================-->

       <hr />

       <span>生成资产:</span>

       <br />

       <span>为哪个节点地址生成资产:</span>

       <input type="text" value="" id="addressgenerate" name="addressgenerate" />

       <br />

       <span>要生成的资产数据:</span>  

       <input type="text" value="" id="datagenerate" name="datagenerate" />

       <br />              

       <input type="button" value="开始生成" id="cmdgenerate" name="cmdgenerate" onclick="cmdgenerate_click();" />

       <br />

       <span id="spanforgenerate" name="spanforgenerate"></span>

       <br /><br />        


      <!--============================================-->

       <hr />

       <span>授权另一个节点操作单个资产:</span>

       <br />

       <span>授权给哪个节点权限:</span>

       <input type="text" value="" id="addressapprove" name="addressapprove" />

       <br />

       <span>要授权的资产ID:</span>  

       <input type="text" value="" id="idapprove" name="idapprove" />

       <br />              

       <input type="button" value="确认授权" id="cmdapprove" name="cmdapprove" onclick="cmdapprove_click();" />

       <br />

       <span id="spanforapprove" name="spanforapprove"></span>

       <br /><br />        


      <!--============================================-->

      <hr />

      <span>单个资产的转移:</span>

      <br />

      <span>发出方节点地址:</span>

      <input type="text" value="" id="addressapprove" name="addressapprove" />

      <br />

      <span>接收方节点地址:</span>  

      <input type="text" value="" id="idapprove" name="idapprove" />

      <br />              

      <input type="button" value="确认授权" id="cmdapprove" name="cmdapprove" onclick="cmdapprove_click();" />

      <br />

      <span id="spanforapprove" name="spanforapprove"></span>

      <br /><br />        


   </div>

   

</body>

</html>


```

js内容:


```

function isNumber(val) { //https://www.cnblogs.com/wangyunhui/p/8981813.html

   var regPos = /^\d+(\.\d+)?$/; //非负浮点数

   var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数

   if(regPos.test(val) || regNeg.test(val)) {

       return true;

       } else {

       return false;

       }

   }


// 格式化日期,如月、日、时、分、秒保证为2位数

function formatNumber (n) {

   n = n.toString()

   return n[1] ? n : '0' + n;

}

// 参数number为毫秒时间戳,format为需要转换成的日期格式

function formatTime (number, format) {

   let time = new Date(number)

   let newArr = []

   let formatArr = ['Y', 'M', 'D', 'h', 'm', 's']

   newArr.push(time.getFullYear())

   newArr.push(formatNumber(time.getMonth() + 1))

   newArr.push(formatNumber(time.getDate()))


   newArr.push(formatNumber(time.getHours()))

   newArr.push(formatNumber(time.getMinutes()))

   newArr.push(formatNumber(time.getSeconds()))


   for (let i in newArr) {

       format = format.replace(formatArr[i], newArr[i])

   }

   return format;

}



           //声明一些钱包地址:

           //下面一行定义的是部署合约的节点(创世节点)的信息,公钥

           var wallet_address="0x5227C3EF48B5A1bcF784593e46D9579D26a3b592"; //狐狸钱包的公钥,就是钱包地址,是eth网络上的一个节点。

           //下面一行定义的是节点2的信息

           var w2add="0xe2d6c2f289c53B5aEA44C47293Ba179a3bfa21f0"; //公钥

   

           //下面一行定义的是节点3 的信息

           var w3add="0xb40599fB0366DCf0ffe86677b005b3f20Dfa29aE"; //公钥

   

           //下面一行定义的是节点4 的信息

           var w4add="0x70c8461366d5368B1E79CBFc2Acf4ba56C745977"; //公钥

   

   

 

           // 2. Start code here

           var cc;

           var web3;

           //----下面是StandardAssetRegistryTest的合约地址

           var heyueAddress='0xeD4202E35c63EDfDC38Fff34100Ac86217960DD3';


           function startApp() {

               try {

                   $("#contractaddress").html(heyueAddress);

                   var ccc=web3.eth.contract(nftABI);

                   cc=ccc.at(heyueAddress); //https://www.cnblogs.com/tinyxiong/p/9046626.html

                   //cc =new web3.eth.contract(cryptozombiesABI, cryptoZombiesAddress); //如果是另一个版本可能还得加上new关键字。

                   $("#firstinfo").html("连接上合约!")

                   //alert(typeof cc);

                   web3.eth.getAccounts(function (err, accounts) {

                           if (accounts.length == 0) {

                               $("#firstinfo").html("请检查钱包是否解锁");

                           }else{

                               $("#accountsinfo").html("获取的默认钱包地址:" + web3.eth.defaultAccount);

                               //getCurGift();

                           }

                       });

   

               } catch (err) {

                   alert(err);

               }

               $("#firstinfo").html("加载成功");

               

           }

   

           //async () =>


       //现在这种通过we3.min.js来加载钱包连接的方法,在metamask钱包和麦子钱包中都测试通过。

       window.addEventListener('load',function() {

       try{

           if (typeof web3 !== 'undefined') {

               web3 = new Web3(web3.currentProvider);

               startApp();

           } else {

               //$('#app_loading').hide();

               //alert(jQuery.i18n.prop('lrn_error_alert'));

               //mathWallet.closePage();

               alert("这儿没有钱包环境。");

           }



       }catch(err){

           alert(err);

       }

       });


       //===========================================================================================

   

           //----------------下面是自定义的与合约交互的函数-------------------------

          //1--查询指定节点的NFT资产数量-----

       function cmdone_click(){

           try{

               querryaddressbalance();

           }catch(err){

               alert(err);

           }

       }

       //--查询指定节点的资产余额---

           function querryaddressbalance(){

               try{

                   var a=document.getElementById("txtaddressforone").value;

                   if(a!=""){

                       cc.balanceOf(a,function(error, result){

                       if(!error)

                       {

                           //var da=result[0];

                           //var xi=result[1];

                           //var intda=da / (10**18);

                           //var intxi=xi / (10**18);

                           $("#total").html("当前地址拥有:" + result + "个资产");

                           //alert(result);

                       }

                       else{

                           //alert(error);

                           $("#total").html('获取出错:' + error);

                       }});

                       //return "ok"

                       $("#total").html('正在获取。。。');

                   }else{

                       alert("请先填写正确的节点地址。");

                   }


               }catch(err){

                   $("#total").html('出错 :' + err);

               }

           }

           //---------------------------------------------------------

           //--查询指定ID的NFT资产是否存在---

                   function cmdone2_click(){

                       try{

                           var strid=document.getElementById("txtnftidfortwo").value;

                           if(isNumber(strid)==true){

                               var nid=parseInt(strid);

                               isnftexist(nid);                                

                           }


                       }catch(err){

                           alert(err);

                       }

                   }

           

           function isnftexist(intid){

               try{

                   cc.exists(intid,function(error, result){

                   

                   //alert(result);

                   //alert(result.toString + "---"); //如果这样写toString那么就返回一个函数对象而不是字符串,要加括号!


                   if(!error)

                   {

                       var strls=result.toString();

                       //alert(strls);

                       if(strls.search("true")>=0){

                           $("#total2").html("id为" + intid + "的nft资产存在。");

                       }else{

                           $("#total2").html("id为" + intid + "的nft资产不存在。");

                       }


                   }

                   else{

                       //alert(error);

                       $("#total2").html('获取出错:' + error);

                   }});

                   //return "ok"

                   $("#total2").html('正在获取。。。');

               }catch(err){

                   $("#total2").html('出错 :' + err);

               }

           }

//------------------------------------------------------------------------------------    

       //2查询指定ID的NFT资产已授权给哪个节点地址

       function cmdtwo_click(){

           try{

               var strid=document.getElementById("txtnftidfortwo2").value;

               if(isNumber(strid)==true){

                   var nid=parseInt(strid);

                   getApproved(nid);                                

               }                

           }catch(err){

               alert(err);

           }

       }


           //查询指定ID的NFT资产已授权给哪个节点地址

           function getApproved(intid){

               try{

                   cc.getApproved(intid,function(error, result){

                   //alert(result);

                   if(!error)

                   {

                       var strls=result.toString();

                       if(strls.search("0x0000000000000000000000000000000000000000")>=0){

                           document.getElementById("spanapprove").innerText="此资产并没有授权给任何节点";

                       }else{

                           document.getElementById("spanapprove").innerText="此资产已授权给:" + result;

                       }

                   }

                   else{

                       //alert(error);

                       document.getElementById("spanapprove").innerText='获取出错:' + error;

                   }});

                   //return "ok"

                   document.getElementById("spanapprove").innerText='正在获取。。。';

               }catch(err){

                   alert("使用授权代币转移时出错 :" + err)

                   return err;

               }

           }


//----------------------------------------------------------------------------------------

           //3--查询一个节点是不是向另一个节点授权了所有资产的操作权-----------------

           function cmdthree_click(){

               try{

                   var strholder=document.getElementById("txtaddressforthreeholder").value;

                   var stroperator=document.getElementById("txtaddressforthreeoperator").value;

                   //alert(strholder);

                   //alert(stroperator);

                   if(strholder!="" && stroperator!=""){

                       isApprovedForAll(strholder,stroperator);

                   }else{

                       alert("请先输入两个节点的地址。");

                   }

               }catch(err){

                   alert(err);

               }

           }



           function isApprovedForAll(strholder,stroperator){

               try{

                   alert(strholder);

                   alert(stroperator);

                   cc.isApprovedForAll(strholder,stroperator,function(error, result){

                   if(!error)

                   {

                       var strls=result.toString();

                       //alert(strls);

                       if(strls.search("true")>=0){

                           document.getElementById("allapproveaddress").innerText='授权关系存在。';

                       }else{

                           document.getElementById("allapproveaddress").innerText='授权关系不存在。';

                       }


                   }

                   else{

                       //alert(error);

                       document.getElementById("allapproveaddress").innerText='获取出错:' + error;

                   }});

                   //return "ok"

                   document.getElementById("allapproveaddress").innerText='获取中.....';

               }catch(err){

                   alert("查询出错:" + err)

                   return err;

               }

           }


//------------------------------------------------------------------------------------------------------

          //4--查询指定的address是否已经拥有了对指定ID的NFT资产的控制权

          function cmdfoure_click(){

               try{

                   var strid=document.getElementById("txtnftforfoure").value;

                   var straddress=document.getElementById("txtaddressforfoure").value;

                   if(isNumber(strid)==true){

                       var nid=parseInt(strid);

                       isAuthorized(straddress,nid);                                

                   }                                    

               }catch(err){

                   alert(err);

               }

           }



           function isAuthorized(straddress,intid){

               try {

                   cc.isAuthorized(straddress,intid,function(error, result){

                   if(!error)

                   {

                       var strls=result.toString();

                       //alert(strls);

                       if(strls.search("true")>=0){

                           document.getElementById("spanforfoure").innerText='授权关系存在。';

                       }else{

                           document.getElementById("spanforfoure").innerText='授权关系不存在。';

                       }



                   }

                   else{

                       //alert(error);

                       $("#spanforfoure").html('获取出错:' + error);

                   }});

                   //return "ok"

                   $("#spanforfoure").html('正在获取。。。');

               } catch (error) {

                   alert("在查询指定节点是否拥有对指定资产的控制权时出错:" + error)

               }

           }

//----------------------------------------------------------------------------------------

          //5--查询指定节点的NFT资产数量-----

          function cmdfive_click(){

           try{

               isContractProxy();

           }catch(err){

               alert(err);

           }

       }

       //--查询指定节点的资产余额---

           function isContractProxy(){

               try{

                   var a=document.getElementById("txtaddressforfive").value;

                   if(a!=""){

                       cc.isContractProxy(a,function(error, result){

                       if(!error)

                       {

                           var strls=result.toString();

                           //alert(strls);

                           if(strls.search("true")>=0){

                               document.getElementById("spanforfive").innerText='这是一个合约地址。';

                           }else{

                               document.getElementById("spanforfive").innerText='这是一个普通地址。';

                           }

   

   

                       }

                       else{

                           //alert(error);

                           document.getElementById("spanforfive").innerText='获取出错:' + error;

                       }});

                       //return "ok"

                       $("#spanforfive").html('正在获取。。。');

                   }else{

                       alert("请先填写正确的节点地址。");

                   }


               }catch(err){

                   $("#spanforfive").html('出错 :' + err);

               }

           }

//---------------------------------------------------------------------------------------------------

       //6---查询一个指定ID的NFT资产是属于哪个节点的========

       function cmdsix_click(){

           try{

               var strid=document.getElementById("txtnftidforsix").value;

               if(isNumber(strid)==true){

                   var nid=parseInt(strid);

                   ownerOf(nid);                                

               }                

           }catch(err){

               alert(err);

           }

       }


       function ownerOf(intid){

           try{

               cc.ownerOf(intid,function(error, result){

               //alert(result);

               if(!error)

               {

                   var strls=result.toString();

                   if(strls.search("0x0000000000000000000000000000000000000000")>=0){

                       document.getElementById("spanforsix").innerText="此资产不属于任何节点";

                   }else{

                       document.getElementById("spanforsix").innerText="此资产属于:" + result;

                   }

               }

               else{

                   //alert(error);

                   document.getElementById("spanforsix").innerText='获取出错:' + error;

               }});

               //return "ok"

               document.getElementById("spanforsix").innerText='正在获取。。。';

           }catch(err){

               alert("查询出错 :" + err)

               return err;

           }

       }


//---------------------------------------------------------------------------------------------------

       //7---查询一个指定ID的NFT资产具体数据,如URL或组成数据代码等========

       function cmdseven_click(){

           try{

               var strid=document.getElementById("txtnftidforseven").value;

               if(isNumber(strid)==true){

                   var nid=parseInt(strid);

                   tokenMetadata(nid);                                

               }                

           }catch(err){

               alert(err);

           }

       }


       function tokenMetadata(intid){

           try{

               cc.tokenMetadata(intid,function(error, result){

               //alert(result);

               if(!error)

               {


                   document.getElementById("spanforseven").innerText=result;

               }

               else{

                   //alert(error);

                   document.getElementById("spanforseven").innerText='获取出错:' + error;

               }});

               //return "ok"

               document.getElementById("spanforseven").innerText='正在获取。。。';

           }catch(err){

               alert("查询出错 :" + err)

               return err;

           }

       }


//----------------------------------------------------------------------------------------

          //8--查询指定ID的NFT资产在指定ADDRESS用户资产库的index值

          function cmdeight_click(){

           try{

               var strid=document.getElementById("txtnftforeight").value;

               var straddress=document.getElementById("txtaddressforeight").value;

               if(isNumber(strid)==true){

                   var nid=parseInt(strid);

                   tokenOfOwnerByIndex(straddress,nid);                                

               }                                    

           }catch(err){

               alert(err);

           }

       }



       function tokenOfOwnerByIndex(straddress,intid){

           try {

               cc.tokenOfOwnerByIndex(straddress,intid,function(error, result){

               if(!error)

               {

                   var strls=result.toString();

                   if(strls=="0"){

                       document.getElementById("spanforeight").innerText="你没有这个资产,你的资产只有" + intid + "个"

                   }else{

                       document.getElementById("spanforeight").innerText='id:' + result;

                   }




               }

               else{

                   //alert(error);

                   $("#spanforeight").html('获取出错:' + error);

               }});

               //return "ok"

               $("#spanforeight").html('正在获取。。。');

           } catch (error) {

               alert("在查询指定节点是否拥有对指定资产的控制权时出错:" + error)

           }

       }


//----------------------------------------------------------------------------------------------

          //9--查询指定节点的NFT资产列表-----

          function cmdnine_click(){

           try{

               tokensOf();

           }catch(err){

               alert(err);

           }

       }

       //--查询指定节点的资产列表---

           function tokensOf(){

               try{

                   var a=document.getElementById("txtaddressfornine").value;

                   if(a!=""){

                       cc.tokensOf(a,function(error, result){

                       if(!error)

                       {

                           if(result.length>1){

                               var strls="此节点拥有以下ID的资产:\n";

                               for(var i=0;i<result.length;i++){

                                   strls=strls + result[i] + "\n";

                                   document.getElementById("spanfornine").innerText=strls;

                               }


                           }else{

                               document.getElementById("spanfornine").innerText="此节点没有任何资产";

                           }


                       }

                       else{

                           //alert(error);

                           document.getElementById("spanfornine").innerText=error;

                       }});

                       //return "ok"

                       document.getElementById("spanfornine").innerText="正在查询...";

                   }else{

                       document.getElementById("spanfornine").innerText="请先输入合约地址。";

                   }


               }catch(err){

                   document.getElementById("spanfornine").innerText='出错 :' + err;

               }

           }



//-----------------------------------------------------------------------------------------------


           //生成资产

           function cmdgenerate_click(){

               var a=""; //要生成资产的地址

               var s=""; //资产的具体数据

               try {

                   a=document.getElementById("addressgenerate").value;

                   s=document.getElementById("datagenerate").value;

                   if(a==""){

                       alert("请先输入要获得资产的节点地址。");

                       return false;

                   }

                   if(s==""){

                       alert("必须指定资产的具体数据");

                       return false;

                   }

               } catch (error) {

                   alert("在生成资产时出错:" + error);

                   return false;

               }

               try{

                   web3.eth.getTransactionCount(web3.eth.defaultAccount,function(err,res){

                       if(!err){

                           //alert(res);web3.toWei(intvalue,'ether')

                           var message = {to:heyueAddress,value:0,'chainId': 3,'gas': 300000,'gasPrice': web3.toWei('40', 'gwei'),'nonce': res};

                           cc.generate(a,s,message,function(err, res){

                               var output = "";

                               if (!err) {

                                   output += res;

                               } else {

                                   output = err;

                               }

                               //----listendonate();

                               document.getElementById('spanforgenerate').innerHTML = "返回信息:Transaction response= " + output + "<br />";

                           });

                           return true;

                       }else{

                           alert(err);

                       }

                   });

                   document.getElementById('spanforgenerate').innerHTML = "操作执行中...";

               }catch(err){

                   alert('执行生成资产出错:' + err);

                   document.getElementById('spanforgenerate').innerHTML = "执行失败:Transaction response= " + output + "<br />";

                   return false;

               }

           }

//-----------------------------------------------------------------------------------------

//授权单个资产------

           function cmdapprove_click(){

               var a=""; //要生成资产的地址

               var s=""; //资产的id

               try {

                   a=document.getElementById("addressapprove").value;

                   s=document.getElementById("idapprove").value;

                   if(a==""){

                       alert("请先输入要授权给哪个节点地址。");

                       return false;

                   }

                   if(isNumber(s)==false){

                       alert("要授权给另一个节点操作的资产ID是一个数字");

                       return false;

                   }

               } catch (error) {

                   alert("在资产授权时出错:" + error);

                   return false;

               }

               try{

                   web3.eth.getTransactionCount(web3.eth.defaultAccount,function(err,res){

                       if(!err){

                           //alert(res);web3.toWei(intvalue,'ether')

                           var message = {to:heyueAddress,value:0,'chainId': 3,'gas': 300000,'gasPrice': web3.toWei('40', 'gwei'),'nonce': res};

                           cc.approve(a,s,message,function(err, res){

                               var output = "";

                               if (!err) {

                                   output += res;

                               } else {

                                   output = err;

                               }

                               //----listendonate();

                               document.getElementById('spanforapprove').innerHTML = "返回信息:Transaction response= " + output + "<br />";

                           });

                           return true;

                       }else{

                           alert(err);

                       }

                   });

                   document.getElementById('spanforapprove').innerHTML = "操作执行中...";

               }catch(err){

                   alert('执行单个资产授权出错:' + err);

                   document.getElementById('spanforapprove').innerHTML = "执行失败:Transaction response= " + output + "<br />";

                   return false;

               }                

           }



           //监听事件

           function listendonate(){

               try {

                   document.getElementById('donateback').innerText="事件结果监听中......";

                   //------------------------------------------

                   var event=cc.FundTransfer();

                   event.watch(function(error,result){

                       if(!error){

                           var strls="";

                           var strls2="";

                           for(let key in result){

                              strls=strls + key + " : " + result[key] + "; ";

                           }

                           //https://me.tryblockchain.org/blockchain-solidity-event.html

                           try {

                               var fl=0.0;

                               try {

                                   fl=(result.args.amount - 0) / (10 ** 18);

                               } catch (error) {

                                   fl=0.0

                               }

                               var strls3=result.args.amount + "wei";

                               if(fl!=0.0){

                                   strls3=fl.toString + "ether"

                               }

                               strls2="参与众筹金额:" + strls3 + ",得到的代币CI金额" + result.args.backci + "ci.";

                           } catch (error) {

                               strls2="具体事件参数信息未能获取到:" + error;

                           }


                           document.getElementById('donateback').innerHTML=strls + "<br />" + strls2;

                       }else{

                          document.getElementById('donateback').innerText=error;

                       }

                   })


                   /*

                       下面是接收到的返回事件监控信息:

                       address : 0x7a2559f23e056f39e844a465600eb605c4e3aeabblockHash : 0xfab4a6bc95c9aa41fc688e89a87023b124fd581c6bd680226ab08b3d883002ebblockNumber : 6459690logIndex : 1removed : falsetransactionHash : 0xdcd4b44f01fce402ac56ec22be5d6ba479195a48db3ea8082382b4cea81af856transactionIndex : 0event : FundTransferargs : [object Object]

undefined,1000000000000000,100,100000000000000000000,100,100000



                   */


                   //上面的写法成功,但只能监听当前 一次事件


                   /*

                       注意参照以下代码:

                       instructorEvent.watch(function(error, result) {

                           if (!error)

                               {

                                   $("#info").html(result.args.name + ' (' + result.args.age + ' years old)');

                               } else {

                                   console.log(error);

                               }

                       });

                   */


                   //下面这种写法报错

                   //var myEvent = cc.events.FundTransfer({

                   //    filter: {myIndexedParam: [20,23], myOtherIndexedParam: '0x123456789...'}, // Using an array means OR: e.g. 20 or 23

                   //                fromBlock: 0

                   //                },

                   //    fromBlock: 0

                   //}, function(error, event){})

                   //.on('data', function(event){

                   //    document.getElementById("listenback").innerText=event; // same results as the optional callback above

                   //})

                   //.on('changed', function(event){

                   //        // remove event from local database

                   //})        

                   //.on('error', console.error);



                   

               } catch (error) {

                   document.getElementById('donateback').innerText="监听事件错误:" + error;

               }

           }


           //取回合约地址上多余的ci代币

           function getciback(){

               try {

                   cc.getbackci(function(error, result){

                       if(!error)

                   {

                       

                       $("#getciback").html("操作完成。" + result);

                      //alert(result);

                   }

                   else{

                       //alert(error);

                       $("#getciback").html('操作失败:' + error);

                   }});

                   //return "ok"

                   $("#getciback").html('正在操作。。。');

               } catch (error) {

                   document.getElementById('getciback').innerText="尝试取回合约地址上剩余的ci代币时失败:" + error;

               }

           }


           //取回包括历史事件记录在内的所有记录,当前 函数取回参与众筹的广播事件

           function listenevent(){

               try {

                   //执行下面的语句时,会把getPastEvents当作合约中的函数处理,

                   //但由于合约中根本没有这个函数,所以会报错,

                   //http://cw.hubwiz.com/card/c/web3.js-1.0/1/4/15/

                   var event=cc.FundTransfer();

                   event.watch({filter:{

                       //filter: {myIndexedParam: [20,23], myOtherIndexedParam: '0x123456789...'}, // Using an array means OR: e.g. 20 or 23

                       fromBlock: 0,

                       toBlock: 'latest'

                   }}, function(error, events){

                       document.getElementById("listenback").innerText=events;

                   })

                   //.then(function(events){

                   //    document.getElementById("listenback").innerText=events;// same results as the optional callback above

                   //});


               } catch (error) {

                   document.getElementById("listenback").innerText="监听失败:" + error;

               }

           }

```


加深了对文件IERC721Receiver.sol的理解:

```

pragma solidity ^0.4.18;


//在这个文件中声明了一个Interface,声明了让合约可以接收nft的函数onERC721Received

interface IERC721Receiver {

 function onERC721Received(

   address _operator,

   address _from,

   uint256 _tokenId,

   bytes   _userData

 ) external returns (bytes4);

}


//处理NFT的收据。

//ERC721合约在transfer执行后,对接收者recipient调用这个方法。

//如果传值不对,函数会抛出异常以回复或拒绝这个transfer。而这将导致整个交易被拒绝。

//合约地址总是message sender。

// _operator, 调用函数safeTransferFrom的地址。

//_from,之前的token拥有者。

//_tokenId,被转移的NFT。

//data,无规定格式的additional数据。(附加数据)

//返回bytes4(keccak256("onERC721Received(address,address,uint256,bytes)")),不然就抛出异常。


//       function onERC721Received(address _operator, address _from, uint256 _tokenId,

```


github: https://github.com/lhghroom/Self-learning-blockchain-from-scratch

【同步语音笔记】

https://www.ximalaya.com/keji/19103006/362592111


【学习过程屏幕录屏】

https://www.bilibili.com/video/BV1Da411w7Ut/



【就是要学】社区
一个平等,纯粹的社群
本社群旨在为真正愿意不断学习,终身成长的朋友提供一个平等互助互相鼓励的清洁纯粹的学习交流的平台。
加入社群将获得
1、与真正终身学习者为伍
2、在榜样带领下坚持每天学习,终身成长
3、养成记录时间日志,成功日记的习惯


【就是要学】社区QQ群:646854445





【返回首页】