食品溯源3

什么都想学。2024-10-27 13:08

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

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

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

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

具体要求如下：

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

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

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

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

Login.js:

html 复制代码 
代码片段 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:

html 复制代码 
代码片段 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 方法:

java 复制代码 
/** 
 * 添加食品生产信息 
 * 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 方法:

java 复制代码 
/** 
 * 中间商添加食品流转信息 
 * 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 方法:

java 复制代码 
/** 
 * 获取某个食品的溯源信息 
 * @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.业务测试

相关推荐
2301_776045231 天前
加密货币地址的基本概念
区块链
CESS_Cloud3 天前
CESS 出席华盛顿区块链政策峰会：参与国家安全与数据隐私保护专题讨论
安全·阿里云·web3·去中心化·区块链
TianXuan_Chain4 天前
web3跨链桥协议-Nomad
web3·区块链·智能合约·跨链桥
CertiK5 天前
Web3.0安全开发实践：探索比特币DeFi生态中的PSBT
区块链
选择不变5 天前
慢牛提速经典K线形态-突破下跌起始位和回档三五线，以及徐徐上升三种形态
区块链·通达信指标公式·炒股技巧·短线指标·炒股指标
飞天阁5 天前
Hyperledger Fabric 2.x 环境搭建
运维·区块链·fabric
Sui_Network5 天前
Sui 基金会任命 Christian Thompson 为新任负责人
大数据·人工智能·物联网·区块链·智能合约
电报号dapp1195 天前
NFT交易所开发攻略：打造未来数字艺术品交易新平台
人工智能·去中心化·区块链·智能合约
Q8137574605 天前
中阳动态分散投资策略：构建多元化投资组合的科学路径
人工智能·区块链
BlockOne115 天前
如何用发链框架，快速构建一条区块链？
区块链
热门推荐
01【一文读懂】NTN（非地面网络）技术介绍02优化手机性能，解决卡顿问题：关闭这3个微信开关，释放内存空间03玄机平台应急响应—webshell查杀04Cube-Studio：开源大模型全链路一站式中台05基于大语言模型（LLM）的合成数据生成、策展和评估的综述06(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明0719个Web前端交互式3D JavaScript框架和库08HCIA-datacom数通题库和录播视频资料09Docker 夺命连环 15 问10Ubuntu 20.04使用Livox mid 360 测试 FAST_LIO