当前位置： 首页 > article >正文

区块链国赛题目--食品溯源（模块三）

article 2024/10/28 13:42:44

区块链国赛题目–食品溯源（模块三）

任务 3-1：区块链应用前端功能开发

1．请基于前端系统的开发模板，在登录组件 login.js、组件管理文件components.js 中添加对应的逻辑代码，实现对前端的角色选择功能，并测试功

能完整性，示例页面如下：
在这里插入图片描述

具体要求如下：

（1）有明确的提示，提示用户选择角色；

（2）用户可看到四个不同的角色可选（生产商、中间商、超市、消费者）；

（3）每个用户所对应的组件请在 components 中找寻并填入；

（4）页面顶部要有食品溯源平台的网站标题和 logo。

Login.js:

代码片段 1： 
template: ` 
 <div class="login"> 
 <!-- 角色选择 --> 
 <h3 v-if="currentUser === null">选手填写部分</h3> 

 <el-row :gutter="80" v-if="currentUser === null"> 
 <el-col :span="6" v-for="选手填写部分" :key="index"> 
 <div @click="选手填写部分">选手填写部分</div> 
 </el-col> 
 </el-row>
     
     代码片段 2： 
// 用户身份 
 users: [ 
 { 
 name: 选手填写部分, 
 userName: 'producer', 
 component: 选手填写部分, 
 }, 
 { 
 name: 选手填写部分, 
 userName: 'distributor', 
 component: 选手填写部分, 
 }, 
 { 
 name: 选手填写部分, 
 userName: 'retailer', 
 component: 选手填写部分, 
 }, 
 { 
 name: 选手填写部分, 
 userName: 'consumer', 
 component: 选手填写部分, 
 }, 
 ], 

 currentUser: 选手填写部分, // 当前用户 
components.js: 
代码片段 3： 
// 头部组件 
const Header = { 
 // 接受传入的登录状态、用户信息 
 props: ['login', 'user'], 
 template: ` 
 <div class="header"> 
 <img src="选手填写部分" /> 
 <h3>选手填写部分</h3> 
 <span v-if="login" class="user-name">{{ 选 手 填 写 部
分 }}</span> 
 </div> 
 
 }

在这里插入图片描述

在这里插入图片描述

2．请基于前端系统的开发模板，在登录组件 login.js、组件管理文件

components.js 中添加对应的逻辑代码，实现对前端的角色选择功能，并测试功

能完整性，示例页面如下：

在这里插入图片描述

具体要求如下：

（1）点击角色进入相应角色登录页面；

（2）登录界面提示用户的地址（消费者不显示），有登录操作的相关提示；

（3）登录界面有 5 秒倒计时；

（4）登录界面有“直接登录”按钮，点击可直接跳转到相应角色首页。

login.js:

代码片段 1： 
<!-- 角色登录 --> 
 <div v-else class="is-login"> 
 <h3>登录中......(倒计时：{{ 选手填写部分}} 秒)</h3> 
 <div>角色: 
 <span>{{ 选手填写部分}}</span> 
 </div> 
 <!-- 非消费者则显示角色地址 --> 
 <div v-if="选手填写部分">角色地址: 
 <span>{{ 选手填写部分}}</span> 
 </div> 
 <!-- 直接登录按钮 --> 
 <el-button type="primary" 选 手 填 写 部 分 > 直 接 登 录</el-button> 
 </div>
代码片段 2： 
// 登录时有个 5 秒的倒计时，这里是在点击直接登录时，清楚倒计时，直
接跳到相关页面 
 clearTimer() { 
 clearInterval(选手填写部分); 
 this.$emit(选手填写部分, { 
 component: this.loginItem.component, 
 user: this.loginItem.name, 
 }); 
 }, 
 // 倒计时 
 countdownInterval({ component, name: user }) { 
 this.timer = setInterval(() => { 
 if(this.countdown <= 0){ 
 选手填写部分; 
 } 
 选手填写部分; 
 }, 选手填写部分); 
 }, 
代码片段 3： 
// 点击用户登录，获取用户地址 
 handleClick(item) { 
 this.loginItem = item; 
 // 处理消费者角色，其他三个角色都有一个角色地址 
 if (item.userName !== 选手填写部分) { 
8
 axios({ 
 method: 'get', 
 url: `/userinfo?userName=${item.userName}`, 
 }) 
 .then(ret => { 
 this.address = 选手填写部分; 
 this.currentUser = 选手填写部分; 
 this.countdownInterval(选手填写部分); 
 }) 
 .catch(err => { 
 console.log(err) 
 }) 
 } else { 
 this.currentUser = item.name; 
 this.countdownInterval(item); 
 } 
 }

在这里插入图片描述

任务 3-2：区块链应用后端功能开发

1．请基于已有的项目，开发完善 IndexController 类，编写添加食品生产信息的方法，实现食品信息的添加功能，并测试功能完整性。

本任务具体要求如下：

（1）开发文件 IndexController.java 中的 produce 方法，请求接口为/produce；

（2）开发文件 IndexController.java 中的 produce 方法，要求对前端传入的参数进行二次验证；

（3）开发文件 IndexController.java 中的 produce 方法，要求封装返回值为 String，但不返回视图页面。

produce 方法:

/** 
 * 添加食品生产信息 
 * traceNumber: 食品溯源 id，食品溯源过程中的标识符 
 * foodName: 食物名称 
 * traceName: 用户名，食品流转过程各个阶段的用户名 
 * quality: 当前食品质量（0=优质 1=合格 2=不合格） 
 * @return：添加食品生产信息结果 
 */ 
 @选手填写部分 
 @PostMapping( 选 手 填 写 部 分 , 
produces=MediaType.APPLICATION_JSON_VALUE) 
 public String produce(@RequestBody JSONObject jsonParam) { 
 //声明返回对象 
 JSONObject _outPutObj = new JSONObject(); 
 //生产商生产食品 
 if(jsonParam == null){ 
 选手填写部分 
 } 
 int trace_number = 选手填写部分; 
 String food_name = 选手填写部分; 
 String trace_name = 选手填写部分; 
 int quality = 选手填写部分; 
 JSONArray params = 
JSONArray.parseArray("[\""+food_name+"\","+trace_number+",\""+trace_n
ame+"\","+quality+"]"); 
 JSONObject _jsonObj = new JSONObject();
     _jsonObj.put("contractName",CONTRACT_NAME); 
 _jsonObj.put("contractAddress",CONTRACT_ADDRESS); 
 
_jsonObj.put("contractAbi",JSONArray.parseArray(CONTRACT_ABI)); 
 _jsonObj.put("user",PRODUCER_ADDRESS); 
 _jsonObj.put("funcName",选手填写部分); 
 _jsonObj.put("funcParam",选手填写部分); 
 String responseStr = httpPost(URL,选手填写部分); 
 JSONObject responseJsonObj = 
JSON.parseObject(responseStr); 
 String msg = responseJsonObj.getString("message"); 
 if (msg.equals("Success")){ 
 _outPutObj.put("ret",选手填写部分); 
 _outPutObj.put("msg",msg); 
 }else{ 
 _outPutObj.put("ret",选手填写部分); 
 _outPutObj.put("msg",msg); 
 } 
 return 选手填写部分; 
 }

在这里插入图片描述

2．开发完善 IndexController 类，编写中间商添加食品流转信息的方法，实现中间商添加食品流转信息的功能，并测试功能完整性。

具体要求如下：

（1）开发文件 IndexController.java 中的 add_trace_by_distrubutor 方法，请求接口为/adddistribution；

（2）开发文件 IndexController.java 中的 add_trace_by_distrubutor 方法，要求对前端传入的参数进行二次验证；

（3）开发文件 IndexController.java 中的 add_trace_by_distrubutor 方法，要求封装返回值为 String，但不返回视图页面；

add_trace_by_distrubutor 方法:

/** 
 * 中间商添加食品流转信息 
 * traceNumber: 食品溯源 id，食品溯源过程中的标识符 
 * traceName: 用户名，食品流转过程各个阶段的用户名 
 * quality: 当前食品质量（0=优质 1=合格 2=不合格） 
 * @return：中间商添加食品流转信息结果 
 */ 
 @选手填写部分 
 @PostMapping( 选 手 填 写 部 分 , 
produces=MediaType.APPLICATION_JSON_VALUE) 
 public String add_trace_by_distrubutor(@RequestBody JSONObject 
jsonParam) { 
 //声明返回对象 
 JSONObject _outPutObj = new JSONObject(); 
 if(jsonParam == null){ 
 选手填写部分 
 } 
 String trace_number = 选手填写部分; 
 String trace_name = 选手填写部分; 
 int quality = 选手填写部分; 
 JSONArray params = 
JSONArray.parseArray("["+trace_number+",\""+trace_name+"\","+quality+
"]");
     JSONObject _jsonObj = new JSONObject(); 
 _jsonObj.put("contractName",CONTRACT_NAME); 
 _jsonObj.put("contractAddress",CONTRACT_ADDRESS); 
 
_jsonObj.put("contractAbi",JSONArray.parseArray(CONTRACT_ABI)); 
 _jsonObj.put("user",DISTRIBUTOR_ADDRESS); 
 _jsonObj.put("funcName",选手填写部分); 
 _jsonObj.put("funcParam",选手填写部分); 
 String responseStr = httpPost(URL,选手填写部分); 
 JSONObject responseJsonObj = 
JSON.parseObject(responseStr); 
 String msg = responseJsonObj.getString("message"); 
 if (msg.equals("Success")){ 
 _outPutObj.put("ret",选手填写部分); 
 _outPutObj.put("msg",msg); 
 }else{ 
 _outPutObj.put("ret",选手填写部分); 
 _outPutObj.put("msg",msg); 
 } 
 return 选手填写部分; 
 }

在这里插入图片描述

3．请基于已有的项目，开发完善 IndexController 类，编写获取某个食品

的溯源信息的方法，实现获取某个食品的溯源信息的功能，并测试功能完整性。

具体要求如下：

（1）开发文件 IndexController.java中的 trace方法，请求接口为/trace，该接口调用私有方法 get_trace，不直接与合约交互，提高系统的安全性； 13

（2）开发文件 IndexController.java 中的 trace 方法，对传入数据进行二次验证；

（3）开发文件 IndexController.java 中的 get_trace 方法，要求通过合约进行溯源信息的查询，且外部无法直接调用；

（4）开发文件 IndexController.java 中的 trace 方法，要求封装返回值为String，但不返回视图页面。

trace 方法:

/** 
 * 获取某个食品的溯源信息 
 * @param traceNumber 食品溯源 id，食品溯源过程中的标识符 
 * @return 对应食品的溯源信息 
 */ 
 @选手填写部分 
 @GetMapping( 选 手 填 写 部 分 , 
produces=MediaType.APPLICATION_JSON_VALUE) 
 public String trace(String traceNumber){ 
 JSONObject _outPut = new JSONObject(); 
 if (Integer.parseInt(traceNumber) <= 0){ 
 选手填写部分 
 } 
 List res = get_trace(traceNumber); 
 JSONArray o = new JSONArray(res); 
 return 选手填写部分; 
 } 

get_trace 方法： 
/** 
 * 从链上获取某个食品的溯源信息 
 * @param traceNumber 食品溯源 id，食品溯源过程中的标识符 
 * @return 对应食品的溯源信息 
 */ 
 选手填写部分 JSONArray get_trace(String traceNumber){ 
 //获取食品基本信息 
 JSONArray params = 
JSONArray.parseArray("["+traceNumber+"]"); 
 JSONObject _jsonObj = new JSONObject(); 
 _jsonObj.put("contractName",CONTRACT_NAME); 
 _jsonObj.put("contractAddress",CONTRACT_ADDRESS); 
 
_jsonObj.put("contractAbi",JSONArray.parseArray(CONTRACT_ABI)); 
 _jsonObj.put("user",""); 
 _jsonObj.put("funcName",选手填写部分); 
 _jsonObj.put("funcParam",选手填写部分); 
 String responseStr = httpPost(URL,选手填写部分); 
 JSONArray food = JSON.parseArray(responseStr); 
 //获取食品溯源信息 
 JSONObject _jsonObj2 = new JSONObject(); 
 _jsonObj2.put("contractName",CONTRACT_NAME); 
 _jsonObj2.put("contractAddress",CONTRACT_ADDRESS); 
 
_jsonObj2.put("contractAbi",JSONArray.parseArray(CONTRACT_ABI));
_jsonObj2.put("user",""); 
 _jsonObj2.put("funcName",选手填写部分); 
 _jsonObj2.put("funcParam",选手填写部分); 
 String responseStr2 = httpPost(URL,选手填写部分); 
 JSONArray traceInfoList = JSON.parseArray(responseStr2); 
 JSONArray time_list = 选手填写部分; 
 JSONArray name_list = 选手填写部分; 
 JSONArray address_list = 选手填写部分; 
 JSONArray quality_list = 选手填写部分; 
 JSONArray _outPut = new JSONArray(); 
 for (int i=0;i<time_list.size();i++){ 
 if (i==0){ 
 JSONObject _outPutObj = new JSONObject(); 
 _outPutObj.put("traceNumber",选手填写部分); 
 _outPutObj.put("name",选手填写部分); 
 _outPutObj.put("produce_time",选手填写部分); 
 _outPutObj.put("timestamp",选手填写部分); 
 _outPutObj.put("from",选手填写部分); 
 _outPutObj.put("quality",选手填写部分); 
 _outPutObj.put("from_address",选手填写部分); 
 _outPut.add(_outPutObj); 
 }else{ 
 JSONObject _outPutObj = new JSONObject(); 
 _outPutObj.put("traceNumber",选手填写部分); 
 _outPutObj.put("name",选手填写部分); 
 _outPutObj.put("produce_time",选手填写部分); 
 _outPutObj.put("timestamp",选手填写部分);
 _outPutObj.put("from",选手填写部分); 
 _outPutObj.put("to",选手填写部分); 
 _outPutObj.put("quality",选手填写部分); 
 _outPutObj.put("from_address",选手填写部分); 
 _outPutObj.put("to_address",选手填写部分); 
 _outPut.add(_outPutObj); 
 } 
 } 
 return _outPut; 
 }

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

任务3-3区块链应用业务测试

1.部署合约

在这里插入图片描述

2.绑定合约地址

在这里插入图片描述

3.启动项目

打开网址http://127.0.0.1:8081/index

在这里插入图片描述

4.业务测试
在这里插入图片描述

在这里插入图片描述


http://www.kler.cn/news/368764.html

相关文章：

  • Android 应用包名的定义 pm list packages查询的包名
  • 什么是AI神经网络？
  • 岭回归的MATLAB步骤
  • 论文阅读（二十六）：Dual Attention Network for Scene Segmentation
  • 解决kafka3.0.0在windows下不能启动的问题
  • Netty-TCP服务端粘包、拆包问题（两种格式）
  • 租房管理智能化：Spring Boot系统开发指南
  • VMware16去虚拟化 过CF 理论过TX游戏 WIN10过检测虚拟机
  • 微信小程序SSL证书怎么选择？
  • 通过 SYSENTER/SYSEXIT指令来学习系统调用
  • 《链表篇》---环形链表
  • 数据挖掘（二）
  • Typora一款极简Markdown文档编辑器和阅读器，实时预览，序列号生成！免费！最新可用！
  • CentOS 自启动某个应用
  • IP协议详解：报头格式、主机定位、转发流程、网段划分与路由机制
  • vue通过JSON文件生成WPML文件源码
  • 关于 API
  • 【leetcode】动态规划
  • python+大数据+基于Hadoop的个性化图书推荐系统【内含源码+文档+部署教程】
  • 【我的创作纪念日1024】
  • 大数据-187 Elasticsearch - ELK 家族 Logstash Filter 插件 使用详解
  • APS开源源码解读: 排程工具 optaplanner II
  • Windows系统PyCharm右键运行.sh文件
  • Web API 哪家强？Axios、Fetch 和 HttpClient 优选指南
  • html5中获取元素的方法
  • 高效集成：聚水潭奇门至金蝶云星空的数据流自动化