一种生成动态网页的方法、装置、设备及介质制造方法及图纸

本说明书实施例公开了一种生成动态网页的方法、装置、设备及介质，涉及网络通信技术领域，方法包括：创建vue项目并下载指定数据库的依赖，以将指定数据库挂载到vue的原型链中；基于指定数据库的预置API接口，获取当前项目所对应的区块链数据；在vue项目中添加路由功能，以将路由功能与vue项目中的web界面库进行集成，获得集成后的web界面库；根据集成后的web界面库将区块链数据动态渲染到待生成网页，获得动态网页。通过vue的自动构建，使得代码的改动可以立刻在软件视图上得到变化，方便了开发者的调试，基于web3.js的API接口直接从区块链中获取数据提高了数据获取的安全性及去中心化。化。化。

【技术实现步骤摘要】
一种生成动态网页的方法、装置、设备及介质


[0001]本说明书涉及网络通信
，尤其涉及一种生成动态网页的方法、装置、设备及介质。

技术介绍

[0002]大多数区块链行业的企业都会有类似于区块链浏览器的系统，通过区块链浏览器可以非常方便简约的看到各区块链数据内容。区块链浏览器大致的功能就是查询区块链数据，将区块链每个交易区块数据完整的显示出来,供用户查看、公示让其可信，因此对于动态网页的生成是一个重要的环节。
[0003]由于将区块链每个交易区块数据完整显示的过程中需要渲染这些数据，会涉及到大量的数据动态渲染与检索，使得区块链开发者的工作就变得量大且不灵活；给区块链开发者带来很多不便。而现有基于web3.js获取区块链数据的方式虽然加快的数据查询速度，但是web3.js若根据存入数据库再从数据库中检索出需要的区块链数据返回给页面显示的方法，违背了区块链的去中心思想也存在极大数据安全隐患。

技术实现思路

[0004]为了解决上述技术问题，本说明书一个或多个实施例提供了一种生成动态网页的方法、装置、设备及介质。
[0005]本说明书一个或多个实施例采用下述技术方案：
[0006]本说明书一个或多个实施例提供一种生成动态网页的方法，方法包括：
[0007]创建vue项目并下载指定数据库的依赖，以将所述指定数据库挂载到所述vue的原型链中；其中，所述指定数据库为web3.js；
[0008]基于所述指定数据库的预置API接口，获取当前项目所对应的区块链数据；
>[0009]在所述vue项目中添加路由功能，以将所述路由功能与所述vue项目中的web界面库进行集成，获得集成后的web界面库；其中，所述web界面库为vue.js；
[0010]根据所述集成后的web界面库将所述区块链数据动态渲染到待生成网页，获得动态网页。
[0011]可选地，在本说明书一个或多个实施例中，判断所述当前待渲染项目是否具有vue脚手架，若是则获取所述vue脚手架的创建命令，以基于所述创建命令创建与所述当前待渲染项目相对应的vue初始项目；
[0012]基于所述vue脚手架对所述vue初始项目创建语法检测和es6转译，获得所述vue项目；
[0013]其中，所述创建vue项目之后，所述方法还包括：
[0014]若确定所述vue项目创建完成，则触发预置下载命令,以基于所述预置下载命令下载所述指定数据库的依赖；其中，所述预置下载命令为:npm install web3。
[0015]可选地，在本说明书一个或多个实施例中，所述创建vue项目并下载指定数据库的
依赖之后，所述方法还包括：
[0016]修改所述vue项目的项目目录；其中，修改所述vue项目的项目目录，具体包括：
[0017]确定所述vue项目中的待删除文件与待创建文件，以及所述待删除文件与所述待创建文件所对应的指定文件夹；
[0018]基于预置删除指令对所述指定文件夹内的待删除文件进行删除，获得删除后的项目目录；其中，所述待删除文件包括：HelloWord.vue文件、logo.png文件、public文件；
[0019]基于预置创建命令在删除后的项目目录中的指定文件夹内创建所述待创建文件，获得修改后的所述vue项目的项目目录。
[0020]可选地，在本说明书一个或多个实施例中，所述创建vue项目并下载指定数据库的依赖之后，所述方法还包括：
[0021]对所述vue项目的预处理器进行配置；其中，对所述vue项目的预处理器进行配置，具体包括：
[0022]基于修改后的所述vue项目的项目目录，确定所述vue项目的vue文件；
[0023]获取所述vue文件的样式标签，以将指定语法加入所述样式标签；其中，所述指定语法包括：sass语法、less语法。
[0024]可选地，在本说明书一个或多个实施例中，在所述vue项目中添加路由功能，以将所述路由功能与所述vue项目中的web界面库进行集成，具体包括：
[0025]获取所述路由功能的依赖包，并在所述vue项目中的index.js里引入所述路由功能的路由模式路径，以基于所述当前待渲染项目的需求建立对应的页面路径；
[0026]在所述vue项目中的main.js中引入对应的路由配置，并在所述vue项目中的中的div内添加路由出口。
[0027]可选地，在本说明书一个或多个实施例中，基于修改后的所述vue项目的项目目录，获取所述vue项目的home.vue文件文件，以在所述home.vue文件的创建周期内确定待获取的区块链数据；
[0028]根据所述待获取的区块链数据的类型确定所述指定数据库的预置API接口，以基于所述预置API接口获取当前待渲染项目所对应的区块链数据。
[0029]可选地，在本说明书一个或多个实施例中，根据所述集成后的web界面库将所述区块链数据动态渲染到待生成网页，以确定各所述区块链数据在所述动态网页上所处位置，并建立所述区块链数据与所处位置的连接关系；
[0030]若确定所述区块链数据的数据结构发生变化，则将更新后的区块链数据基于所述连接关系渲染到对应的所处位置，获得动态网页。
[0031]本说明书一个或多个实施例提供一种生成动态网页的装置，装置包括：
[0032]创建单元，用于创建vue项目并下载指定数据库的依赖，以将所述指定数据库挂载到所述vue的原型链中；其中，所述指定数据库为web3.js；
[0033]获取单元，用于基于所述指定数据库的预置API接口，获取当前项目所对应的区块链数据；
[0034]添加单元，用于在所述vue项目中添加路由功能，以将所述路由功能与所述vue项目中的web界面库进行集成，获得集成后的web界面库；其中，所述web界面库为vue.js；
[0035]渲染单元，用于根据所述集成后的web界面库将所述区块链数据动态渲染到待生
成网页，获得动态网页。
[0036]本说明书一个或多个实施例提供一种生成动态网页的设备，设备包括：
[0037]至少一个处理器；以及，
[0038]与所述至少一个处理器通信连接的存储器；其中，
[0039]所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：
[0040]创建vue项目并下载指定数据库的依赖，以将所述指定数据库挂载到所述vue的原型链中；其中，所述指定数据库为web3.js；
[0041]基于所述指定数据库的预置API接口，获取当前项目所对应的区块链数据；
[0042]在所述vue项目中添加路由功能，以将所述路由功能与所述vue项目中的web界面库进行集成，获得集成后的web界面库；其中，所述web界面库为vue.js；
[0043]根据所述集成后的web界面库将所述区块链数据动态渲染到待生成本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种生成动态网页的方法，其特征在于，所述方法包括：创建vue项目并下载指定数据库的依赖，以将所述指定数据库挂载到所述vue的原型链中；其中，所述指定数据库为web3.js；基于所述指定数据库的预置API接口，获取当前待渲染项目所对应的区块链数据；在所述vue项目中添加路由功能，以将所述路由功能与所述vue项目中的web界面库进行集成，获得集成后的web界面库；其中，所述web界面库为vue.js；根据所述集成后的web界面库将所述区块链数据动态渲染到待生成网页，获得动态网页。2.根据权利要求1所述的一种生成动态网页的方法，其特征在于，所述创建vue项目，具体包括：判断所述当前待渲染项目是否具有vue脚手架，若是则获取所述vue脚手架的创建命令，以基于所述创建命令创建与所述当前待渲染项目相对应的vue初始项目；基于所述vue脚手架对所述vue初始项目创建语法检测和es6转译，获得所述vue项目；其中，所述创建vue项目之后，所述方法还包括：若确定所述vue项目创建完成，则触发预置下载命令,以基于所述预置下载命令下载所述指定数据库的依赖；其中，所述预置下载命令为:npminstall web3。3.根据权利要求1所述的一种生成动态网页的方法，其特征在于，所述创建vue项目并下载指定数据库的依赖之后，所述方法还包括：修改所述vue项目的项目目录；其中，修改所述vue项目的项目目录，具体包括：确定所述vue项目中的待删除文件与待创建文件，以及所述待删除文件与所述待创建文件所对应的指定文件夹；基于预置删除指令对所述指定文件夹内的待删除文件进行删除，获得删除后的项目目录；其中，所述待删除文件包括：HelloWord.vue文件、logo.png文件、public文件；基于预置创建命令在删除后的项目目录中的指定文件夹内创建所述待创建文件，获得修改后的所述vue项目的项目目录。4.根据权利要求3所述的一种生成动态网页的方法，其特征在于，所述创建vue项目并下载指定数据库的依赖之后，所述方法还包括：对所述vue项目的预处理器进行配置；其中，对所述vue项目的预处理器进行配置，具体包括：基于修改后的所述vue项目的项目目录，确定所述vue项目的vue文件；获取所述vue文件的样式标签，以将指定语法加入所述样式标签；其中，所述指定语法包括：sass语法、less语法。5.根据权利要求1所述的一种生成动态网页的方法，其特征在于，在所述vue项目中添加路由功能，以将所述路由功能与所述vue项目中的web界面库进行集成，具体包括：获取所述路由功能的依赖包，并在所述vue项目中的index.js里引入所述路由功能的路由模式路径，以基于所述当前待渲染项目的需求建立对应的页面路径；在所述vue项目中的main.js中引入对应的路由配置，并在所述vue项目中的中的div内添加路由出口。6.根据权利要求1所述的一种生成动态网页的方法，其特征在于，基于所述指定数据库
的预...

【专利技术属性】
技术研发人员：蒙国林，肖雪，商广勇，李程，
申请(专利权)人：浪潮工业互联网股份有限公司，
类型：发明
国别省市：