题目: Web3.js入门指南：如何在区块链应用中使用

何为Web3.js？

Web3.js是一个用于与以太坊区块链交互的JavaScript库，它可以使开发者在前端应用程序中轻松访问区块链及智能合约。这个库是为了简化开发过程而设计的，使得开发者能够通过标准的JavaScript API与以太坊生态系统互动。Web3.js的引入为区块链应用程序（DApp）的开发提供了便利，使得我们在面向用户的界面中也能直接调用区块链服务。

Web3.js的主要功能

Web3.js为开发者提供了多个功能模块，使得与以太坊的交互变得简单。以下是它的一些主要功能：

• 智能合约的交互：Web3.js允许开发者部署、调用和管理智能合约，支持合约的创建与方法调用。
• 钱包的管理：可以使用Web3.js轻松管理用户的钱包，包括生成新的地址、导入导出私钥等功能。
• 发送交易：能够通过Web3.js发送交易，处理用户的以太币（ETH）转账。
• 事件监听：Web3.js支持事件监听，开发者可以实时接收合约中的事件通知。
• 网络状态的查询：可以查询以太坊网络的当前状态，比如区块高度、Gas价格等。

如何安装和配置Web3.js

安装Web3.js非常简单，开发者可以通过npm进行安装。在项目根目录下运行以下命令：

npm install web3

安装完成后，开发者可以在项目中引入Web3.js并进行设置。以下是Web3.js的基本配置：

const Web3 = require('web3');  
const web3 = new Web3('https://mainnet.infura.io/v3/YOUR_INFURA_PROJECT_ID');

上述代码中，开发者需要替换YOUR_INFURA_PROJECT_ID为自己的Infura项目ID，以便连接到以太坊主网络。

构建第一个DApp

构建一个简单的DApp主要包括与智能合约的交互和用户界面的建立。我们将以一个简单的投票DApp为例，来演示如何使用Web3.js。以下是步骤：

1. 编写智能合约：使用Solidity语言编写你的智能合约。可以采用Remix IDE进行编写和测试。
2. 部署智能合约：将合约部署到以太坊网络上。可以通过Metamask等工具来完成智能合约的部署。
3. 创建前端应用：使用HTML/CSS/JS创建DApp的用户界面，通过Web3.js连接后端智能合约。

实际案例：投票DApp代码示例

以下是一个简单的投票合约及前端交互示例：

// Solidity投票合约
pragma solidity ^0.8.0;

contract Voting {
    struct Candidate {
        uint id;
        string name;
        uint voteCount;
    }
    
    mapping(uint => Candidate) public candidates;
    mapping(address => bool) public voters;
    uint public candidatesCount;

    constructor() {
        addCandidate("Alice");
        addCandidate("Bob");
    }

    function addCandidate(string memory name) private {
        candidatesCount  ;
        candidates[candidatesCount] = Candidate(candidatesCount, name, 0);
    }

    function vote(uint candidateId) public {
        require(!voters[msg.sender], "You have already voted.");
        require(candidateId > 0