1703877704
1703877705
为了测试Final目录，需要在其中运行npm install，然后使用Final目录中的node app.js命令运行该应用。
1703877706
1703877707
在Initial目录中，你将发现一个public目录和两个文件（app.js和package.json）。package.json包含应用的后端相关内容，把后端源代码放在app.js里。
1703877708
1703877709
public目录包含与前端相关的文件。在public/css中会发现bootstrap.min.css，它是bootstrap库；在public/html中会发现index.html，把应用的HTML代码放在这里；在public/js目录中将发现Hooked-Web3-Provider、web3js和LightWallet的.js文件。在public/js中还会发现一个main.js文件，把应用的前端JS代码放在这里。
1703877710
1703877711
1703877712
1703877713
1703877714
区块链项目开发指南 [:1703875351]
1703877715
区块链项目开发指南 5.6.3 创建后端
1703877716
1703877717
先来创建App后端。首先，在Initial目录中运行npm install，为后端安装所需相关内容。
1703877718
1703877719
运行快捷服务并用于index.html文件和静态文件的完整后端代码如下：
1703877720
1703877721
1703877722
1703877723
1703877724
上述代码无须解释。
1703877725
1703877726
1703877727
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