1703877728
1703877729
区块链项目开发指南 [:1703875352]
1703877730
区块链项目开发指南 5.6.4 创建前端
1703877731
1703877732
现在开始创建App前端。前端所包括的主要功能有生成种子、显示种子地址和发送以太币。
1703877733
1703877734
编写应用的HTML代码。把如下代码放入index.html文件中：
1703877735
1703877736
1703877737
1703877738
1703877739
1703877740
1703877741
1703877742
上述代码的执行过程如下：
1703877743
1703877744
1）把Bootstrap 4样式表排入队列。
1703877745
1703877746
2）显示一个信息框，上面将显示多个信息。
1703877747
1703877748
3）得到一个表单，上面有一个输入框和两个按钮。输入框用于输入seed或者在生成新的seed时显示seed。
1703877749
1703877750
4）Generate Details按钮用于显示地址，Generate NewSeed按钮用于生成一个新的、独一无二的seed。用户单击Generate Details按钮就调用generate_Addresses（）方法，单击Generate New Seed按钮就调用generate_seed（）方法。
1703877751
1703877752
5）这时就有了一个空的有序列表。当用户单击Generate Details按钮时，将动态显示seed地址、余额和相关私钥。
1703877753
1703877754
6）最后有另外一张表单，其中有from地址、to地址和要转账的以太币数量。from地址必须是当前未排序列表中显示的地址之一。
1703877755
1703877756
现在编写HTML代码调用的每个函数的实现。首先编写代码，生成一个新的seed。将这段代码放入main.js文件：
1703877757
1703877758
1703877759
1703877760
1703877761
keystore命名空间的generateRandomSeed（）方法用于生成一个随机seed。它用接受一个可选参数，即一个表示额外的熵的字符串。
1703877762
1703877763
1703877764
在一些算法中或者需要随机数的地方会用到熵。熵通常来自于硬件源或者已经存在的硬件源，例如鼠标移动，或者特别提供的随机数生成器。
1703877765
1703877766
生成一个独特的seed需要非常高的熵。LightWallet内置了生成唯一seed的方法。LightWallet生成熵使用的算法取决于环境。但是如果能生成更好的熵，就可以把生成的熵传送给generateRandomSeed（），它将在内部与generateRandomSeed（）生成的熵进行拼接。
1703877767
1703877768
生成随机seed之后，调用generate_Addresses方法。该方法以seed作为参数，并在其中显示地址。在生成地址之前，它会问用户想要多少个地址。
1703877769
1703877770
generate_Addresses（）方法的实现如下。把如下代码放入main.js文件中：
1703877771
1703877772
1703877773
1703877774
1703877775
1703877776
1703877777