一种网页编辑方法、编辑器、电子设备和可读存储介质技术

本申请涉及计算机技术领域，尤其涉及一种网页编辑方法、编辑器、电子设备和可读存储介质，所述方法包括创建满足业务需求的数据信息组件；将所述数据信息组件关联至目标UI组件；其中，所述每一个组件具有唯一的ID标识。本申请涉及的编辑方案实现了对数据接口的关联和数据信息的调用，可以支持具有交互性的复杂、动态活动页面的编辑，拓展了编辑器的功能并进一步地提高编辑器利用率。

【技术实现步骤摘要】
一种网页编辑方法、编辑器、电子设备和可读存储介质
本申请涉及计算机数据处理
，尤其涉及一种网页编辑方法、编辑器、电子设备和可读存储介质。
技术介绍
HTML5，简称H5，是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一，相比H4，H5有更多的交互和功能，最大优点之一是在移动设备上支持多媒体。目前H5的应用是直接利用基础语言进行活动开发，从开发到上线周期过长，如果遇到频繁改动页面上的元素，例如文案，图片，则需要频繁上线，非常不利于维护。虽然目前有很多公司实践去开发过这样的简易版H5编辑器，但是简易版的编辑器无法实现任何与数据接口及后端的活动页面的交互。
技术实现思路
本申请的目的旨在至少能解决上述的技术缺陷之一。本申请所采用的技术方案如下：第一方面，本申请实施例提供一种网页编辑方法，所述方法包括：创建满足业务需求的数据信息组件；将所述数据信息组件关联至目标UI组件；其中，所述每一个组件具有唯一的ID标识。可选地，所述创建满足业务需求的数据信息组件包括：获取并分析业务需求；根据分析结果，编写满足业务需求的数据信息；将所述数据信息进行封装形成数据信息组件并生成组件ID标识。可选地，将所述数据信息组件关联至目标UI组件包括：所述关联属性为所述目标UI组件用于调用所述数据信息组件中数据信息。可选地，将所述数据信息组件关联至目标UI组件包括：创建一个包括至少一个所述数据信息组件的关键值的JSON文件；将所述数据信息组件的关键值关联至目标UI组件。可选地，所述方法还包括：响应于用户的UI界面操纵指令，将所述数据信息组件关联至目标UI组件；响应于用户的UI界面操纵指令，将所述关联数据信息组件的目标UI组件关联至UI界面。可选地，所述方法还包括：响应于用户的UI界面操纵指令，对所述UI组件进行编辑；其中所述编辑至少包括以下之一：修改、删除、新增、调整、拖拉。第二方面，本申请实施例提供了一种编辑编辑器，所述编辑器包括创建模块和关联模块；其中，所述创建模块，用于创建满足业务需求的数据信息组件；所述关联模块，用于将所述数据信息组件关联至目标UI组件；其中，所述每一个组件具有唯一的ID标识。可选地，所述编辑器还包括读取模块、编辑模块、封装模块和生成模块；所述读取模块，用于获取并分析业务需求；所述编辑模块，用于根据分析结果，编写满足业务需求的数据信息；所述封装模块，用于将所述数据信息进行封装形成数据信息组件；所述生成模块，用于生成组件ID标识。第三方面，本专利技术实施例提供了一种电子设备，包括处理器和存储器；所述存储器，用于存储操作指令；所述处理器，用于通过调用所述操作指令，执行上述网页编辑方法。第四方面，一种计算机可读存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述编辑的方法。本申请实施例公开的网页编辑方案，通过创建满足业务需求的数据信息组件；将所述数据信息组件关联至目标UI组件，其中，所述每一个组件具有唯一的ID标识。本申请实施例提供的技术方案带来的有益效果是：(1)在网页编辑中能够让编辑者通过可视化的拖拉拽活动快速生成运营活动页面，且避免了现有技术中存在的需要进行多次开发、测试、上线带来的耗时问题，减少人力成本，缩短上线周期。(2)在支持对系统应用UI界面中UI组件编辑的基础上实现了对数据接口的关联和数据信息的调用，可以支持具有交互性的复杂、动态活动页面的编辑，拓展了编辑器的功能并进一步地提高编辑器利用率。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例描述中所需要使用的附图作简单地介绍。图1为本申请实施例提供的一种网页编辑方法的流程示意图；图2为本申请实施例提供的一种网页编辑器的结构示意图；图3为本申请实施例提供的一种电子设备的结构示意图。具体实施方式下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能解释为对本专利技术的限制。本
技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。为了更清楚地介绍本申请技术方案，以下介绍一些可能涉及到的概念或定义以辅助本申请方案的理解：HTML5作为网页编辑器具有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-basedrichinternetapplication，RIA)，如AdobeFlash、MicrosoftSilverlight，与OracleJavaFX的需求，并且提供更多能有效增强网络应用的标准。JSON(JavaScriptObjectNotation,JS对象简谱)是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。下面将结合附图以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。为使本申请的目的、技术方案和优点更加清楚，图1公开了本申请实施例提供的一种网页编辑方法的流程图，如图1所示，所述网页编辑方法包括：S101、创建满足业务需求的数据信息组件；在本申请实施例中，所述创建满足业务需求的数据信息组件包括：获取并分析业务需求；根据分析结果，编写满足业务需求的数据信息；将所述数据信息进行封装形成数据信息组件并生成组件ID标识。在本实施例中，所述数据信息为根据业务需求编写的数据、数表或方法流程等代码信息。所述ID是每一个组件在创建时系统自动加载的标识信息，该ID信息一旦形成就无法再对此本文档来自技高网...

【技术保护点】
1.一种网页编辑方法，应用于网页编辑器，其特征在于，所述方法包括：/n创建满足业务需求的数据信息组件；/n将所述数据信息组件关联至目标UI组件；/n其中，所述每一个组件具有唯一的ID标识。/n

【技术特征摘要】
1.一种网页编辑方法，应用于网页编辑器，其特征在于，所述方法包括：
创建满足业务需求的数据信息组件；
将所述数据信息组件关联至目标UI组件；
其中，所述每一个组件具有唯一的ID标识。


2.根据权利要求1所述的网页编辑方法，其特征在于，所述创建满足业务需求的数据信息组件包括：
获取并分析业务需求；
根据分析结果，编写满足业务需求的数据信息；
将所述数据信息进行封装形成数据信息组件并生成组件ID标识。


3.根据权利要求2所述的网页编辑方法，其特征在于，将所述数据信息组件关联至目标UI组件包括：
所述关联属性为所述目标UI组件用于调用所述数据信息组件中数据信息。


4.根据权利要求3所述的网页编辑方法，其特征在于，将所述数据信息组件关联至目标UI组件包括：
创建一个包括至少一个所述数据信息组件的关键值的JSON文件；
将所述数据信息组件的关键值关联至目标UI组件。


5.根据权利要求4所述的网页编辑方法，其特征在于，所述方法还包括：
响应于用户的UI界面操纵指令，将所述数据信息组件关联至目标UI组件；
响应于用户的UI界面操纵指令，将所述关联数据信息组件的目标UI组件关联至UI界面。


6....

【专利技术属性】
技术研发人员：张天霖，徐亚楠，梁丽洁，
申请(专利权)人：中信百信银行股份有限公司，
类型：发明
国别省市：北京;11