去中心的投票平台

项目介绍:

前端:

vue3+vant4

工具:

vscodevant在线平台:Vant - Mobile UI Components

交互:

Web3.js

工具:小狐狸钱包(MetaMask

后端:

solisity

工具:

Ganache+remix在线平台:https://remix.ethereum.org/

预览:

14bea40843469316cea726be971505c.png

功能介绍: 在合约完成部署之后,主持人的地址就会被确定,并且在组件挂载时,就会将主持人地址也挂载上去。

投票人地址:主持人可以发送数组(里面内容是地址)我这里用的是ganache本地测试,就是本地的账户。 填写完成之后,点击开始分发选票,相应地址的账户就可以得到一张票权利。

4ea8c3f928b713af2343d0c8990ae6c.png

当前账户:显示当前小狐狸连接的账户地址 账户票数:也是小狐狸连接的账户所具有的可以投票的票数

委托地址:这个图片展示的是默认值 是否已经投票:投过为true,未投为false 投票ID:票数给的是第几号地址 委托人地址:可输入地址 委托他人投票:点击之后就会将票数转移到受委托人地址,随之页面也会相应改动

a86b5155a9fda3b103f760af41b1fef.png

投票展板:介绍每一个参选人的ID,右侧是票数,并且点击之后就可以投票(在当前连接的账户有票权的情况下)

源码:GitHub - megkiller/vote-dapp

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值