本发明专利技术公开了一种数据显示方法、装置、电子设备及介质，涉及前端技术领域，获取待显示数据以及显示模板；根据待显示数据以及显示模板，生成vue组件；获取vue组件对应的依赖组件，并根据vue组件和所述依赖组件，获得vue文件；将vue文件编码为umd文件，其中，umd文件用于浏览器显示所述待显示数据，通过umd文件可以实现vue文件对应的功能的使用，实现待显示数据的展示，且防止vue文件中的源代码泄露。且防止vue文件中的源代码泄露。且防止vue文件中的源代码泄露。
【技术实现步骤摘要】
数据显示方法、装置、电子设备及介质
[0001]本专利技术涉及前端
，尤其涉及一种数据显示方法、装置、电子设备及介质。
技术介绍
[0002]在前端开发中，对于现在工程化的开发模式，可能会有一些组件是能够重复利用的。为了节省开发成本和时间，在需要使用时可以直接引入该组件。但如果直接引用该组件，可能会造成与组件相关的程序代码、数据等泄露的问题。
技术实现思路
[0003]本专利技术提供一种数据显示方法、装置、电子设备及介质，旨在解决上述技术问题。
[0004]为解决上述技术问题，本专利技术第一方面提供一种数据显示方法，所述方法包括：获取待显示数据以及显示模板；
[0005]根据所述待显示数据以及所述显示模板，生成vue组件；
[0006]获取所述vue组件对应的依赖组件，并根据所述vue组件和所述依赖组件，获得vue文件；
[0007]将所述vue文件编码为umd文件，其中，所述umd文件用于浏览器显示所述待显示数据。
[0008]通过umd文件可以实现vue文件对应的功能的使用，即实现待显示数据的展示，且不泄露vue文件中的源代码。在vue文件中已经包括了供待显示数据显示的组件，vue文件已经可以实现显示功能，与项目中其他程序代码无直接的关联性，因此，通过vue文件生成的umd组件可以随时使用，无需研发人员手动复制、修改，降低了使用难度，并且，也正是因为上述的无关联性，umd文件删除也不会导致项目中其他代码程序受影响，实现了插拔式服务，节省了开发成本。r/>[0009]可选地，所述根据所述待显示数据以及所述显示模板，生成vue组件，包括：
[0010]对所述待显示数据进行格式处理，获得第一处理数据，其中，所述第一处理数据的格式为所述显示模板要求的格式；
[0011]将所述第一处理数据套入所述显示模板中，获得第二处理数据；
[0012]将所述第二处理数据进行封装，生成所述vue组件。
[0013]将待显示数据的格式处理成符合显示模板要求的格式，便于在后续依据显示模板显示时，能够获得更好的显示效果，避免显示不完全，甚至无法显示待显示数据的情况。
[0014]可选地，所述根据所述vue组件和所述依赖组件，获得vue文件，包括；
[0015]将所述所述vue组件存放至vue子文件夹；
[0016]将所述依赖组件存放至入口子文件夹；
[0017]根据所述vue子文件夹和所述入口子文件夹，获得所述vue文件。
[0018]将不同组件存放在不同的文件夹中，便于后续在对应的文件夹中查找对应的组件，降低维护与修改的成本。
[0019]可选地，所述将所述依赖组件存放至入口子文件夹，包括：
[0020]获取vue组件的描述信息；
[0021]将所述描述信息存和所述依赖组件放至所述入口子文件夹。
[0022]可选地，所述方法还包括：
[0023]生成打包指令，并将所述打包指令保存至打包文件夹；
[0024]所述根据所述vue子文件夹和所述入口子文件夹，获得所述vue文件，包括：
[0025]响应于所述打包文件夹中的所述打包指令，对所述vue子文件夹和所述入口子文件夹进行打包，获得所述vue文件。
[0026]可选地，所述对所述vue子文件夹和所述入口子文件夹进行打包，获得所述vue文件，包括：
[0027]判断所述vue子文件夹中的vue组件是否打包过；
[0028]若所述vue组件未打包过，则对所述vue子文件夹和所述入口子文件夹进行打包，获得所述vue文件。
[0029]可选地，所述方法还包括：
[0030]若所述vue组件打包过，则获取历史vue文件；
[0031]将所述vue组件和所述依赖组件存放至所述历史vue文件。
[0032]打包过的组件无需新建文件夹，避免因重复建立文件夹导致的存储资源的浪费，同时，使用已有的文件夹，可以节省处理时间。
[0033]本专利技术第二方面提供一种数据显示装置，所述装置包括：第一获取模块，用于获取待显示数据以及显示模板；
[0034]生成模块，用于根据所述待显示数据以及所述显示模板，生成vue组件；
[0035]第二获取模块，用于获取所述vue组件对应的依赖组件，并根据所述vue组件和所述依赖组件，获得vue文件；
[0036]编码模块，用于将所述vue文件编码为umd文件，其中，所述umd文件用于浏览器显示所述待显示数据。
[0037]本专利技术第三方面提供一种电子设备，所述电子设备包括：一个或多个处理器；存储器；一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于执行第一方面所述的方法。
[0038]本专利技术第四方面提供一种计算机可读存储介质，所述计算机可读取存储介质中存储有程序代码，所述程序代码可被处理器调用执行第一方面所述的方法。
[0039]本专利技术提供的一种数据显示方法、装置、电子设备及介质，获取待显示数据以及显示模板；根据待显示数据以及显示模板，生成vue组件；获取vue组件对应的依赖组件，并根据vue组件和所述依赖组件，获得vue文件；将vue文件编码为umd文件，其中，umd文件用于浏览器显示所述待显示数据，通过umd文件可以实现vue文件对应的功能的使用，实现待显示数据的展示，且防止vue文件中的源代码泄露。
附图说明
[0040]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使
用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图：
[0041]图1示出了本专利技术实施例提供的一种数据显示方法的一种应用环境示意图；
[0042]图2示出了本专利技术一个实施例提供的数据显示方法的流程示意图；
[0043]图3示出了本专利技术另一个实施例提供的数据显示方法的流程示意图；
[0044]图4为文件夹示意图；
[0045]图5示出了本申请一实施例提供的数据显示装置的框图；
[0046]图6示出了本申请实施例的用于执行根据本申请实施例的数据显示方法的电子设备的框图；
[0047]图7示出了本申请实施例的用于保存或者携带实现根据本申请实施例的数据显示方法的程序代码的存储单元。
具体实施方式
[0048]下面详细描述本申请的实施方式，实施方式的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施方式是示例性地，仅用于解释本申请，而不能理解为对本申请的限制。
[0049]在前端开发中，对于现在工程化的开发模式，可能会有一些组件是能够重复利用的。为了节省开发成本和时间，在需要使用时可以直本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种数据显示方法，其特征在于，所述方法包括：获取待显示数据以及显示模板；根据所述待显示数据以及所述显示模板，生成vue组件；获取所述vue组件对应的依赖组件，并根据所述vue组件和所述依赖组件，获得vue文件；将所述vue文件编码为umd文件，其中，所述umd文件用于浏览器显示所述待显示数据。2.根据权利要求1所述的方法，其特征在于，所述根据所述待显示数据以及所述显示模板，生成vue组件，包括：对所述待显示数据进行格式处理，获得第一处理数据，其中，所述第一处理数据的格式为所述显示模板要求的格式；将所述第一处理数据套入所述显示模板中，获得第二处理数据；将所述第二处理数据进行封装，生成所述vue组件。3.根据权利要求1所述的方法，其特征在于，所述根据所述vue组件和所述依赖组件，获得vue文件，包括；将所述所述vue组件存放至vue子文件夹；将所述依赖组件存放至入口子文件夹；根据所述vue子文件夹和所述入口子文件夹，获得所述vue文件。4.根据权利要求3所述的方法，其特征在于，所述将所述依赖组件存放至入口子文件夹，包括：获取vue组件的描述信息；将所述描述信息存和所述依赖组件放至所述入口子文件夹。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：生成打包指令，并将所述打包指令保存至打包文件夹；所述根据所述vue子文件夹和所述入口子文件夹，获得所述vue文件，包括：响应于所述打包文件夹中的所述打包指令，对所述vue子文件...
【专利技术属性】
技术研发人员：王宏远，刘乐，马成，
申请(专利权)人：度小满科技北京有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。