标签：#Web3 #Solidity #Ethereum #SmartContract #Remix #DApp
🌐 前言：DApp 的架构逻辑
在 Web2 中，我们请求的是中心化服务器；在 Web3 中，我们直接与区块链上的智能合约交互。
交互流程图 (Mermaid):
🛠️ 一、 准备工作
- 浏览器插件钱包：安装MetaMask。
- 测试代币 (Gas)：你的代码上链需要消耗 Gas。去 “Sepolia Faucet”（如 Google 搜索
Sepolia ETH faucet）领取免费的测试币。 - 开发工具：打开Remix IDE(remix.ethereum.org)。这是官方推荐的在线编辑器，开箱即用。
💻 二、 编写智能合约 (Smart Contract)
在 Remix 的contracts目录下新建文件Voting.sol。
这个合约需要实现三个核心功能：
- 初始化候选人：在部署时确定谁可以被投票。
- 投票：每个地址只能投一次，防止刷票。
- 查询结果：查看候选人的得票数。
// SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract Voting { // 1. 定义数据结构 struct Candidate { string name; // 名字 uint256 voteCount; // 得票数 } // 2. 状态变量 (存储在链上) Candidate[] public candidates; // 候选人列表 mapping(address => bool) public hasVoted; // 记录谁投过票 (防刷票) // 3. 事件 (方便前端监听) event Voted(address indexed voter, uint256 candidateIndex); // 4. 构造函数 (仅在部署时执行一次) // 传入候选人名字列表，例如 ["Alice", "Bob"] constructor(string[] memory _candidateNames) { for (uint256 i = 0; i < _candidateNames.length; i++) { candidates.push(Candidate({ name: _candidateNames[i], voteCount: 0 })); } } // 5. 核心功能：投票 function vote(uint256 _candidateIndex) public { // 检查：确保没投过票 require(!hasVoted[msg.sender], "You have already voted."); // 检查：确保投给有效的候选人 require(_candidateIndex < candidates.length, "Invalid candidate index."); // 执行：记录该地址已投票 hasVoted[msg.sender] = true; // 执行：票数 +1 candidates[_candidateIndex].voteCount += 1; // 触发事件 emit Voted(msg.sender, _candidateIndex); } // 6. 辅助功能：获取候选人总数 function getCandidatesCount() public view returns (uint256) { return candidates.length; } // 7. 辅助功能：获取所有候选人信息 (方便前端读取) function getAllCandidates() public view returns (Candidate[] memory) { return candidates; } }🚀 三、 编译与部署
1. 编译 (Compile)
- 点击 Remix 左侧的“Solidity Compiler”图标。
- 点击“Compile Voting.sol”。如果没有红色的 Error，说明语法正确。
2. 部署 (Deploy)
这是最激动人心的一步，我们将代码写入全球分布的以太坊网络中。
点击左侧的“Deploy & Run Transactions”图标。
Environment选择“Injected Provider - MetaMask”。
此时 MetaMask 会弹出，请求连接，请确认你的网络已切换到 Sepolia。
Deploy栏目下，点击
Deploy按钮旁边的箭头展开参数输入框。_candidateNames: 输入候选人数组，例如：
["Alice", "Bob", "Charlie"](注意是英文双引号)。点击“transact”(或 Deploy)。
MetaMask 会弹出交易确认框，显示预估的 Gas 费。点击“Confirm”。
等待几十秒，控制台显示绿色的勾 ✅，说明部署成功！
🖱️ 四、 交互测试
在左侧下方的“Deployed Contracts”区域，你会看到刚部署的合约。展开它，你就可以直接调用合约函数了。
- 查看候选人：
- 点击
candidates按钮，输入0，可以看到Alice的信息和voteCount(初始为 0)。
- 进行投票：
- 找到
vote函数（橙色按钮，表示需要消耗 Gas 写数据）。 - 输入
0(投给 Alice)。 - 点击
transact，在 MetaMask 中确认交易。
- 验证结果：
- 再次查询
candidates(索引 0)，你会发现voteCount变成了1。
- 防刷票测试：
- 再次点击
vote(输入 0 或 1)。 - 你会发现 Remix 控制台报错：
"You have already voted."。这就是代码中require语句在起作用，EVM 拒绝了这笔非法交易。
🧠 五、 原理深度解析
为什么这很酷？
- 无服务器：你没有租用阿里云或 AWS，代码却跑在世界各地的节点上。
- 不可篡改：除非你掌握了全网 51% 的算力，否则没人能把 Alice 的那一票改成 Bob。
- 透明性：你可以把合约地址发给朋友，他们可以在 Etherscan 上看到每一笔投票交易的哈希值。
🎯 总结
通过不到 50 行代码，我们构建了一个最基础的DAO (去中心化自治组织)雏形。
虽然这个系统还很简陋（比如任何人都能投票，没有白名单限制），但它展示了区块链技术的核心魅力：信任的机器化。
Next Step:
现在的界面是 Remix 自带的，很丑。
尝试使用React + ethers.js，编写一个精美的 Web 前端，通过 MetaMask 连接你刚刚部署的合约，让普通用户也能通过点击网页按钮来参与投票！这将是你迈向全栈 Web3 开发者的第一步。
