Fabric V2.5 通用溯源系统——应用前端部分设计及简易二次开发

已于 2024-06-03 20:22:30 修改
阅读量1.4k 收藏
点赞数
分类专栏： Fabric项目学习笔记 文章标签： 区块链 前端 fabric
于 2024-03-07 00:50:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41575489/article/details/136521497
版权
本文介绍了Fabric V2.5通用溯源系统的前端设计，包括目录结构、注册登录功能的实现，并提供简易二次开发教程，如何将项目转化为商品溯源系统，只需修改前端部分。建议使用VSCode进行代码查看和编辑，通过安装vue扩展以获得更好的开发体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

本节对Fabric V2.5 通用溯源系统的前端部分做一个简单的介绍。包括目录结构、文件作用简述、用户注册登录实现、农产品信息上链溯源实现的介绍。同时提供了简易二次开发的教程（面向需要在短时间内二次开发），将本项目修改为商品溯源项目，仅修改前端部分。本节内容需要订阅《Fabric项目学习笔记》专栏。

购买专栏前请认真阅读：《Fabric项目学习笔记》专栏介绍

根据本文可以完成的修改效果：
修改效果

了解前端代码和二次开发时建议使用VSCode远程连接到SSH服务器，然后点击文件、打开到fabric-trace/application

了解本专栏 订阅专栏 解锁全文
Fabric V2.5 通用溯源系统——数据库设计
TrueTechLabs 官方博客
04-24 858
有很多同学对本系统中的数据库设计不太熟悉，因为涉及到Mysql和Fabric两块，稍微有些复杂。本文对区块链存储的数据结构、Mysql中的表结构说明，以及如何通过命令行与Navicat（可视化）连接Mysql数据库。
前端可视化：Fabric.js HTML5 canvas 工具库
彭世瑜的博客
07-22 7274
Fabric.js 是一个功能强大且操作简单的 Javascript HTML5 canvas 工具库。缩放 scaleX 和 scaleY。反转 scaleX 和 scaleY。平移 top 和 left。以鼠标指针为基准缩放画布。fabric 内置滤镜。旋转角度 angle。以原点为基准缩放画布。自定义边和控制角样式。......
基于fabric2.5.4 区块链食品溯源项目实战
最新发布
北桥源木
02-02 352
基于Fabric 2.5.4的区块链食品溯源项目是一个具有实际应用价值的项目。通过利用区块链技术的不可篡改性、去中心化和可追溯性等特点，项目为食品溯源提供了高效、安全的解决方案。同时，项目还具备良好的可扩展性和可定制性，可以根据实际需求进行功能拓展和优化。请注意，虽然上述内容是基于Fabric 2.5.4的版本进行描述的，但Fabric 2X系列的其他版本（如2.2）在核心功能和架构上通常具有相似性。因此，在实际项目中，可以根据具体需求和资源情况选择合适的Fabric版本进行开发。
Fabric V2.5 通用溯源系统——搭建中常见问题整理
TrueTechLabs 官方博客
04-17 906
严格按照搭建教程安装是不会遇到问题的。但是由于本项目热度过高、涉及到的技术栈较多，读者如果没有仔细按照步骤操作，可能还是会遇到一些问题，特别总结本项目的常见问题。
fabric和前端交互
zhuiyunzhugang的博客
05-24 666
fabric后端写个接口，前段用axios把数据传过去就行了。
采用fabric自动部署前端项目
jaket5219999的博客
10-17 421
背景： 前端项目采用Nginx部署在云上 server { server_name www.domain.com; client_max_body_size 10m; location /chairong/dist { root /home/user/frontend; try_files $uri $uri/ /project-name/dist/index.html; } location = / { rewrite
使用Fabric.js在前端实现居中元素
EipGemms的博客
09-20 294
Fabric.js是一个强大的HTML5 Canvas库，它提供了许多功能和工具，可以帮助我们在前端创建交互式的图形和图像应用程序。在这篇文章中，我们将学习如何使用Fabric.js在前端居中元素，并提供相应的源代码示例。将上述代码添加到之前的HTML页面中的script标签内，然后在浏览器中打开该页面，你将看到一个居中显示的红色矩形元素。首先，我们需要创建一个Canvas对象，并将其附加到HTML页面中的canvas元素上。最后，我们需要将画布渲染到页面上，以便我们可以看到居中的矩形元素。
Fabric V2.5 通用溯源系统——区块链部分设计
TrueTechLabs 官方博客
02-28 1455
本节对Fabric V2.5 通用溯源系统的区块链部分做一个简单的介绍，包括目录结构、文件作用、设计思路。
Fabric V2.5 通用溯源系统——应用后端GIN框架部分设计
TrueTechLabs 官方博客
03-01 858
本节对Fabric V2.5 通用溯源系统的应用后端部分做一个简单的介绍，包括目录结构、文件作用、用户注册登录与农产品信息上链过程介绍。
Fabric V2.5 通用溯源系统——使用Hyperledger Caliper压力测试
TrueTechLabs 官方博客
09-26 869
Caliper是一款测试区块链性能的工具，支持Hyperledger Fabric、Ethereum等，支持丰富的测试配置参数，测试完成后将直接输出报告，相较于tape更加专业，但是配置稍微有些复杂。本文将一步一步配置Caliper以测试Fabric V2.5 通用溯源系统中的注册用户、查询用户、农产品上链、农产品查询的区块链性能。
探索 Fabric.js：前端开发的轻量级图形编辑框架
gitblog_00097的博客
03-19 824
探索 Fabric.js：前端开发的轻量级图形编辑框架 去发现同类优质开源项目:https://gitcode.com/ 是一个强大的、基于 WebGL 和 SVG 的 JavaScript 图形库，专为构建交互式图形界面而设计。它提供了一种简单的方式来在网页上创建和操纵矢量对象，包括文本、形状、图像等，并且具有丰富的可定制性和性能优化。 项目简介 Fabric.js 提供了一个统一的对象模型，使...
区块链之超级账本源码国密
05-17
Hyperledger （超级账本）是区块链行业中最大的项目之一，它由一组开源工具和多个子项目组成。该项目是由 Linux 基金会主办的一个全球协作项目，其中包括一些不同领域的LEADER们，这些leader的目标是建立一个强大的、业务驱动的区块链框架。 区块链网络主要有三种类型：公共区块链、联盟或联合区块链，以及私有区块链。Hyperledger 是一个区块链框架，旨在帮助公司建立私人或联盟许可的区块链网络，在该网络中，多个组织可以共享控制和操作网络内节点的权限。 因为区块链是一个透明的，基于不可变模式的安全的去中心化系统，所以它被认为是传统的供应链行业改变游戏规则的一种解决方案。它可以通过以下方式支持有效的供应链系统： 跟踪整个区块链中的产品 校验和验证区块链中的产品 在供应链参与者之间共享整个区块链的信息 提供可审核性 本文通过食品供应链的例子来解释 Hyperledger 区块链是如何改变传统供应链系统的。 食品行业供应链 传统供应链效率低下的主要原因是由于缺乏透明度而导致报告不可靠和竞争上的劣势。 在传统的供应链模式中，有关实体的信息对该区块链中的其他人来说并不完全透明，这就导致了不准确的报告和缺乏互操作性问题。电子邮件和印刷文档提供了一些信息，但它们不可能包含完整详细的可见性数据，因为很难在整个供应链中去追踪产品。这也使消费者几乎不可能知道产品的真正价值和来源。 食品行业的供应链环境复杂，多个参与者需要协作将货物运送到最终目的地 —— 客户手中。下图显示了食品供应链（多级）网络中的主要参与者。  典型的食品供应链 该区块链的每个阶段都会引入潜在的安全问题、整合问题和其他低效问题。目前食品供应链中的主要威胁仍然是假冒食品和食品欺诈。 基于 Hyperledger 区块链的食品跟踪系统可实现对食品信息全面的可视性和和可追溯性。更重要的是，它以一种不变但可行的方式来记录产品细节，确保食品信息的真实性。最终用户通过在不可变框架上共享产品的详细信息，可以自我验证产品的真实性。 Hyperledger Fabric Hyperledger Fabric 是 Hyperledger 项目的基石。它是基于许可的区块链，或者更准确地说是一种分布式分类帐技术（DLT），该技术最初由 IBM 公司和 Digital Asset 创建。分布式分类帐技术被设计为具有不同组件的模块化框架（概述如下）。它也是提供可插入的共识模型的一种灵活的解决方案，尽管它目前仅提供基于投票的许可共识（假设今天的 Hyperledger 网络在部分可信赖的环境中运行）。 鉴于此，无需匿名矿工来验证交易，也无需用作激励措施的相关货币。所有的参与者必须经过身份验证才能参与到该区块链进行交易。与以太坊一样，Hyperledger Fabric 支持智能合约，在 Hyperledger 中称为Chaincodes(链码)，这些合约描述并执行系统的应用程序逻辑。 然而，与以太坊不同，Hyperledger Fabric 不需要昂贵的挖矿计算来提交交易，因此它有助于构建可以在更短的延迟内进行扩展的区块链。 Hyperledger Fabric 不同于以太坊或比特币这样的区块链，不仅在于它们类型不同，或者说是它与货币无关，而且它们在内部机制方面也不同。以下是典型的 Hyperledger 网络的关键要素： 账本(Ledgers)：存储了一系列块，这些块保留了所有状态交易的所有不可变历史记录。 节点(Nodes)：区块链的逻辑实体。它有三种类型： 客户端(Clients)：是代表用户向网络提交事务的应用程序。 对等体(Peers)：是提交交易并维护分类帐状态的实体。 排序者(Orderers) 在客户端和对等体之间创建共享通信渠道，还将区块链交易打包成块发送给遵从的对等体节点。 除了这些要素，Hyperledger Fabric 还有以下关键设计功能： 链码(Chaincode)：类似于其它诸如以太坊的网络中的智能合约。它是用一种更高级的语言编写的程序，在针对分类帐当前状态的数据库执行。 通道(Channels)：用于在多个网络成员之间共享机密信息的专用通信子网。每笔交易都在一个只有经过身份验证和授权的各方可见的通道上执行。 背书人(Endorsers) 验证交易，调用链码，并将背书的交易结果返回给调用应用程序。 成员服务提供商(Membership Services Providers)（MSP）通过颁发和验证证书来提供身份验证和身份验证过程。MSP 确定信任哪些证书颁发机构（CA）去定义信任域的成员，并确定成员可能扮演的特定角色（成员、管理员等）。 Hyperledger 交易验证流程 首先，客户端通过向基于 Hyperledger Fabric 的应用程序客户端发送请求来启动交易，该客户端将交易提议提交给背书对等体。这些对等体通过执行由交易指定的链码（使用该状态的本地副本）来模拟该交易，并将结果发送回应用程序。此时，应用程序将交易与背书相结合，并将其广播给 排序服务(Ordering Service)。排序服务检查背书并为每个通道创建一个交易块，然后将其广播给通道中的其它节点，对的体验证该交易并进行提交。 Hyperledger Fabric 区块链可以通过透明的、不变的和共享的食品来源数据记录、处理数据，及运输细节等信息将食品供应链中的参与者们连接起来。链码由食品供应链中的授权参与者来调用。所有执行的交易记录都永久保存在分类帐中，所有参与者都可以查看此信息。 Hyperledger Composer 除了 Fabric 或 Iroha 等区块链框架外，Hyperledger 项目还提供了 Composer、Explorer 和 Cello 等工具。 Hyperledger Composer 提供了一个工具集，可帮助你更轻松地构建区块链应用程序。 它包括： CTO，一种建模语言 Playground，一种基于浏览器的开发工具，用于快速测试和部署 命令行界面（CLI）工具 Composer 支持 Hyperledger Fabric 的运行时和基础架构，在内部，Composer 的 API 使用底层 Fabric 的 API。Composer 在 Fabric 上运行，这意味着 Composer 生成的业务网络可以部署到 Hyperledger Fabric 执行。 
Fabric.js 常用基本操作
sxm666666的博客
12-27 1万+
Fabric.js是一个功能强大且简单的HTML5画布库，它给canvas上的元素提供了交互式对象模型。借助Fabric.js，你可以轻松地绘制各种图形线条图片，对它们进行拖拽、旋转、形变等操作，并且支持丰富的事件方法 安装 npm install fabric --save // 或者 <script src="https://cdn.bootcdn.net/ajax/libs/fabric.js/451/fabric.js"></script> 创建canvas容器 impor
fabric实战经验以及bug解决
m0_68736646的博客
03-01 2412
本项目是使用vue3、vite、fabric的定制化，进行开发其中项目有npm下载以及后续改为引用定制化下载的包进行开发。这是一个简单使用dom。感兴趣的可以拉取代码自行修改，有意者欢迎加入进来，大家一起来开发一个功能强大的画板。fabric自定义dom实例演示地址fabric官网（全英文的）源码地址: 创建画布实例。等：创建不同类型的图形对象。: 将图形对象添加到画布中。: 从画布中移除指定的图形对象。: 控制是否开启绘图模式。: 监听指定事件，并执行回调函数。: 获取当前选中的图形对象。
基于联盟链fabric 2.5版本的中药饮品代煎配送服务与监管平台-01
北桥源木
01-25 1730
大家好，今天给大家分享一期，基于联盟链fabric 2.5版本的溯源场景的业务：基于联盟链fabric 2.5版本的中药饮品代煎配送服务与监管平台。基于联盟链fabric 2.5版本的中药饮品代煎配送服务与监管平台是一个创新的解决方案，旨在提高中药代煎业务的透明度、可追溯性和监管效率。
前端通过draggable结合fabricjs实现拖拽至画布生成元素自定义编排功能
m0_52313178的博客
08-26 1772
前端通过draggable结合fabricjs实现拖拽自定义编排功能 太久没有更新了，主要最近行情不太好失业了一段时间，一度到怀疑人生，然后就是做的东西大多没有什么含金量，没什么好分享的就很尴尬。 刚好最近遇到一个奇葩的需求，一个基地管理的需求，由于项目中的基地很偏，地图上都定位不到，只能通过一个图片作为底图，然后在上面绘制一些图层，需要做一个自定义编排的需求，先上图: 上面是实现的demo，首先上html结构代码（技术栈：V3+TS+elementplus） <div class="massif-
【前端开发】Vue + Fabric.js + Element-plus 实现简易的H5可视化图片编辑器
go
11-11 1万+
目录前言一 、实战效果技术选型核心功能代码实现二、Fabric.js 简介安装创建画布监听画布事件鼠标事件监听设置画布背景设置背景颜色向画布添加图层对象获取当前选中的对象控制图层层级将画布导出成图片下载为图片画布状态记录清除对象/图层清除画布 前言 canves 绘图的运用是前端必知必会的基础，但是canves 本身并不好用，而fabric.js是基于canves的一个绘图框架库，用起来可比canves友好多了！接下来带你看看案例和初识fabric.js~ 一 、实战效果 编辑前： 编辑中： 技术选型
Fabric.js学习笔记
热门推荐
翎羽飘的小分享
09-06 2万+
因为快要毕业设计开题了，大概找的方向需要用到canvas画图，但是画起来real麻烦，就找呀找，发现了Fabric.js，然后就开始学习，发现了胜洪宇老师的教程，做了一下学习笔记，敲了一下代码放在了github上，欢迎大家参考～～ GitHub地址：https://github.com/YZlingyu/fabric.js Fabric官网地址：http://fabricjs.com Fab
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TrueTechLabs

创作不易！感谢打赏！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值