一个基于以太坊智能合约和React实现的dapp毕业代码与系统设计

一个基于以太坊智能合约和React实现的dapp毕业代码与系统设计
前端页面搭建
安装应用程序脚手架 创建lottery 的react项目
npm install -g create-react-app
create-react-app lottery-react
应用程序设计
展示管理员地址
展示奖池金额
展示参与人数
展示当前期数
展示投注按钮
展示开奖按钮(需要管理员界面才展现)
展示退款按钮(需要管理员界面才展现)
react 快速复习
index.html
src 下的css和app.js
npm run start 启动应用程序

http://localhost:3000
初始化web3环境
npm install web3 --save
我们需要使用web3 v0.2的provider 注入到web3 v1.0的provider的里面

创建一个web3.js文件

import Web3 from ‘web3’;
const web3 = new Web3(window.web3.currentProvider);
export default web3;
使用的时候再import一下

import web3 from ‘./web3’;
部署彩票智能合约
通过contract abi 和地址来调用以太坊上的智能合约的实例
运行deploy.js compile.js，完成智能合约的编译和部署，要打印智能合约contract的地址和contract的json ABI

智能合约实例的部署和使用
用compile脚本编译得到abi, 用deploy脚本得到address

import web3 from './web3';
const address = '0x8ddd