[项目简介] 基于区块链的去中心化微博

项目简介

本项目使用以太坊区块链的私有链Ganache来搭建节点。Ganache可以快速启动个人以太坊区块链,并可以使用它来运行测试,执行命令、检查状态,同时控制链条的运行方式。

项目使用WEB前端+智能合约+Ganache完成。该项目对用户所发消息永久的存到链上,用户能够登录、注册,注销,发表微博,以及对微博进行点赞、打赏。项目界面如下图2.1、图2.2:

[项目简介] 基于区块链的去中心化微博_第1张图片
图2.1 项目“首页”页面


[项目简介] 基于区块链的去中心化微博_第2张图片
图2.2 项目“我的”页面

设计思路

先设计WEB前端,并且把数据暂时先静态写定下来,如图2.3


[项目简介] 基于区块链的去中心化微博_第3张图片
图2.3 WEB前端

编写智能合约,部分智能合约代码如下图(图2.4/2.5/2.6/2.7):


[项目简介] 基于区块链的去中心化微博_第4张图片
图2.4 智能合约部分代码1


[项目简介] 基于区块链的去中心化微博_第5张图片
图2.5 智能合约部分代码2


[项目简介] 基于区块链的去中心化微博_第6张图片
图2.6 智能合约部分代码3


[项目简介] 基于区块链的去中心化微博_第7张图片
图2.7 智能合约部分代码4

编写js,连接WEB前端以及智能合约,部分js代码如图2.8、图2.9

[项目简介] 基于区块链的去中心化微博_第8张图片
图2.8 部分app.js代码1


[项目简介] 基于区块链的去中心化微博_第9张图片
图2.9 部分app.js代码2

功能

登录功能,智能合约代码如图2.10,界面如图2.11.

[项目简介] 基于区块链的去中心化微博_第10张图片
图2.10 注册功能——智能合约代码


[项目简介] 基于区块链的去中心化微博_第11张图片
图2.11 注册功能界面

注册功能,智能合约代码如图2.12,界面如图2.13

[项目简介] 基于区块链的去中心化微博_第12张图片
图2.12 注册功能——智能合约代码


[项目简介] 基于区块链的去中心化微博_第13张图片
图2.13 注册功能界面

发布微博功能,智能合约代码如图2.14,界面如图2.15

[项目简介] 基于区块链的去中心化微博_第14张图片
图2.14 发布微博——智能合约代码


[项目简介] 基于区块链的去中心化微博_第15张图片
图2.15 发布微博界面

点赞功能,智能合约代码如图2.16,界面如图2.17

[项目简介] 基于区块链的去中心化微博_第16张图片
图2.16 点赞——智能合约代码


[项目简介] 基于区块链的去中心化微博_第17张图片
图2.17 点赞界面

打赏功能,智能合约代码如图2.18,界面如图2.19.

[项目简介] 基于区块链的去中心化微博_第18张图片
图2.18 打赏——智能合约代码
[项目简介] 基于区块链的去中心化微博_第19张图片
图2.19 打赏界面

项目运行流程

区块链微博流程图如下图,图2.20:

[项目简介] 基于区块链的去中心化微博_第20张图片
图2.20 项目运行流程

你可能感兴趣的:([项目简介] 基于区块链的去中心化微博)