网站结构与导航设计,制作wordpress模板教程视频,wordpress怎样下载文件,濮阳新闻目录
这是一个超超超级简单的智能合约提案项目#xff0c;你确定不点进来看一下吗#xff1f;
引言#xff1a;
1、搭建开发环境#xff1a;
2、编写智能合约#xff1a;
3、部署智能合约#xff1a;
编辑编辑4、编写前端交互代码#xff08;使用web3.js…目录
这是一个超超超级简单的智能合约提案项目你确定不点进来看一下吗
引言
1、搭建开发环境
2、编写智能合约
3、部署智能合约
编辑编辑4、编写前端交互代码使用web3.js
5、设计关于提案平台的html: 这是一个超超超级简单的智能合约提案项目你确定不点进来看一下吗
引言 作为一个“新手”写智能合约我选择做提案项目的目的是学习和成长。在这个项目中我计划使用Solidity编程语言来编写智能合约并进行部署和测试。我将设计一个简单而有趣的提案系统允许用户提交提案并进行投票。我将利用前端技术如HTML、CSS和JavaScript来开发一个直观且易于使用的界面。通过这个项目我希望能够提高我的编程能力和设计技巧。
1、搭建开发环境
1.安装并配置必要的开发工具如Node.js、Truffle Suite或Hardhat等。
2.部署一个本地的以太坊测试网络如GanacheGeth或连接到以太坊的公共测试网络如Ropsten。
3.使用RemixRemix是一个在线的Solidity IDE,其提供了Solidity编译器、调试器和运行环境。
4.MetaMask 是一种加密货币钱包使用户能够访问分散式应用程序dapps的 Web 3 生态系统。
简单来说 MetaMask 是一种加密货币钱包使用户能够存储以太币和其他 ERC-20 代币。 钱包还可用于与去中心化应用程序或 dapp 进行交互 2、编写智能合约
编写提案智能合约及实现一个基于 ERC20 标准的代币合约。
定义合约的数据结构、状态变量、函数以及相关的事件。
// SPDX-License-Identifier: UNLICENSED
pragma solidity ^0.8.0;importopenzeppelin/contracts/token/ERC20/ERC20.sol;
contract MyToken1 is ERC20 {constructor(string memory name, string memory symbol) ERC20(name, symbol) {_mint(msg.sender, 111 * 10**uint(decimals()));}function getDEcimals() public view returns (uint){return decimals();}}
//SPDX-License-Identifier: UNLICENSED
pragma solidity ^0.8.0;importopenzeppelin/contracts/token/ERC20/ERC20.sol;contract EthVoting {//附议人信息struct Voter {uint voteTimeStamp; //投票时的区块时间uint voterMoney;bool initialized; //判断是否投过票的标志}//提案内容struct Proposal {string pName; //提案标题string pCtx; //提案内容address chairperson; //提案主持人uint voteCount; //附议人数bool initialized; //判断提案是否存在的标志uint limitTime; //附议限制时间uint money; //该提案的已经募集到的金额uint r_money;//该提案目标募集的金额mapping(address Voter) voters; //附议列表} //提案内容-加入的数组中struct Proposal_group {string pName; //提案标题string pCtx; //提案内容address chairperson; //提案主持人uint voteCount; //附议人数bool initialized; //判断提案是否存在的标志uint limitTime; //附议限制时间uint money; //该提案的已经募集到的金额uint r_money;//该提案目标募集的金额}//声明一个全局变量成为部署当前合约的调用者
address public master;//声明一个全局变量成为master指定一个账户成为提案合法提取者
address receiver;//ERC20的合约地址赋值给这个变量address public ercaddress;constructor (address ercaddress_ ) {//实例化合约token合约对象mastermsg.sender;//实例化一个tokenercaddress ercaddress_;}//转ERC20代币function transfer2other(address to_ ,uint ercnum_) public {IERC20(ercaddress).transfer(to_,ercnum_*(10**18));}//获取某个ERC20代币余额function getBalance() public view returns (uint256) {return IERC20(ercaddress).balanceOf(address(this));}//提案编号
uint pId;//函数修饰符表示只有master账户才能执行的函数
modifier onlyMaster(){require(msg.sendermaster,it must be master);_;} //函数修饰符表示只有指定账户才能提取提案里的钱
modifier onlyReceiver(){require(msg.senderreceivers[msg.sender]msg.senderreceivers[msg.sender]msg.senderreceivers[msg.sender],it must be receiver);_;}//函数修饰符表示只有指定账户才能进行提案的附议
modifier onlySomeDoVoting(){
require(msg.sender!receiver,it can not be receiver);
require(msg.sender!master,it can not be master);_;
}//所有提案列表mapping(uint Proposal) public proposals;//提案余额提取者mapping(addressaddress) public receivers;//所有提案列表-加入到数组中mapping(uint Proposal_group) public proposales;
//所有提案列表-加入到数组中mapping(uintProposal_group[]) public Proposal_groups;//附议事件event VoteEvt(string indexed eventType, address _voter, uint timestamp);//提案事件event ProposeEvt(string indexed eventType, uint _proposalId, uint _limitTime);//创建新提案function createProposal(string memory _pName, string memory _pCtx, uint _limitTime ,uint r_money) public payable returns (uint){//赋值语句pIdpId1;Proposal storage _proposal proposals[pId];_proposal.pName _pName;_proposal.pCtx _pCtx;_proposal.chairperson msg.sender;_proposal.initialized true;_proposal.limitTimeblock.timestamp _limitTime;_proposal.r_money r_money;_proposal.voteCount 0;//赋值并加入到数组中以获取所有的提案Proposal_group storage _proposales proposales[pId];_proposales.pName _pName;_proposales.pCtx _pCtx;_proposales.chairperson msg.sender;_proposales.initialized true;_proposales.limitTimeblock.timestamp _limitTime;_proposales.r_money r_money;_proposales.voteCount 0;Proposal_groups[1].push(_proposales);emit ProposeEvt(propose, pId, _limitTime);return pId;}//提案提取人数量uint receiverCount;//master添加提案提取人function addReceiver(address voterAddr) public payable onlyMaster{require(receiverCount3,receiver can not exceed 3!);receiverCount1;receivers[voterAddr]voterAddr;}//master删除提案提取人function deleteReceiver(address voterAddr) public payable onlyMaster{delete receivers[voterAddr];receiverCount-1;}//进行附议function doVoting(uint pId1) public payable {if (proposals[pId1].chairperson msg.sender)revert(proposal person is not youself);if (msg.value 2)revert(money is lower than 2);//提案是否存在if (proposals[pId1].initialized false)revert(proposal not exist);uint currentTime block.timestamp;//是否已超过提案时限if (proposals[pId1].limitTime currentTime)revert(exceed voting time);//是否已经投过票if (proposals[pId1].voters[msg.sender].initialized true)revert(already vote);if (proposals[pId1].moneyproposals[pId1].r_money)revert(money is enough!);//新投票信息Voter memory voter Voter({voteTimeStamp: block.timestamp,initialized: true,voterMoney:msg.value});//记录投票信息proposals[pId1].voters[msg.sender] voter;proposals[pId1].voteCount1;proposals[pId1].moneymsg.value;emit VoteEvt(vote, msg.sender, block.timestamp);} //提案里的钱由合法提取者提取出来function collectMoney(uint pId1) public payable onlyReceiver{
payable(receiver).transfer(proposals[pId1].money);proposals[pId1].money0;delete proposals[pId1];}//查询是否附议function queryVoting(uint pId1, address voterAddr) public view returns (uint,uint){//提案是否存在if (proposals[pId1].initialized false)revert(proposal not exist);//返回投票时间和和金额return (proposals[pId1].voters[voterAddr].voteTimeStamp,proposals[pId1].voters[voterAddr].voterMoney);} //获取区块链时间function getBlockTime() public view returns (uint t) { t block.timestamp;}// //查询所有提案function getProposals() public view returns (Proposal_group[] memory) { return Proposal_groups[1];} // 查询附议提案function queryP_dovot(uint pid) public view returns (uint,uint ) { return (proposals[pid].voteCount,proposals[pid].money);} //查询提案标题function getProposalName(uint pId1) public view returns (string memory s) { s proposals[pId1].pName;} //查询提案内容function getProposalCtx(uint pId1) public view returns (string memory s) { s proposals[pId1].pCtx;}//查询提案内容function getProposalVCnt(uint pId1) public view returns (uint v) { v proposals[pId1].voteCount;}//查询提案期限function getProposalLimit(uint pId1) public view returns (uint t) { t proposals[pId1].limitTime;}} 3、部署智能合约
编译智能合约代码生成合约的字节码和ABIApplication Binary Interface。
将合约部署到所选择的以太坊网络中。 4、编写前端交互代码使用web3.js
创建一个前端应用程序可以是基于HTML/CSS/JavaScript的简单界面。
使用web3.js库与部署的智能合约进行交互包括调用合约方法、处理交易等。
配置MetaMask或其他以太坊钱包插件使用户可以通过浏览器与智能合约交互并进行以太币交易。
具体功能见代码注释
const web3 new Web3(Web3.givenProvider);
const abi [];
let changeAccount [];
var myContract new web3.eth.Contract(abi,0xa9dC761F2B9986Ce04694c3f279f0d62bb82A9CA
);
let Accounts [];
console.log(web3);
web3.eth.getAccounts().then(function (accounts) {Accounts accounts;
});
ethereum.on(accountsChanged, function (account) {changeAccount account;
});
function handle() {var Title document.getElementById(Title).value;var content document.getElementById(content).value;var time document.getElementById(time).value;var eth document.getElementById(eth).value;var start new Date(1970-01-01);var end new Date(time);var t_start start.getTime();var t_end end.getTime();var days (t_end - t_start) / 1000 / 60 / 60 / 24; //10var s days * 24 * 60 * 60;//添加提案myContract.methods._createProposal(Title, content, s, eth).send({ from: changeAccount[0], gas: 3000000 }).then(function (receipt) {alert(提案添加成功);});
}
//查询提案列表
function queryall() {myContract.methods._getProposals().call({ from: changeAccount[0] }).then(function (receipt) {console.log(receipt);});
}var personAdd [];
//添加提案余额提取人
function handle1() {var Person document.getElementById(Person).value;var Person1 document.getElementById(Person1).value;console.log(Person );console.log(Person1 );if (Person ! ) {personAdd[0] Person;myContract.methods._addReceiver(personAdd[0]).send({ from: changeAccount[0], gas: 3000000 }).then(function (receipt) {alert(添加提案余额提取人成功);});}if (Person1 ! ) {personAdd[0] Person1;myContract.methods._deleteReceiver(personAdd[0]).send({ from: changeAccount[0], gas: 3000000 }).then(function (receipt) {alert(删除提案余额提取人成功);});}
}
//附议提案
function handle2() {var id document.getElementById(id).value;var eth document.getElementById(eth).value;web3.eth.getAccounts().then(function (accounts) {Accounts accounts;});myContract.methods._doVoting(id).send({ from: changeAccount[0], gas: 3000000, value: eth }).then(function (receipt) {alert(提案附议成功);var amount 10;myContract.methods._transfer2other(Accounts[0], amount).send({ from: changeAccount[0], gas: 3000000 }).then(function (receipt) {alert(附议成功,该账户获得10个ERC20代币);});});
}//receiver接收提案中的金额
function handle3() {web3.eth.getAccounts().then(function (accounts) {Accounts accounts;});var id document.getElementById(id).value;myContract.methods._collectMoney(id).send({ from: changeAccount[0], gas: 3000000 }).then(function (receipt) {alert(receiver提取成功);});
}
//查询提案附议结果
function handle4() {web3.eth.getAccounts().then(function (accounts) {Accounts accounts;});var id document.getElementById(id).value;var id1 document.getElementById(id1).value;var Address document.getElementById(Address).value;if (id ! ) {myContract.methods._queryP_dovot(id).call({ from: changeAccount[0] }).then(function (receipt) {alert(查询成功);console.log(receipt);});}if (id1 ! ) {//查询某人附议结果(pid,address)personAdd[0] Address;myContract.methods._queryVoting(id1, personAdd[0]).call({ from: changeAccount[0] }).then(function (receipt) {alert(查询成功);console.log(receipt);});}
}5、设计关于提案平台的html:
1、是的HTML代码我没给全比如设置提案接收人提案附议页面查询提案页面我都没给看到这个文章的有缘人你们要靠你们自己了
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlnshttp://www.w3.org/1999/xhtml
head
meta http-equivContent-Type contenttext/html; charsetutf-8 /
title首页/title!--bootstrap css 挺方便简洁的一款第三方前端开发框架--
link relstylesheet hrefcss/bootstrap.css /link relstylesheet hrefcss/style.css //head
bodydiv classspan12 content stylewidth: 1180px;div classbox style margin-top: 166px;margin-left: 245px;div classbox-headh3公告提案平台/h3a href/setReveiver.htmlbutton设置提案接收人/button/aa href/dovot.htmlbutton附议页面/button/aa href/searchPid.htmlbutton查询提案/button/aa href/reveiver.htmlbutton余额提取页面/button/abutton onclickqueryall()查询提案列表(控制台查看)/button/divdiv classbox-contentdiv classform-horizontaldiv classcontrol-grouplabel classcontrol-label标题/labeldiv classcontrolsdiv classinput-appendinput idcsyTitle typetext classtip /!-- span classtip add-on idjieshouren --!-- i classicon-user stylecursor:pointer /i --!-- div styledisplay:none idselectlxr/div --/span/div/div/divdiv classcontrol-grouplabel classcontrol-label内容/labeldiv classcontrolstextarea idcsycontent classspan6 input-square/textarea/div/divdiv classcontrol-grouplabel classcontrol-label截止时间/labeldiv classcontrolsinput idcsytime typedatetime-local //div/divdiv classcontrol-grouplabel classcontrol-label所需费用/labeldiv classcontrolsinput typetext idcsyeth classtip //div/divdiv classcontrol-grouplabel classcontrol-labelnbsp;/labeldiv classcontrolsinput typebutton classbtn btn-fo onclickhandle() value新建提案 //div/div/div/div/div
/div
script srcweb3.min.js/script
script srcapp1.js/script
script srcjs/jQuery.js/script
script srcjs/jquery.artDialog.js?skinidialog/script
!--js结束--
script
//循环输出创建十个复选框
var chtml ;
for (var i 0; i 10; i) {chtml div styleword-wrap:break-word; width:450px; ;chtml label stylefloat:left;padding:15pxinput typecheckbox nameaaa value1 class{required:true} /span stylemargin-left:10px小i/span/label;chtml /div;
}
//把得到字符串利用jquery添加到元素里面生成checkbox
$(#selectlxr).html(chtml);
//创建一个 dialog弹出框(第三方插件有兴趣可以看下 超赞的一款插件 http://www.planeart.cn/demo/artDialog/) 把创建好的弹出框隐藏起来
var dia $.dialog({title: 选择联系人, width: 500px,content: $(#selectlxr).html(),close: function () {this.hide();return false;},follow: document.getElementById(jieshouren)}).hide();//点击 显示
$(#jieshouren).click(function () {dia.show();
})
//事件 获取checkbox点击时候的父元素的值 添加到text 如果点击收的选中状态为checked 则添加 否则 删除
$(input[typecheckbox]).click(function () {try {if ($(this).attr(checked)) {$(#jsrtxt).val($(#jsrtxt).val() $(this).parent().text() ;);} else {$(#jsrtxt).val($(#jsrtxt).val().replace($(this).parent().text() ;, ));}} catch (e) {$(#jsrtxt).val();}
})
//初步测试 暂无小bug 可以为text增加一个只读
/script/body
/html
