DAPP实战篇:使用web3.js实现前端输入钱包地址查询该地址的USDT余额—操作篇

06-01 1395阅读

专栏:区块链入门到放弃查看目录-CSDN博客文章浏览阅读396次。为了方便查看将本专栏的所有内容列出目录,按照顺序查看即可。后续也会在此规划一下后续内容,因此如果遇到不能点击的,代表还没有更新。声明:文中所出观点大多数源于笔者多年开发经验所总结,如果你想要知道区块链更多知识如区块链底层实现、区块链专业术语等等,请网上查阅更专业的资料。笔者本专栏只是为了方便一些没有区块链经验和相关知识的开发者以入门使用。 https://blog.csdn.net/qq_22502303/article/details/147022618?spm=1001.2014.3001.5502

说明

在《DAPP实战篇:使用web3.js实现前端输入钱包地址查询该地址的USDT余额——前端篇-CSDN博客》一文中我们完成了UI的开发,现在开始使用web3.js进行连接合约并查询地址余额。

开始

思路说明

quasar dev 运行项目,打开链接:http://localhost:9000/#/check-balance/web3

页面如下:

DAPP实战篇:使用web3.js实现前端输入钱包地址查询该地址的USDT余额—操作篇

我们需要实现的思路是,假设用户没有连接合约,则显示连接合约按钮,如果用户已经连接合约了则输入地址查询钱包。

连接合约

修改文件 src/pages/check-balance/web3.vue 代码如下:

  
    
      
        

查询余额

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们。

相关阅读

目录[+]

取消
微信二维码
微信二维码
支付宝二维码