1703878561
1703878562
1703878563
我们学习了如何使用这个工具。为了成功运行，应先在系统中安装Python。即使已经安装了Python，也可能会显示错误，表示没有安装Python的cryptography和base58模块。所以如果工具有提示，就要确保安装这些模块。
1703878564
1703878565
1703878566
1703878567
1703878568
区块链项目开发指南 [:1703875380]
1703878569
区块链项目开发指南 7.4.3 创建前端
1703878570
1703878571
现在开始创建App前端。前端将允许用户看到近期比赛的列表、部署投注合约以及押注一场比赛，并让他们看到关于投注合约的信息。
1703878572
1703878573
首先实现matches.ejs文件，它将显示近期比赛的列表。相关代码如下：
1703878574
1703878575
1703878576
1703878577
1703878578
1703878579
1703878580
1703878581
上述程序代码无须解释说明。现在开始编写主页的HTML代码。主页将显示三张表：第一张表部署投注合约，第二张表对投注合约投资，第三张表显示已投注合约的信息。
1703878582
1703878583
主页的HTML代码如下。把这段代码放入index.html页面：
1703878584
1703878585
1703878586
1703878587
1703878588
1703878589
1703878590
1703878591
1703878592
1703878593
1703878594
上述程序代码无须解释说明。现在开始编写JavaScript代码，以真正地部署合约、投资合约和显示合约信息。全部相关代码如下。将这段代码放入main.js文件：
1703878595
1703878596
1703878597
1703878598
1703878599
1703878600
1703878601
1703878602
1703878603
1703878604
1703878605
1703878606
1703878607
1703878608
上述代码的执行过程如下：
1703878609
1703878610
1）分别在投注合约ByteCode和投注合约ABI变量中存储合约、字节码和ABI。