阶段 3 收官:上一篇部署到测试网结尾说「合约就位,等一个前端」,本篇补上它。内容:DApp 到底是什么(前端界面 + 链上智能合约作后端,规则上链、无人可单方面下架——回到阶段 3 开篇的平台封号痛点);前端三件套逐个写——连接 MetaMask(window.ethereum 检测 + eth_requestAccounts)、读合约状态(view 调用不发交易不花 gas)、发写交易(increment → tx.wait(1) 等确认 → 复读 → 从 receipt 回读 CountChanged 事件),代码全部来自 dapp/frontend/ 真实文件
By Gerrad Zhang