区块链前后端交互过程

这篇具有很好参考价值的文章主要介绍了区块链前后端交互过程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


此文章基于github中的开源项目“ 基于区块链的房地产交易系统模型”进行介绍。对于新手来说,就算可以运行此项目,也不知该如何修改代码来满足自己的需求,因此此篇文章对区块链项目的前后端进行介绍,感兴趣的小伙伴可去github下载源代码。
首先明确目录结构:
application : go gin + fabric-sdk-go 调用链码,提供外部访问接口,前端静态资源放在dist目录下
chaincode : go 编写的智能合约
deploy : 区块链网络的配置以及启动停止脚本
vendor : 项目所需依赖包,防止网络原因下载失败
vue : vue + element的前端展示页面

vue

vue/src/views/: 所有前端展示页面存放在该文件夹中
vue/src/router/index.js: 所有页面的url写在该文件中
vue/src/api/: 所有与后端application交互的接口文件存放在该文件夹中

application

application/routers/router.go: 所有与前端vue交互的接口写在该文件中
application/router/api/v1/: 所有与底层chaincode交互的接口文件存放在该文件夹中

chaincode

chaincode/chaincode.go: 所有与后端application的交互写在该文件中
chaincode/lib/type.go: 底层chaincode的数据结构
chaincode/routers/: 所有操作超级账本的函数都存放在该文件夹中

通过新增房地产的例子来说明整个流程,用户在前端输入房地产信息,调用vue/src/api/realEstate.js文件中的createRealEstate函数,将数据传到后端application,后端在application/routers/router.go中接收到POST("/createRealEstate"),进而调用application/router/api/v1/realEstate下的CreateRealEstate函数,在此函数中将数据传到chaincode中,通过chaincode/chaincode.go调用chaincode/routers/realEstate.go中的CreateRealEstate函数,将数据写入超级账本。文章来源地址https://www.toymoban.com/news/detail-426776.html

到了这里,关于区块链前后端交互过程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 基于Axios完成前后端分离项目数据交互

    npm i axios -S 封装一个请求工具:request.js  在vue 的 methods 中使用 :    或者直接在vue 中引用使用:  但是现在就运行程序则会报错 方法一:增加一个 CorsConfig 类  方法二:在controller层上加上@CrossOrigin 注解  两个方法任选其中一个就行。现在将前后端启动就可以进行数据交互

    2024年02月11日
    浏览(39)
  • 【毕设必备】手把手带你用Python搭建一个简单的后端服务- API的创建,前后端交互的数据传递,GET,POST,JSON,FLASK

    Python是一种 流行 的高级编程语言,具有易于学习和使用的特性,被广泛应用于各种领域。 简单易学 :Python的语法清晰简洁,易于理解和学习。与其他编程语言相比,Python的语法设计非常直观,使得编程新手也能快速上手。 强大的标准库和丰富的第三方库 :Python拥有一个庞

    2024年02月04日
    浏览(170)
  • 基于Vue和Element UI实现前后端分离和交互

    目录 前言 一、Element UI简介 1.Element UI是什么 2.Element UI的特点 二、项目搭建 1.创建一个SPA项目 2.安装 Element-UI 3.导入组件 4.创建登陆注册界面 登录组件---Login.vue 注册组件---Register.vue 定义组件与路由的对应关系 效果演示:  三、前后端数据交互 1.安装axios 2.导入api模块,添加

    2024年02月08日
    浏览(50)
  • 基于区块链溯源系统后端开发

    已经完成了育种组织、养殖户组织、政府职能、普通用户的链码编写及后端接口编写,前三个组织均可添加数据及查询数据,且支持富查询,同时还可进行登录注册操作,普通用户则只可以进行查询溯源操作。总的Api路由组如下图: 但仍旧存在问题,当开启7个区块链节点容

    2024年02月02日
    浏览(30)
  • 基于Vue+ELement搭建登陆注册页面实现后端交互

    🎉🎉欢迎来到我的CSDN主页!🎉🎉 🏅我是Java方文山,一个在CSDN分享笔记的博主。📚📚 🌟推荐给大家我的专栏《ELement》。🎯🎯 👉点击这里,就可以查看我的主页啦!👇👇 Java方文山的个人主页 🎁如果感觉还不错的话请给我点赞吧!🎁🎁 💖期待你的加入,一起学习

    2024年02月08日
    浏览(41)
  • 自学WEB后端02-基于Express框架完成一个交互留言板!

    提示: 浏览器V8是JavaScript的前端运行环境 Node.js 是JavaScript 的后端运行环境 Node.js 中无法调用 DOM 和 BOM等浏览器内置 API 这个作业案例包含2部分内容, 第一部分是前端 前端完成界面内容+CSS框架 第二部分是后端 完成用户留言存储,并返回 我这里为了方便放在了后端myapp目录

    2024年02月08日
    浏览(40)
  • 基于Ant DesignPro Vue + SpringBoot 前后端分离 - 后端微服化 + 接口网关 + Nacos

    通过Ant DesignPro Vue + SpringBoot 搭建的后台管理系统后,实现了前后端分离,并实现了登录认证,认证成功后返回该用户相应权限范围内可见的菜单。 后端采用SpringCloud构建微服,采用SpringCloud Gateway做为服务网关,采用Nacos做为统一配置中心,并在服务网关部分解决了前端跨域调

    2024年02月12日
    浏览(60)
  • 新版开源UI千月影视APP源码/后端基于ThinkPHP框架/前后端完美匹配

    源码简介: 开源UI千月影视APP源码,它是基于ThinkPHP框架,而且前后端完美匹配。这是一个广泛使用的PHP开发框架,具有稳定性和安全性方面的优势。 2023版本UI千月影视APP是一款提供电影、电视剧、综艺节目等视频内容的应用程序,用户可以通过它浏览、搜索和观看各种影视

    2024年02月06日
    浏览(50)
  • 前端(微信小程序)后端(IDEA-java)的交互通信——基于javaweb

    一、准备 软件:idea+微信开发者工具 语言:java+小程序语言 工具:JDK+Tomcat 二、创建项目 一、新建一个java-web项目 这里是已经部署好了tomcat的,如果木有部署过tomcat看步骤三 自定义一个项目路径,命名最好是按照驼峰命名法,规范命名,方便项目管理,不按照这个也木有关

    2024年02月09日
    浏览(61)
  • 基于Ant DesignPro Vue + SpringBoot 前后端分离 - 后端微服化 + 接口网关 + Nacos + Sentinel

    通过Ant DesignPro Vue + SpringBoot 搭建的后台管理系统后,实现了前后端分离,并实现了登录认证,认证成功后返回该用户相应权限范围内可见的菜单。 后端采用SpringCloud构建微服,采用SpringCloud Gateway做为服务网关,采用Nacos做为统一配置中心,并在服务网关部分解决了前端跨域调

    2024年02月11日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包