2023年区块链职业技能大赛——区块链应用技术(二)模块三

已于 2024-06-19 16:32:54 修改
阅读量770 收藏 20
点赞数 18
分类专栏： 区块链 职业技能大赛 文章标签： 区块链 vue.js
于 2024-06-19 16:32:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LuckyS7/article/details/139806930
版权

模块三：区块链应用系统开发

选手完成本模块的任务后，将任务中设计结果、运行代码、运行结果等截图粘贴至客户端桌面【区块链技术应用赛\重命名为工位号\模块三提交结果.docx】中对应的任务序号下。

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

1.请基于前端系统的开发模板，在注册组件Register.vue文件中添加对应的注册逻辑代码，实现对后端系统的注册功能，并测试功能完整性：

本题目的具体要求如下：

  1. 界面有明确的注册相关提示语
  2. 需要填写的项有组织名称、区块链地址、组织类型
  3. 页面需要有“返回”按钮，可以跳转到登录页面
  4. 点击“注册”按钮时需要检查区块链地址是否已输入
  5. 注册成功后跳转登录页面

Register.vue:

代码片段1：

<el-row>

        <el-col :span="16" :offset="4">

          <el-form label-width="100px">

            <h3>选手填写部分</h3>

            <el-form-item label="组织名称:">

              <el-input type="primary" v-model="选手填写部分"></el-input>

            </el-form-item>

            <el-form-item label="区块链地址:">

              <el-input type="primary" v-model="选手填写部分"></el-input>

            </el-form-item>

            <el-form-item label="组织类型:">

              <el-radio-group v-model="orgType">

              <el-radio :label="1">公司</el-radio>

              <el-radio :label="2">银行</el-radio>

              </el-radio-group>

            </el-form-item>

          </el-form>

        </el-col>

      </el-row>

      <el-row style="padding-bottom:20px">

        <el-button type="primary" 选手填写部分>注册</el-button>

        <el-button type="primary" 选手填写部分>返回</el-button>

      </el-row>

代码片段2：

register: function () {

      if (this.address == "") {

        alert(选手填写部分)

      }else {

        let postData = {

          orgType: 选手填写部分,

          username: 选手填写部分,

          address:选手填写部分

        }

// 和后端交互

        选手填写部分

      }

    },

代码片段3：

goback: function () {

      this.orgType = ''

      this.username =  ''

      this.address = ''

      选手填写部分

    }

2.请基于前端系统的开发模板，在登录组件Login.vue文件中添加对应的登录逻辑代码，实现对后端系统的登录功能，并测试功能完整性：

本题目的具体要求如下：

  1. 界面有明确的登录相关提示语
  2. 需要填写的项有用户地址、组织类型
  3. 页面需要有“注册”按钮，可以跳转注册页面
  4. 点击“登录”按钮时需要检查各个表项是否已输入
  5. 登录成功后跳转首页，路径为“/home”

Login.vue:

代码片段1：

<el-col :span="16" :offset="4">

          <el-form label-width="80px">

            <h1>供应链金融应用</h1>

            <h3>选手填写部分</h3>

            <el-form-item label="用户地址:">

              <el-input type="primary" v-model="选手填写部分"></el-input>

            </el-form-item>

            <el-form-item label="组织类型:">

              <el-radio-group v-model="选手填写部分">

              <el-radio :label="1">公司</el-radio>

              <el-radio :label="2">银行</el-radio>

              </el-radio-group>

            </el-form-item>

          </el-form>

        </el-col>

      </el-row>

      <el-row style="margin-bottom: 20px">

        <el-button type="primary" 选手填写部分>登录</el-button>

        <el-button type="primary" 选手填写部分>注册</el-button>

      </el-row>      </el-row>

代码片段2：

login: function () {

      if (this.address == "") {

        alert("选手填写部分")

      }else if (this.orgType == "") {

        alert("选手填写部分")

      }else {

        let postData = {

          orgType: 选手填写部分,

          address: 选手填写部分

        }

        // 与后端交互

选手填写部分

      }

},

代码片段3：

register: function () {

         选手填写部分

      },

3.请基于前端系统的开发模板，在公司组件Company.vue文件中添加对应的逻辑代码，实现对后端系统的公司相关业务功能，并测试功能完整性：

Company.vue:

代码片段1：

<el-row>

            <el-col :span="20" :offset="2">

            <el-table :data="companyList" style="font-size: 20px">

              <el-table-column prop="address" label="账户地址"></el-table-column>

              <el-table-column prop="name" label="公司名称"></el-table-column>

              <el-table-column prop="amount" label="账户总额"></el-table-column>

              <el-table-column label="查看详情">

                <template slot-scope="scope">

                  <el-button type="primary" @click="选手填写部分">查询</el-button>

                </template>

              </el-table-column>

              <el-table-column prop="receiptType" label="转账">

                <template slot-scope="scope">

                  <el-button type="primary" @click="transfer(scope.row)">操作</el-button>

                </template>

              </el-table-column>

            </el-table>

          </el-col>

          </el-row>

          <el-row>

代码片段2：

<el-dialog title="公司详情" :visible.sync="dialogVisible">

        <el-form label-width="100px">

          <el-form-item label="账户地址:">

            {{选手填写部分 }}

          </el-form-item>

          <el-form-item label="公司名称:">

            {{ 选手填写部分 }}

          </el-form-item>

          <el-form-item label="账户总额:">

            {{ 选手填写部分 }}

          </el-form-item>

        </el-form>

代码片段3：

detail: function (queryAddress) {

      this.dialogVisible = true

      let address = 选手填写部分

      this.axios.get(`选手填写部分?address=${address}&queryAddress=${queryAddress}`)

          .then((response) => {

            console.log(response)

            if (response.data.code == 200) {

              let inAddress = response.data.data.companyVO.address;

              let inName = 选手填写部分;

              let inAmount = response.data.data.companyVO.amount;

              this.companyDetail = {

                address: 选手填写部分,

                name: 选手填写部分,

                amount: 选手填写部分,

                senderReceiptList: response.data.data.senderReceiptList,

                accepterReceiptList: response.data.data.accepterReceiptList

              }

            } else {

              alert(`请求内容有误, ${response.data.data}`)

            }

          })

    },

4.请基于前端系统的开发模板，在银行组件Bank.vue文件中添加对应的逻辑代码，实现对后端系统的银行相关业务功能，并测试功能完整性：

Bank.vue:

代码片段1：

<el-row>

      <el-dialog title="交易（发送凭证）页" :visible.sync="transDialogVisible" width="30%">

        <el-form label-width="100px">

          <el-form-item label="发送账户地址:">

            {{选手填写部分}}

          </el-form-item>

          <el-form-item label="接收账户地址:">

            {{选手填写部分}}

          </el-form-item>

          <el-form-item label="交易额:">

            <el-col :span="16" :offset="4">

              <el-input type="primary" v-model="选手填写部分"></el-input>

            </el-col>

          </el-form-item>

          <el-form-item label="凭证类型:">

            <el-select v-model="选手填写部分" placeholder="请选择">

              <el-option

                  v-for="item in options"

                  :key="item.value"

                  :label="item.label"

                  :value="item.value">

              </el-option>

            </el-select>

          </el-form-item>

        </el-form>

        <el-row>

          <el-button type="primary" size="medium" @click="选手填写部分">确定</el-button>

        </el-row>

      </el-dialog>

    </el-row>

代码片段2：

executeTransaction: function() {

      let funcName = "companyToBankReceipt";

      if (this.transDetail.amount ==选手填写部分) {

        alert('交易额不能为空！')

        return

      }

      if (this.$cookies.get('orgType') == 选手填写部分) {

        alert('银行不能给银行发送凭证！')

        return

      }

      if (选手填写部分) {

        alert("凭证发送账户和接收账户不能相一致！")

        return

      }

      this.axios.post(`/finance/transaction/${funcName}`, 选手填写部分).then((response) => {

        if (response.data.code == 200) {

          alert('凭证发送成功')

          this.query()

          this.transDialogVisible = false

        }else {

          alert(`凭证发送失败, ${response.data.data}`)

        }

      })

    },

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

1.开发区块链供应链金融应用中后端系统中用户功能模块对应的用户注册功能，根据前后代码补充最合适的代码，并测试功能完整性。

OrgServiceImpl.java：

 /**

     * 注册Service

     * RegisterBO registerBO

     * */

    @Override

    public Result<String> register(RegisterBO registerBO) {

        if (StrUtil.isEmpty(选手填写部分) ||

                StrUtil.isEmpty(选手填写部分) ||

                registerBO.getOrgType() == 选手填写部分

        ) {

            return Result.error(ResultVO.PARAM_EMPTY);

        }

        List funcParam = new ArrayList();

        funcParam.add(选手填写部分);

        funcParam.add(选手填写部分);

        if(registerBO.getOrgType() == 2){

            funcParam.add(BigInteger.valueOf(1000));

        }

        String funcName;

        if(registerBO.getOrgType() == 2){

            funcName =选手填写部分;

        }else{

            funcName =选手填写部分;

        }

        String _result = weBASEUtils.funcPost(OWNER_ADDRESS,funcName,funcParam);

        JSONObject _resultJson = JSONUtil.parseObj(_result);

        if (_resultJson.containsKey("statusOK") == false || _resultJson.getBool("statusOK") != true){ // _resultJson.getInt("code") > 0

            return Result.error(ResultVO.选手填写部分);

        }

        return Result.success("ok");

    }

2.开发区块链供应链金融应用中后端系统中用户功能模块对应的用户登录功能，根据前后代码补充最合适的代码，并测试功能完整性。

OrgServiceImpl.java:

/**

     * 登录Service

     * LoginBO loginBO

     **/

    @Override

    public Result<String> login(@RequestBody LoginBO loginBO) {

        if (StrUtil.isEmpty(loginBO.getAddress())

        ) {

            return Result.error(ResultVO.PARAM_EMPTY);

        }

        List funcParam = new ArrayList();

        funcParam.add(选手填写部分);

        String funcName;

        if(loginBO.getOrgType() == 2){

            funcName =选手填写部分;

        }else{

            funcName =选手填写部分;

        }

        String _result = weBASEUtils.funcPost(选手填写部分,funcName,funcParam);

        JSONArray _resultJson = JSONUtil.parseArray(_result);

        if (StrUtil.isEmpty(_resultJson.get(0).toString())){

            return Result.error(ResultVO.选手填写部分);

        }

        return Result.success("ok");

}

3.开发区块链供应链金融应用的后端系统中查询功能模块对应的查询所有公司信息功能，根据前后代码补充最合适的代码，并测试功能完整性。

QueryServiceImpl.java：

/**

     * 获取所有公司数据，不包含存证详细信息

     * */

    @Override

    public Result listCompany(String userAddress){

        String _result = weBASEUtils.funcPost(userAddress,"getAllCompanyAddress",new ArrayList());

        try {

            JSONArray respArray = 选手填写部分;

            String a = respArray.get(0).toString();

            JSONArray addressArray = 选手填写部分;

            List<CompanyVO> companyList = new ArrayList<>();

            for(Object obj: addressArray) {

                CompanyVO companyVO = 选手填写部分;

                companyList.add(companyVO);

            }

            return Result.success(选手填写部分);

        }catch (Exception e) {

            ResultVO resultVO = ResultVO.CONTRACT_ERROR;

            resultVO.setData(选手填写部分);

            return Result.error(选手填写部分);

        }

}

4.开发区块链供应链金融应用的后端系统中查询功能模块对应的查询银行凭证列表功能根据前后代码补充最合适的代码，并测试功能完整性。

QueryServiceImpl.java：

/**

     * 获取包括银行详情，银行发送凭证列表，银行接收凭证列表

     * */

    @Override

    public Result getBankEntity(String userAddress, String queryAddress){

        BankVO bankVO = 选手填写部分;

        List<ReceiptVO> senderReceiptList = 选手填写部分;

        List<ReceiptVO> accepterReceiptList = 选手填写部分;

        BankEntityVO bankEntityVO = new BankEntityVO();

        bankEntityVO.setBankVO(选手填写部分);

        bankEntityVO.setSenderReceiptList(选手填写部分);

        bankEntityVO.setAccepterReceiptList(选手填写部分);

        return Result.success(bankEntityVO);

    }

5.开发区块链供应链金融应用的后端系统中交易功能模块对应的银行向公司交易凭证功能，根据前后代码补充最合适的代码，并测试功能完整性。

TransactionServiceImpl.java：

/**

     * 公司向银行发送凭证（银行转账给公司）

     * */

    public Result<String> bankToCompanyReceipt(TransactionBO transactionBO) {

        选手填写部分;

}

6.开发区块链供应链金融应用的后端系统中交易功能模块对应的公司向公司交易凭证功能，根据前后代码补充最合适的代码，并测试功能完整性。

TransactionServiceImpl.java：

 /**

     * 公司向公司的凭证发送

     * */

    public Result<String> companyToCompanyReceipt(TransactionBO transactionBO) {

        选手填写部分;

    }

isxxi.
关注
  • 18
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2023年全国职业院校技能大赛“区块链技术应用赛项”国赛正式赛题
04-23
2023年全国职业院校技能大赛“区块链技术应用赛项”国赛正式赛题 高职 全国职业院校技能大赛 正式赛题
区块链技术与应用 【2023年全国职业院校技能大赛国赛题目资源】
01-22
区块链技术与应用 全国职业院校技能大赛国赛题目 区块链技术与应用 【2023年全国职业院校技能大赛国赛题目资源】
2023年全国职业院校技能大赛-高职组“区块链技术应用”赛项赛卷（2卷）
君逍遥o
07-03 2266
某公司规划开发一个区块链供应链金融平台，包括核心企业、供应商、银行等角色，通过智能合约代码逐步构建区块链供应链金融平台的基本功能，实现银行向核心企业提供授信并发行数字凭证，企业与企业之间转让数字凭证。此外需要完成区块链供应链金融平台的前后端，实现基本的业务逻辑。
2023年区块链职业技能大赛——区块链应用技术(一)模块一
LuckyS7的博客
10-06 8410
1.依据给定区块链食品溯源系统的业务架构图，对考题进行业务分析，可能多的去考虑一个业务系统所需要的模块，使用Visio或思维导图工具展现本系统的基本设计概念和处理流程，要求分为区块链食品溯源业务平台和支撑平台两个部分;
2023年区块链职业技能大赛——区块链应用技术(二)模块二
LuckyS7的博客
06-19 942
选手完成本模块的任务后，将任务中设计结果、运行代码、运行结果等截图粘贴至客户端桌面【区块链技术应用赛\重命名为工位号\模块二提交结果.docx】中对应的任务序号下。根据区块链供应链金融应用需求分析和方案设计文档的描述，编写该区块链产品的智能合约功能需求文档，以及设计该智能合约UML图，具体要求如下：1.编写区块链供应链金融智能合约功能需求文档根据区块链供应链金融产品项目背景和需求分析，编写该区块链供应链金融产品的智能合约功能需求文档；2.完成区块链供应链金融智能合约的设计图。
2023年区块链职业技能大赛——区块链应用技术(二)模块一
LuckyS7的博客
05-31 1378
某公司规划开发一个区块链供应链金融平台，包括核心企业、供应商、银行等角色，通过智能合约代码逐步构建区块链供应链金融平台的基本功能，实现银行向核心企业提供授信并发行数字凭证，企业与企业之间转让数字凭证。1.依据给定供应链金融管理系统的业务架构图，对考题进行业务分析，尽可能多的去考虑一个业务系统所需要的模块，使用Visio或思维导图工具展现本系统的基本设计概念和处理流程，要求分为区块链供应链业务平台和支撑平台两个部分；围绕供应链金融区块链平台部署与运维需求，进行项目相关系统、节点以及管理工具的部署工作。
2023年区块链职业技能大赛——区块链应用技术(一)模块二
LuckyS7的博客
11-05 3261
设计区块链食品溯源智能合约接口，画出区块链食品溯源智能合约的角色UML用例图,以及画出区块链食品溯源各智能合约关系的时序图.2.编写食品溯源智能合约分销商Distributor添加食品接口,必须分销商才能添加可溯源的食品,实现溯源功能;1.编写食品溯源智能合约生产商Producer添加食品接口,必须生产商才能添加可溯源的食品,实现溯源功能;3食品溯源智能合约超市Retailer添加食品接口,必须超市才能添加可溯源的食品,实现可溯源功能;
2023年全国职业院校技能大赛-高职组“区块链技术应用”赛项赛卷（8卷）
君逍遥o
07-04 1046
现实中患者私密信息泄露情况时有发生，医疗部门的柜式存储和纸质记录已不再是最优选择。在2015-2016年间，美国的数家医院遭受黑客入侵，导致八千余万份医疗健康记录被盗。医疗数据泄漏占全球数据泄漏事件的15%，已经成为全球数据泄漏的第二大行业。并且医疗部门的柜式存储和纸质记录实现数据共享极为困难，造成病人看病难的问题。
全同态加密生态项目盘点：FHE技术的崛起以及应用
TechubNews的博客
05-24 865
在资金支持方面，Sunscreen 在 2022 年 7 月完成了 465 万美元的种子轮融资，由 Polychain Capital 领投，得到 Northzone、Coinbase Ventures、dao5 等的加入，以及包括 Naval Ravikan 和 Entropy 创始人 Tux Pacific 在内的多位知名个人投资者的支持。技术上，PADO 的核心创新在于结合了 zk-SNARK 和全同态加密（FHE），这种结合不仅确保了隐私数据计算的真实性，还增强了其可验证性。
亚马逊云科技基于 Polygon 推出首款 Amazon Managed Blockchain Access，助 Web3 开发人员降低区块链节点运行成本
亚马逊云科技专栏
11-29 2301
AMB Access 是一项完全托管的服务，提供对公共和私有区块链的访问。AMB Access 允许构建者开发和推出具有可扩展性、安全性和弹性的 Web3 应用程序。您可以选择不同的方式连接公共区块链，其中包括完全托管、单租户（专用）和无服务器多租户 API 等，以访问公共区块链节点。在 AMB Access Polygon 公开预览版本中，现在您可以充分利用 Polygon 的功能，在亚马逊云科技提供的、安全且可扩展的基础设施上，以低廉的交易费用快速处理交易。
区块链技术与应用——智能合约.pdf
06-07
区块链技术与应用——智能合约.pdf
区块链技术赋能职业教育——机理、应用与挑战.pdf
08-15
#资源达人分享计划#
2023年 区块链技术应用赛项评分标准
01-22
2023年 区块链技术应用赛项评分标准
2022年 - 2023年 最新计算机毕业设计 本科 选题大全 汇总
热门推荐
HUXINY的博客
11-17 11万+
文章目录0 前言1 java web 管理系统 毕设选题2 java web 平台/业务系统 毕设选题3 游戏设计、动画设计类 毕设选题 (适合数媒的同学)4 算法开发5 数据挖掘 毕设选题6 大数据处理、云计算、区块链 毕设选题7 网络安全 毕设选题8 通信类/网络工程 毕设选题9 嵌入式 毕设选题10 开题指导 0 前言 Hi，大家好，这里是丹成学长，大四的同学马上要开始毕业设计啦，大家做好准备了没！ 学长给大家详细整理了计算机毕设最新选题，对选题有任何疑问，都可以问学长哦~ 1 java web
区块链技术在智能家居中的创新应用探索
Roun3的博客
07-17 767
区块链技术正在为智能家居带来新的创新应用和发展机遇。通过提升数据安全性、管理效率和用户体验，区块链技术为智能家居行业的未来发展注入了新的活力和可能性。随着技术的进一步成熟和应用的普及，我们有理由期待智能家居在区块链技术的推动下，迎来更加智能化、安全化和可持续发展的新时代。​。
区块链革命：探索Web3如何重塑数字世界
dd8989089的博客
07-19 800
Web3作为区块链技术的重要应用范式，以其去中心化、安全和可编程性质，正在深刻地改变着我们的数字世界。通过本文的介绍，希望读者能够深入理解Web3技术在重塑数字世界中的作用和潜力，为未来的技术创新和社会进步贡献智慧和力量。
深耕区域市场，ATFX以投教引领市场新风向
最新发布
pycxiaoy的博客
07-19 461
自创立以来，ATFX遵循“以客户为中心”的服务理念，针对不同区域市场、用户群体和多元化需求，坚持以市场用户需求为突破点，不断开发满足市场及用户实际需求的产品和服务，并提供优质有针对性、个性化、本土化和定制化的投教产品、服务及解决方案，以专业回馈市场，由此品牌取得了业界瞩目的市场成绩和不俗市场口碑，而这正是ATFX品牌充满勃勃生机、不断取得优良成绩的基础。本着“先知而后行”的服务理念，ATFX积极在全球范围内精心布局，成功在亚洲、中东、欧洲、南美以及更多新兴市场举办一系列内容丰富的投教服务活动。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值