非常实用的一篇参考https://blog.csdn.net/weixin_45629315/article/details/113469323已经非常详细（下面简称它教程），操作简单，但是对于完全没有接触过Dapp开发、从来没有使用过Remix/Ganache/solidity的程序员来说，仍然不清楚某些操作具体怎样做，所以这里通过截图补充的再详细一些~
不知道这一步是否有用，之前由于别的项目打开windows的开发者模式了，可能对它有帮助
下面这张图红框标注的是“移除”，因为我已经加载过MetaMask工具了，如果没有安装过MetaMask插件，那么红框位置是一个“加载”按钮
首次登录MetaMask有两个选项，一个是新建账号，一个是导入账号，我点了新建账户，一路next下去，一定要记下来助记词（这也是MetaMask还是以太坊还是区块链还是Web3比较特别的地方，它们不是用密码、验证码登录的是，是用助记词登录，一旦创建了账号就不能被销毁~），助记词是12个英文单词。接下来，可以新建一个Account账户（这个Account账户也是一旦建立不能被销毁的），一定要记下来它的Key（私钥），便于以后找回
这里的网络是以太网主网络，账户里没有钱ETH，怎么用local网络，怎么导入有ETH的账户，在第4部分
按照教程官网上下载Ganache安装包，安装之后，启动界面有两个按钮，选择QUICKSTART（先不要管silent-plants(ethereum）
Ganache搭建了一个私有的本地的以太坊网络，网络地址和端口号在红色框里，马赛克部分是10个账户，每个账户100ETH余额，后面我们把某个账户导入到MetaMask里边
蓝色框位置有“保存”按钮（我这里保存过了所以没有保存按钮了），这样记下来一个Workspace，Workspac的名字是silent-plants，下次再启动Ganache，点击下图中的silent-plants(ethereum)，进入到对应的workspace里边，重复使用那些10个账户了
参考教程https://blog.csdn.net/sanqima/article/details/120406660的第6部分
MetaMask添加网络
如下图：“网络名称”自己定义
“新增RPC URL”是下图红框中Ganache的地址
“链ID”默认是1337，“货币符号”是ETH
点击保存，MetaMask连接上本地私有网络，在下面位置选中本地私有网络
点击右上角圆圈头像→点击“导入账户”
粘贴私钥
私钥在Ganache
回到MetaMask粘贴，点击“导入”，导入成功
补充说明下：
MetaMask有两种账户，第一种是新建的（如下图的Account1，右侧没有“已导入”按钮），第二种是导入的账户（如下图的Account2，右侧有“已导入”按钮），选中Account2切换到该账户
第一种账户创建后不能删除，也不能移除，第二种账户可以从MetaMask中移除，也不能彻底删除账户，这是因为以太坊/区块链上的账户一旦创建都不能彻底删除
删除的方法是，如下图点击Account2右侧的三个点按钮，点击“删除账户”，那么Account2从MetaMask上移除
此时MetaMask没有连接到Remix
在Remix网站下点击MetaMask→点击右上角三个原点→点击“已连接的网站”
弹出对话框中选中“手动连接当前站点”
选择Account2→点击“下一步”
点击“连接”
连接成功！
这部分和教程一致~
教程里边没有讲在哪里写html和javascript的代码，我一直在Remix里边写，写了又不知道如何运行，其实很简单，没有那么复杂~
在本地文件夹新建一个index.html文件，位置放在哪里都可以
html的代码如下
<!DOCTYPE html>
<html>
<head>
<title>Hello World DApp</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
</head>
<body class="container">
<h1>A Simple Voting Application</h1>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th>Candidate</th>
<th>Votes</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alice</td>
<td id="candidate-1"></td>
</tr>
<tr>
<td>Bob</td>
<td id="candidate-2"></td>
</tr>
<tr>
<td>Cary</td>
<td id="candidate-3"></td>
</tr>
</tbody>
</table>
</div>
<input type="text" id="candidate" />
<a href="#" onclick="voteForCandidate()" class="btn btn-primary">Vote</a>
</body>
<script src="https://cdn.jsdelivr.net/npm/web3@0.20.1/dist/web3.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
<script src="./app.js"></script>
</html>
再新建一个js文件命名为app.js，和index.html放在同一个文件夹目录下
js代码如下：
web3 = new Web3(new Web3.providers.HttpProvider("HTTP://127.0.0.1:7545"));
abi = JSON.parse('[{"constant":true,"inputs":[{"name":"candidate","type":"bytes32"}],"name":"totalVotesFor","outputs":[{"name":"","type":"uint8"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"candidate","type":"bytes32"}],"name":"validCandidate","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"","type":"bytes32"}],"name":"votesReceived","outputs":[{"name":"","type":"uint8"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"","type":"uint256"}],"name":"candidateList","outputs":[{"name":"","type":"bytes32"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"candidate","type":"bytes32"}],"name":"voteForCandidate","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"inputs":[{"name":"candidateNames","type":"bytes32[]"}],"payable":false,"stateMutability":"nonpayable","type":"constructor"}]')
VotingContract = web3.eth.contract(abi);
//部署的合约地址
contractInstance = VotingContract.at('0xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');
candidates = {"Alice": "candidate-1","Bob": "candidate-2","Cary":"candidate-3"}
function voteForCandidate() {
console.log(candidate);
candidateName = $("#candidate").val();
console.log(candidateName);
contractInstance.voteForCandidate(candidateName, {from: web3.eth.accounts[0]}, function() {
let div_id = candidates[candidateName];
console.log(contractInstance.totalVotesFor.call(candidateName).toString());
$("#" + div_id).html(contractInstance.totalVotesFor.call(candidateName).toString());
});
console.log(contractInstance.totalVotesFor.call(candidateName).toString());
}
$(document).ready(function() {
candidateNames = Object.keys(candidates);
for (var i = 0; i < candidateNames.length; i++) {
let name = candidateNames[i];
let val = contractInstance.totalVotesFor.call(name).toString()
$("#" + candidates[name]).html(val);
}
});
教程里没有提到的是，html文件下图中的js文件名字要和js文件名字一致
修改js文件第一行是Ganache地址，如下图
修改js文件新建合约的地址，是Remix部署的合约地址，不是Ganache的账户地址！
用火狐浏览器打开index.html，亲测用其它浏览器打开index.html也可以，部署合约到Web成功了！
https://github.com/ningmengzhihe/Vote.git
欢迎感兴趣的朋友点赞、关注、收藏哟
我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div
总的来说，我对ruby还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。
给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru
我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t
我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚
Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack
使用带有Rails插件的vim，您可以创建一个迁移文件，然后一次性打开该文件吗？textmate也可以这样吗？ 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件，这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails，您可以创建一个新的迁移文件并一次性打开它吗？，我们在StackOverflow上找到一个类似的问题： https://sta
我需要从一个View访问多个模型。以前，我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它，但这似乎不是“ruby方式”，我将需要在不久的将来访问更多模型。这可能会变得很脏，是否有针对这种情况的任何技术？注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展，本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向，这似乎很麻烦。最终从任何
我想要做的是有2个不同的Controller，client和test_client。客户端Controller已经构建，我想创建一个test_clientController，我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集，然后呈现客户端Controller的索引View，以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>