079孤荷凌寒从零开始学区块链第79天DAPP034

孤荷凌寒自学第165天

区块链第079天Dapp034

【主要内容】

今天继续学习实战，做一个真正的依托于智能合约的DAPP。今天继续独立完善一个众筹的合约。共耗时35分钟。

（此外整理作笔记花费了约52分钟）

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

【搜索了相关js代码监听事件的做法】

相关博文如下：

https://www.jianshu.com/p/79205862252a

https://learnblockchain.cn/2018/05/09/solidity-event/

重点参考了：

https://www.cnblogs.com/zdz8207/p/qkl-web3-js-api.html

引用原文如下：

合约对象的事件

你可以像web3.eth.filter这样使用事件，他们有相同的方法，但需要传递不同的对象来创建事件过滤器。

参数：

Object - 你想返回的索引值（过滤哪些日志）。如，{'valueA': 1, 'valueB': [myFirstAddress, mySecondAddress]}。默认情况下，所以有过滤项被设置为null。意味着默认匹配的是合约所有的日志。

Object - 附加的过滤选项。参见web3.eth.filter的第一个参数。默认情况下，这个对象会设置address为当前合约地址，同时第一个主题为事件的签名。

Function -（可选）传入一个回调函数，将立即开始监听，这样就不用主动调用myEvent.watch(function(){})7。

回调返回值：

Object - 事件对象，如下：

address: String，32字节 - 日志产生的合约地址。

args: Object - 事件的参数。

blockHash: String，32字节 - 日志所在块的哈希。如果是pending的日志，则为null。

blockNumber: Number - 日志所在块的块号。如果是pending的日志，则为null。

logIndex: Number - 日志在区块中的序号。如果是pending的日志，则为null。

event: String - 事件名称。

removed: bool - 标识产生事件的这个交易是否被移除（因为孤块），或从未生效（被拒绝的交易）。

transactionIndex: Number - 产生日志的交易在区块中的序号。如果是pending的日志，则为null。

transactionHash: String，32字节 - 产生日志的交易哈希值。

示例：

var MyContract = web3.eth.contract(abi);

var myContractInstance = MyContract.at('0x78e97bcc5b5dd9ed228fed7a4887c0d7287344a9');

// watch for an event with {some: 'args'}

var myEvent = myContractInstance.MyEvent({some: 'args'}, {fromBlock: 0, toBlock: 'latest'});

myEvent.watch(function(error, result){

...

});

// would get all past logs again.

var myResults = myEvent.get(function(error, logs){ ... });

...

// would stop and uninstall the filter

myEvent.stopWatching();

合约 allEvents

var events = myContractInstance.allEvents([additionalFilterObject]);

// watch for changes

events.watch(function(error, event){

if (!error)

console.log(event);

});

// Or pass a callback to start watching immediately

var events = myContractInstance.allEvents([additionalFilterObject,] function(error, log){

if (!error)

console.log(log);

});

调用合约创建的所有事件的回调。

参数：

Object - 附加的过滤选项。参见web3.eth.filter的第一个参数。默认情况下，这个对象会设置address为当前合约地址，同时第一个主题为事件的签名。

Function -（可选）传入一个回调函数，将立即开始监听，这样就不用主动调用myEvent.watch(function(){})7。

回调返回值：

Object - 详见合约对象的事件了解更多。

示例：

var MyContract = web3.eth.contract(abi);

var myContractInstance = MyContract.at('0x78e97bcc5b5dd9ed228fed7a4887c0d7287344a9');

// watch for an event with {some: 'args'}

var events = myContractInstance.allEvents({fromBlock: 0, toBlock: 'latest'});

events.watch(function(error, result){

...

});

// would get all past logs again.

events.get(function(error, logs){ ... });

...

// would stop and uninstall the filter

myEvent.stopWatching();

以及这篇博文：

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

引用原文如下：

在web3.js中，提供了响应事件的方法，如下2：

var event = myContract.transfer();

// 监听

event.watch(function(error, result){

console.log("Event are as following:-------");

for(let key in result){

console.log(key + " : " + result[key]);

}

console.log("Event ending-------");

});

另外一种简便写法是直接加入事件回调，这样就不用再写watch的部分：

var event = myContract.transfer(function(error, result){

console.log("Event are as following:-------");

for(let key in result){

console.log(key + " : " + result[key]);

}

console.log("Event ending-------");

});

注意：在操作执行完成后，我们要记得调用event.stopWatching();来终止监听。

【今天修改后的html前端代码】

```

<!DOCTYPE html>

<html>

<head>

// 格式化日期，如月、日、时、分、秒保证为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;

//var heyueAddress = "0x833Efb0B28AeD4C6510906fac12Deb60d98D1C23"; //这个合约地址不返回合约代币。要连接的众筹ico合约地址

//var heyueAddress = "0xC5b33d4ca2Cf2dF9bCeD7491dFa791a9546bEE2c"; //这个合约地址是要返回ci代币的

//var heyueAddress = "0xa0C369A8E08E5bD17401CC612d453f883cbDed16"; //这个合约是最后发布的ico众筹合约，事件广播完整

var heyueAddress = "0x794155739d9E18a0Ca9c133f99b11E467597D4EB"; //这个合约是保证返回的ci最后至少有一个ci

function startApp() {

try {

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

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

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);

}

});

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

//--查询总金额---

function gettotal(){

try{

cc.getTotal(function(error, result){ //https://www.jianshu.com/p/15ff9da4dd8d

if(!error)

{

var fln=result / (10**18);

$("#total").html("已获得众筹总金额：" + fln + " ether");

//alert(result);

}

else{

//alert(error);

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

}});

//return "ok"

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

}catch(err){

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

}

//--查询总金额---

function gettotal2(){

try{

cc.getContractBalance(function(error, result){ //https://www.jianshu.com/p/15ff9da4dd8d

if(!error)

{

var fln=result / (10**18);

$("#total2").html("合约地址代币余额：" + fln + " ether");

//alert(result);

}

else{

//alert(error);

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

}});

//return "ok"

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

}catch(err){

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

}

//查询本次授权的结束日期和时间

function getEndTimeStamp(){

try{

cc.getEndTimeStamp(function(error, result){ //https://www.jianshu.com/p/15ff9da4dd8d

if(!error)

{

t=formatTime(result * 1000,"Y-M-D h:m:s");

$("#endtime").html("本次众筹截止时间：" + t);

//alert(result);

}

else{

//alert(error);

$("#endtime").html('获取出错：' + error);

}});

//return "ok"

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

}catch(err){

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

return err;

}

//查询参与的节点

function getAllAddress(){

try{

cc.getalladdress(function(error, result){

if(!error)

{

//result本身就是一个数组对象。

//alert(result.length);

var strls="";

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

if(i>0){

strls=strls + "<br />" + result[i]

}

$("#alladdress").html("已参与节点列表：" + strls);

//alert(result);

}

else{

//alert(error);

$("#alladdress").html('获取出错：' + error);

}});

//return "ok"

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

}catch(err){

alert("查询所有已参与节点时出错：" + err)

return err;

}

//查询已参与节点的总数---

function getAddressCount(){

try{

cc.getGiftCount(function(error, result){

if(!error)

{

$("#addresscount").html("参与众筹的节点有" + result + "个");

//alert(result);

}

else{

//alert(error);

$("#addresscount").html('获取出错：' + error);

}});

//return "ok"

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

}catch(err){

alert("查询所有已参与节点总数时出错：" + err)

return err;

}

//查询所有节点与参与金额

function getallgiftandvalue(){

try {

cc.getgift(function(error, result){

if(!error)

{

//result本身就是一个数组对象。

//alert(result.length);

if(result.length>1){

var adds=result[0];

var vs=result[1];

//alert(adds.length);

//alert(vs.length);

var strls="";

var fln=0.0;

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

if(i>0){

fln=(vs[i] - 0.0)/(10**18);

strls=strls + "<br />" + adds[i] + " 捐赠:" + fln + "ether;";

}

$("#alladdressandvalue").html(strls);

}else{

$("#alladdressandvalue").html("获取到的结果不完整。")

}

//alert(result);

}

else{

//alert(error);

$("#alladdressandvalue").html('获取出错：' + error);

}});

//return "ok"

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

} catch (error) {

alert("在查询所有参与节点与众筹金额对照关系时出错：" + error)

}

//查询指定节点地址的参与众筹金额

function getAddressGift(a){

try {

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

if(!error)

{

//alert(result);

var fln=result / (10**18);

$("#address").html("此节点共参与众筹：" + fln + "ether");

//alert(result);

}

else{

//alert(error);

$("#addresscount").html('获取出错：' + error);

}});

$("address").html('正在获取... ...');

} catch (error) {

alert("查询指定节点已众筹金额时出错：" + error);

return error;

}

//---查询当前默认节点地址自己的参与众筹金额：

function getCurGift(){

try {

cc.getGiftBalance(function(error, result){

if(!error)

{

//alert(result);

var fln=result / (10**18);

$("#curinfo").html("共参与众筹：" + fln + "ether");

//alert(result);

}

else{

//alert(error);

$("#curinfo").html('具体参与金额获取出错：' + error);

}});

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

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

cc.getgoal(function(error, result){

if(!error)

{

//alert(result);

var fln=result / (10**18);

$("#goal").html("目标众筹总量：" + fln + "ether");

//alert(result);

}

else{

//alert(error);

$("#goal").html('获取目标众筹总量出错：' + error);

}});

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

} catch (error) {

alert("查询当前节点已众筹金额时出错：" + error);

return error;

}

//参与众筹---

function dodate(intvalue){

//alert(intvalue);

try{

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

if(!err){

//alert(res);

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

//cc.donate(message,function(err, res){ //使用这行所示方法，交易可以发起，但无法成功完成

//使用下一行的方法，执行成功

cc.donate.sendTransaction(message,function(err, res){

var output = "";

if (!err) {

output += res;

} else {

output = err;

}

listendonate();

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

});

return "ok";

}else{

alert(err);

}

});

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

}catch(err){

alert('执行参与众筹出错：' + err);

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

return err;

}

//取回自己的金额----

function getmygiftback(){

try {

cc.withdraw(function(error, result){

if(!error)

{

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

//alert(result);

}

else{

//alert(error);

$("#getback").html('操作失败：' + error);

}});

//return "ok"

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

} catch (error) {

alert("尝试取回自己的参与众筹金额的份额时出错：" + error)

}

//发起众筹节点取走成功众筹的总金额

function getdraw(){

try {

cc.draw(function(error, result){

if(!error)

{

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

//alert(result);

}

else{

//alert(error);

$("#getdoback").html('操作失败：' + error);

}});

//return "ok"

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

} catch (error) {

alert("尝试取走众筹款项时出错 ;" + error)

}

//监听众筹事件

function listendonate(){

try {

document.getElementById("listenback").innerText="监听中......";

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

var event=cc.FundTransfer();

event.watch(function(error,result){

if(!error){

var strls="";

for(let key in result){

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

}

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

document.getElementById("listenback").innerHTML=strls;

}else{

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

}

})

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

注意参照以下代码：

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("listenback").innerText="错误：" + error;

}

//--------------------------调用测试---------------------------------------

//--查询total

function cmdone_click(){

try{

gettotal();

}catch(err){

alert(err);

}

//--查询total2

function cmdone2_click(){

try{

gettotal2();

}catch(err){

alert(err);

}

//--查询本次众筹的结束日期和时间----

function cmdtwo_click(){

try{

getEndTimeStamp();

}catch(err){

alert(err);

}

//--查询所有已参与节点---

function cmdthree_click(){

try{

getAllAddress();

}catch(err){

alert(err);

}

//--查询已参与节点总数--

function cmdfoure_click(){

try{

getAddressCount();

}catch(err){

alert(err);

}

//--查询指定节点的参与总金额---

function cmdfive_click(){

try{

var v=document.getElementById("txtaddress").value;

if(v.length<=0){

alert("请先输入要查询的节点地址");

}else{

getAddressGift(v);

}

}catch(err){

alert(err);

}

//--查询所有节点与金额对照字典

function cmdsix_click(){

try {

getallgiftandvalue();

} catch (error) {

alert(error);

}

//--参与众筹-------------

function cmddonate_click(){

try{

var strls=document.getElementById("txtvalue").value;

//alert(strls);

if(/^[0-9]+.?[0-9]+?$/.test(strls)){

var fls=parseFloat(strls);

//var intls=fls * (10**18);

//alert(fls);

k=dodate(fls);

}else{

alert('只能输入数字');

}

}catch(err){

alert("操作失败：" + err);

}

//---参与众筹都取回自己的参与金额---

function cmdgetback_click(){

try {

getmygiftback();

} catch (error) {

alert("操作失败：" + error);

}

//众筹发起者取走成功众筹的金额

function cmddo_click(){

try {

getdraw();

} catch (error) {

alert("操作失败：" + error)

}

//监听众筹事件

function cmdlisten_click(){

try {

document.getElementById("listenback").innerText="开始监听";

listendonate();

} catch (error) {

alert("操作失败：" + error);

}

</script>

</head>

<body>

<div>

<p>

众筹合约地址：

</p>

</p>

</p>

</p>

</p>

</p>

</div>

<div>

<br />

<br />

<input type="text" value="0.001" id="txtvalue" name="txtvalue" />eth

<br />

<span id="getback" name="getback">只有超过众筹结束时间之后，且没有完成众筹金额时才能取回。</span>

<span id="getdoback" name="getdoback">只有众筹合约发起节点才能取走众筹成功的款项。</span>

</div>

</body>

</html>

```

监听事件部分成功了，但只能监听当前事件。

而且输出结果是这样的：

address : 0x794155739d9e18a0ca9c133f99b11e467597d4ebblockHash : 0x1ff61cb4a4c22b7c719cfd7ece0e94daa0ffb09cf8e31310807d91065667d444blockNumber : 6447562logIndex : 2removed : falsetransactionHash : 0xd060b662e2b9d4bcf5f37ff6a0ac5d3746b94f6a28ca7d01e599ecb6b9be5936transactionIndex : 0event : FundTransferargs : [object Object]

特别注意最后的

[object Object]

没有得到具体内容

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

原文地址：https://www.941xue.com/content.aspx?id=1662

【欢迎大家加入[就是要学]社群】

如今，这个世界的变化与科技的发展就像一个机器猛兽，它跑得越来越快，跑得越来越快，在我们身后追赶着我们。

很多人很早就放弃了成长，也就放弃了继续奔跑，多数人保持终身不变的样子，原地不动，成为那猛兽的肚中餐——当然那也不错，在猛兽的逼迫下，机械的重复着自我感觉还良好地稳定工作与生活——而且多半感觉不到这有什么不正常的地方，因为在猛兽肚子里的是大多数人，就好像大多数人都在一个大坑里，也就感觉不出来这是一个大坑了，反而坑外的世界显得有些不大正常。

为什么我们不要做坑里的大多数人？

因为真正的人生，应当有百万种可能；因为真正的一生可以有好多辈子组成，每一辈子都可以做自己喜欢的事情；因为真正的人生，应当有无数种可以选择的权利，而不是总觉得自己别无选择。因为我们要成为一九法则中为数不多的那个一；因为我们要成为自己人生的导演而不是被迫成为别人安排的戏目中的演员。

【请注意】

就是要学社群并不会告诉你怎样一夜暴富！也不会告诉你怎样不经努力就实现梦想！

【请注意】

就是要学社群并没有任何可以应付未来一切变化的独门绝技，也没有值得吹嘘的所谓价值连城的成功学方法论！

【请注意】

社群只会互相帮助，让每个人都看清自己在哪儿，自己是怎样的，重新看见心中的梦想，唤醒各自内心中的那个英雄，然后勇往直前，成为自己想要成为的样子！

期待与你并肩奔赴未来！

www.941xue.com

QQ群：646854445 （【就是要学】终身成长）

【同步语音笔记】

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

【学习过程屏幕录屏】

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

欢迎大家添加我为好友： QQ: 578652607