CN110083790A

CN110083790A - 页面编辑方法、页面输出方法、装置、计算机设备及介质

Info

Publication number: CN110083790A
Application number: CN201910365212.2A
Authority: CN
Inventors: 李满
Original assignee: Zhuhai Change Technology Co Ltd
Current assignee: Zhuhai Change Technology Co Ltd
Priority date: 2019-04-30
Filing date: 2019-04-30
Publication date: 2019-08-02

Abstract

本发明实施例公开了一种页面编辑方法、页面输出方法、装置、计算机设备及介质，其中页面编辑方法包括：接收页面编辑操作；按照预设规则将页面编辑操作产生的数据转换为预设格式的用户界面数据，其中预设格式的用户界面数据能够被不同平台的客户端解析；存储用户界面数据。本发明实施例通过页面编辑器输出一种可被不同平台的客户端解析的页面数据结构，提高了页面编辑器的灵活性与适用性；没有编码能力的人员也可通过编辑器控件，快速进行多端(web、安卓和ios)页面编辑；不同平台的客户端均可对页面数据结构进行解析并输出页面，使用数据完全控制界面显示；可动态进行页面更新，无需进行发版，节约人工成本，提高开发效率。

Description

页面编辑方法、页面输出方法、装置、计算机设备及介质

技术领域

本发明实施例涉及计算机技术，尤其涉及一种页面编辑方法、页面输出方法、装置、计算机设备及介质。

背景技术

页面编辑器是构建网页页面或应用程序页面的工具，目前的可视化页面编辑器存在以下缺陷：

(1)页面编辑器输出HTML(Hyper Text Markup Language，超文本标记语言)、JS(JavaScript，Java脚本语言)和CSS(Cascading Style Sheets，层叠样式表)，输出的上述资源只能通过浏览器解析、渲染，导致页面编辑器的局限性；而且还需要对页面编辑器输出的资源进行管理。

(2)现有的页面编辑由服务端控制客户端的渲染，通过传统的配置数据，可控制页面显示可选的模板。这种方式的数据配置管理复杂，且可控制页面显示的内容受到很大限制。

发明内容

本发明实施例提供一种页面编辑方法、页面输出方法、装置、计算机设备及介质，以通过页面编辑器输出可被不同平台的客户端解析的用户界面数据，快速实现多端页面编辑。

第一方面，本发明实施例提供了一种页面编辑方法，包括：

接收页面编辑操作；

按照预设规则将所述页面编辑操作产生的数据转换为预设格式的用户界面数据，其中，所述预设格式的用户界面数据能够被不同平台的客户端解析；

存储所述用户界面数据。

第二方面，本发明实施例还提供了一种页面输出方法，包括：

接收预设格式的用户界面数据，其中，所述预设格式的用户界面数据能够被不同平台的客户端解析；

按照预设规则解析所述用户界面数据，得到用户界面；

输出所述用户界面。

第三方面，本发明实施例还提供了一种页面编辑装置，包括：

操作接收模块，用于接收页面编辑操作；

数据转换模块，用于按照预设规则将所述页面编辑操作产生的数据转换为预设格式的用户界面数据，其中，所述预设格式的用户界面数据能够被不同平台的客户端解析；

数据存储模块，用于存储所述用户界面数据。

第四方面，本发明实施例还提供了一种页面输出装置，包括：

数据接收模块，用于接收预设格式的用户界面数据，其中，所述预设格式的用户界面数据能够被不同平台的客户端解析；

数据解析模块，用于按照预设规则解析所述用户界面数据，得到用户界面；

界面输出模块，用于输出所述用户界面。

第五方面，本发明实施例还提供了一种计算机设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明任意实施例所述的页面编辑方法。

第六方面，本发明实施例还提供了一种计算机设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明任意实施例所述的页面输出方法。

第七方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任意实施例所述的页面编辑方法。

第八方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任意实施例所述的页面输出方法。

本发明实施例的技术方案，通过页面编辑器输出一种可被不同平台的客户端解析的页面数据结构，提高了页面编辑器的灵活性与适用性；没有编码能力的人员也可通过编辑器控件，快速进行多端(web、安卓和ios)页面编辑；不同平台的客户端均可对页面数据结构进行解析并输出页面，使用数据完全控制界面显示；可动态进行页面更新，无需进行发版，节约人工成本，提高开发效率。

附图说明

图1是本发明实施例一提供的页面编辑方法的流程图；

图2是本发明实施例二提供的页面输出方法的流程图；

图3是本发明实施例三提供的页面编辑和页面输出的架构示意图；

图4是本发明实施例三提供的页面编辑方法的流程示意图；

图5是本发明实施例四提供的页面编辑装置的结构示意图；

图6是本发明实施例五提供的页面输出装置的结构示意图；

图7是本发明实施例六提供的计算机设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

实施例一

图1是本发明实施例一提供的页面编辑方法的流程图，本实施例可适用于可视化编辑页面的情况，提高页面编辑的灵活性与适用性，该方法可以由页面编辑装置来执行，该装置可以由软件和/或硬件来实现，一般可集成在计算机设备中。如图1所示，该方法具体包括：

S110，接收页面编辑操作。

本发明实施例中，用户可以通过页面编辑器编辑页面，页面编辑操作是指用户编辑页面时，对组件及其对应的事件、事件响应所进行的编辑操作，页面编辑操作包括：选择组件、设置组件属性、设置组件对应的事件及事件响应。具体的，用户在可视化页面编辑器的交互界面，对组件或元素进行拖拽，拖拽到目标位置，还可以设置组件或元素对应的事件及事件响应，这些都属于页面编辑操作。示例性的，将组件“图片”拖拽到页面的中间位置，并设置点击该图片对应的事件响应为：跳转到对应的图片详情页面。

S120，按照预设规则将所述页面编辑操作产生的数据转换为预设格式的用户界面数据，其中，所述预设格式的用户界面数据能够被不同平台的客户端解析。

其中，页面编辑操作产生的数据包括：组件信息和组件的属性信息。组件信息是指构成页面的组件，例如，按钮、图片、文本、视频、音频等。组件的属性信息包括：样式信息、交互信息和特殊属性，例如，对于图片组件，样式信息包括尺寸和边框，交互信息包括点击事件，特殊属性包括图片的地址。

预设规则是指数据之间的映射规则，具体是页面编辑操作产生的用户编辑数据与能被不同平台客户端解析的用户界面数据之间的映射规则。通过该预设规则，不仅可以实现界面(即通过页面编辑器编辑的界面)到数据(即能被不同平台客户端解析的用户界面数据)的转换，也可以实现数据到界面(即客户端解析并输出的界面)的反转换。

本实施例中的预设格式是指用来存储、表示和传输的数据格式，预设格式可以是json(JavaScript Object Notation，JS对象简谱、对象表达式)或xml(Extensible MarkupLanguage，可扩展标记语言)。

本实施例中的用户界面数据(UIData)是类似于虚拟dom的数据结构，可以被各种编程语言解析，生成适用于不同平台客户端的用户界面。

不同平台的客户端包括：ios客户端、安卓客户端和web客户端。本实施例中得到的预设格式的用户界面数据具备通用性，适用于不同平台的客户端，可以被不同平台的客户端解析。

S130，存储所述用户界面数据。

本实施例存储用户界面数据，以向客户端下发该用户界面数据。

本实施例的技术方案，按照预设规则将页面编辑操作产生的数据转换为预设格式的用户界面数据，并存储用户界面数据，该预设格式的用户界面数据可被不同平台的客户端解析。打破了传统页面编辑器输出html页面的思想，本方案通过页面编辑器输出一种可被不同平台的客户端解析的页面数据结构，提高了页面编辑器的灵活性与适用性；没有编码能力的人员也可以通过编辑器控件，快速进行多端(web、安卓和ios)页面编辑。解决了现有页面编辑器输出HTML的局限性以及由服务端控制渲染的局限性的问题。

不同平台的客户端(web，android和ios)均可对用户界面数据进行解析并渲染输出页面，使用数据完全控制界面显示，甚至页面路由跳转，对现有的在服务端控制客户端渲染的技术有了突破性的进步。当需要更新用户界面时，只需动态下发用户界面数据，无需发版，大大节约了人工成本，提高了开发效率，为项目的持续快速迭代提供保障。

在一个可选的实施方式中，S120按照预设规则将所述页面编辑操作产生的数据转换为预设格式的用户界面数据，包括：

实时获取所述页面编辑操作产生的数据；

通过所述预设格式表示所述页面编辑操作产生的数据，得到所述用户界面数据，其中，按照事件响应的类别将所述页面编辑操作产生的数据中组件的事件响应转换为事件行为标识，所述事件行为标识包括标识字符和事件相关参数，所述事件行为标识能够被不同平台的客户端识别。

其中，事件是指用户对界面中各种组件的操作，是可以被控件识别的操作，例如，点击确定按钮、双击、编辑框的文本改变事件等。事件响应是指操作组件的目的，例如，点击文字链接，则跳转到对应的页面；点击编辑框，则接收输入的信息。为了便于界面与数据之间的映射，对事件响应进行类别划分，例如，跳转页面、数据请求、数据状态修改等。

通过预设格式表示页面编辑操作产生的数据，属于用户界面(UI)到用户界面数据(UIData)的转换，其中需要着重关注的是事件响应的映射，本实施例定义了事件行为标识，包括：标识字符和事件相关参数。标识字符对应于事件响应的类别，用来标识事件行为，标识字符可以是单词、字母、数字或其他字符。事件相关参数是指与事件响应相关的参数，例如，页面路由跳转涉及目标路由，数据请求涉及API(Application ProgrammingInterface，应用程序编程接口)地址。事件行为标识可被不同平台的客户端识别并解析。

S120实际上是将用户编辑的界面转换为可被不同平台客户端解析的预设格式的用户界面数据。将界面的组件与组件属性，通过预设格式表示，例如json数据格式，其中“组件的事件响应”会根据事件响应类别转换成“事件行为标识”。

示例性的，事件行为标识如表1所示，表1仅做示例，本实施例对此不进行限制，在实际应用中可以自定义。callback回调参数本身属于事件行为，所以它是一种事件行为标识类的特殊参数。

表1事件行为标识示意表

在用户通过页面编辑器进行页面编辑的过程中，根据用户的操作，随时产生页面编辑数据，因此实时获取这些数据，并按照预设的映射规则完成数据的格式转换，得到可被不同平台客户端解析的用户界面数据。若用户编辑完毕，则得到本次编辑的所有用户界面数据。不同页面对应的用户界面数据通过页面标识来区分。

本可选实施方式将实时获取的页面编辑数据通过预设格式进行表示，尤其对组件的事件响应进行了转换格式定义，使得用户界面数据可以被不同平台客户端解析。

在一个可选的实施方式中，在按照预设规则将所述页面编辑操作产生的数据转换为预设格式的用户界面数据之后，还包括：

按照所述预设规则对所述用户界面数据进行解析，得到用户界面组件程序，其中，将所述用户界面数据中的事件行为标识转换为组件对应的事件方法与参数；

运行所述用户界面组件程序，生成实时预览界面。

其中，按照预设规则对用户界面数据进行解析，得到用户界面组件程序，这个过程是用户编辑的界面转换为用户界面数据的反过程，利用的是同一套映射规则。用户界面组件程序可以被运行，生成相应的界面。

本可选实施方式中，将用户界面数据映射成可运行的程序，通过运行该程序生成相应的界面，供用户预览查看。不同平台的客户端可运行的程序不同，例如，对于网页客户端，将用户界面数据映射为JS程序；对于ios客户端，将用户界面数据映射为OC程序；对于安卓客户端，将用户界面数据映射为Java程序。

用户界面数据的解析属于用户界面(UI)到用户界面数据(UIData)的反转换，需要根据UIData的结构生成对应的组件程序，通过组件化框架(如react、vue等，也可以自行定制)运行用户界面组件程序。例如，可以封装createComponent方法实现具体逻辑，createComponent需要对接组件化框架的组件渲染API，生成最终的用户界面。

UIData中的“事件行为标识”会转换为组件对应的事件方法与参数，将参数传输给方法，得到可执行的程序。所有的“事件行为标识”都可以通过封装dispatch方法进行排发，这是交互行为的核心。示例性的，dispatch方法处理“事件行为标识”的参考逻辑如表2所示。

表2事件行为标识转换表

标识字符	执行程序	参数	回调
				router	页面路由程序	params	暂无
fetch	数据请求程序	params	dispatch(callback)
				changeState	数据状态修改程序	params	暂无

本实施方式中按照预设规则对用户界面数据进行快速解析，以生成实时预览界面，供用户查看，若界面不符合预期，可以及时修改，若界面符合预期，则可以保存该界面。

可选的，存储所述用户界面数据，包括：根据存储指令，存储所述用户界面数据、页面标识以及版本信息。

其中，存储指令可以是用户查看实时预览界面后，通过页面编辑器输出的指令。针对用户编辑的每个页面，均存储有相应的用户界面数据、页面唯一标识和版本信息，以便于读取与区分。

可选的，可以通过业务控制层来控制用户界面数据的存储与读取，实现用户界面数据的动态下发。具体的，将用户界面数据、页面标识以及版本信息上传至业务控制层，进行存储；其中，业务控制层用于读取用户界面数据发送至客户端，以使客户端按照预设规则解析用户界面数据，生成用户界面。

其中，用户界面数据可以在用户编辑好页面后，主动下发给客户端，也可以是响应于客户端的页面请求，将相应的用户界面数据下发给客户端。具体可以根据业务需求和场景设置不同的下发方式。

实施例二

本实施例提供了一种页面输出方法，可适用于客户端输出页面的情况，尤其是不同平台客户端对相同的用户界面数据进行解析并输出用户界面的情况。本实施例的页面输出方法基于上述实施例的页面编辑方法实现，属于同一发明构思，与上述实施例相同或相关的技术术语，本实施例中不再详细描述。页面输出方法可以由页面输出装置来执行，该装置可以由软件和/或硬件来实现，一般可集成在终端中。

本实施例中，客户端是指在终端运行的应用程序，不同平台的客户端包括：ios客户端、安卓客户端和web客户端。

图2是本发明实施例二提供的页面输出方法的流程图，如图2所示，该方法具体包括：

S210，接收预设格式的用户界面数据，其中，所述预设格式的用户界面数据能够被不同平台的客户端解析。

其中，预设格式可以是json或xml，用户界面数据的相关内容请参考实施例一，本实施例不再赘述。不同平台的客户端请求同一页面时，接收到服务端下发的相同的用户界面数据，该用户界面数据具备适用性，可以被不同平台的客户端解析。

S220，按照预设规则解析所述用户界面数据，得到用户界面。

其中，不同平台的客户端使用同一映射规则对接收到的用户界面数据进行解析，解析的基本原理与实施例一提供的页面编辑方法中“页面编辑器解析用户界面数据以生成预览界面”的原理一致。客户端的解析器功能基于跨平台的框架实现，或者针对不同平台设计特有的解析器程序，也就是说，客户端解析器要实现不同平台的客户端的解析，可以使用跨平台的框架作为辅助，如weex或react-native等；也可以舍弃跨平台的框架，设计自己特有的解析器程序，来实现UIData到UI的转换。

S230，输出所述用户界面。

本实施例可以在终端的显示屏上显示用户界面，使得用户通过触摸或者按键对用户界面进行操作，以获取所需求的信息。

本实施例的技术方案，通过页面编辑器输出可被不同平台客户端解析的用户界面数据，不同平台的客户端(ios、android、web)接收到用户界面数据并进行实时解析，生成最终的用户界面，使用数据完全控制界面显示，甚至页面路由跳转，对现有的在服务端控制客户端渲染的技术有了突破性的进步。当需要更新用户界面时，只需动态下发用户界面数据，无需发版，大大节约了人工成本，提高了开发效率，为项目的持续快速迭代提供保障。

可选的，按照预设规则解析所述用户界面数据，包括：按照所述预设规则对所述用户界面数据进行解析，得到用户界面组件程序，其中，将所述用户界面数据中的事件行为标识转换为组件对应的事件方法与参数；运行所述用户界面组件程序，生成所述用户界面。具体的映射参见实施例一所述，本实施例不再赘述。

本实施方式按照预设规则对用户界面数据进行快速解析，得到可运行的程序，进而生成用户界面，实现了适用于不同平台客户端的页面输出。

在一个可选的实施方式中，在接收预设格式的用户界面数据之后，还可以包括：对所述用户界面数据进行缓存；若检测所述用户界面数据的版本信息未发生变化，从缓存中读取所述用户界面数据，以进行解析。

其中，对接收到的用户界面数据进行缓存，当用户界面数据的版本信息未发生变化时，则可以使用缓存内容，从缓存中获取数据，减少网络请求，获取数据的速度更快，提高用户体验。

示例性的，在用户打开终端上运行的客户端时，终端上的客户端从服务端获取用户界面数据的最新版本信息，将该最新版本信息与本地缓存的版本信息进行对比，从而判断缓存的用户界面数据的版本信息是否发生变化。若不一致，则确定用户界面数据存在更新，需要获取新的用户界面数据，若一致，则表示用户界面数据没有更新，可以使用缓存中的数据，以减少网络请求。

实施例三

在上述各实施例的基础上，本实施例结合图3和图4对页面编辑方法及页面输出方法进行说明。

图3是本发明实施例三提供的页面编辑和页面输出的架构示意图，如图3所示，本方案主要涉及三个部分：

页面编辑器：支持用户可视化编辑页面，将用户编辑的页面转换为数据(即UI＝>UIData)。

业务控制层：用于控制UIData的存储与读取，根据业务需求将相应的用户界面数据动态下发给各个客户端。

客户端解析器：将接收到的用户界面数据转换为用户界面(即UIData＝>UI)。客户端解析器存在与不同平台的客户端中，如ios客户端、android客户端和web客户端。

图4是本发明实施例三提供的页面编辑方法的流程示意图，如图4所示，步骤如下：

(1)用户编辑页面；

(2)实时收集用户编辑页面产生的数据，如组件信息和组件属性信息等；

(3)将收集的用户编辑数据按照“UI与数据映射规则”转换为UIData；

(4)解析器根据“UI与数据映射规则”对UIData进行解析，生成用户界面组件程序；

(5)通过组件化框架(如react、vue等，也可以自行定制)运行用户界面组件程序，生成实时预览界面，实现实时编辑预览的效果；

(6)用户保存所编辑的页面；

(7)获取用户所编辑的页面对应的UIData；

(8)将UIData上传到业务控制层进行存储。

具体的，业务控制层可以根据页面标识、版本信息对UIData进行存取，并根据业务需求下发给不同平台的客户端(ios、android和web)。

不同平台客户端接收到UIData，可以利用客户端解析器进行实时解析，生成最终的用户界面。此外客户端还可以对接收的UIData进行缓存。

实施例四

图5是本发明实施例四提供的页面编辑装置的结构示意图，如图5所示，该装置包括：

操作接收模块510，用于接收页面编辑操作；

数据转换模块520，用于按照预设规则将所述页面编辑操作产生的数据转换为预设格式的用户界面数据，其中，所述预设格式的用户界面数据能够被不同平台的客户端解析；

数据存储模块530，用于存储所述用户界面数据。

可选的，数据转换模块520包括：

数据获取单元，用于实时获取所述页面编辑操作产生的数据；

格式转换单元，用于通过所述预设格式表示所述页面编辑操作产生的数据，得到所述用户界面数据，其中，按照事件响应的类别将所述页面编辑操作产生的数据中组件的事件响应转换为事件行为标识，所述事件行为标识包括标识字符和事件相关参数，所述事件行为标识能够被不同平台的客户端识别。

可选的，所述装置还包括：

解析模块，用于在按照预设规则将所述页面编辑操作产生的数据转换为预设格式的用户界面数据之后，按照所述预设规则对所述用户界面数据进行解析，得到用户界面组件程序，其中，将所述用户界面数据中的事件行为标识转换为组件对应的事件方法与参数；

界面生成模块，用于运行所述用户界面组件程序，生成实时预览界面。

可选的，所述数据存储模块530具体用于：根据存储指令，存储所述用户界面数据、页面标识以及版本信息。

可选的，所述不同平台的客户端包括：ios客户端、安卓客户端和web客户端；所述预设格式是json或xml。

本发明实施例所提供的页面编辑装置可执行本发明任意实施例所提供的页面编辑方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明任意实施例提供的页面编辑方法。

值得注意的是，上述页面输出装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

实施例五

图6是本发明实施例五提供的页面输出装置的结构示意图，如图6所示，该装置包括：

数据接收模块610，用于接收预设格式的用户界面数据，其中，所述预设格式的用户界面数据能够被不同平台的客户端解析；

数据解析模块620，用于按照预设规则解析所述用户界面数据，得到用户界面；

界面输出模块630，用于输出所述用户界面。

可选的，数据解析模块620包括：

数据解析单元，用于按照所述预设规则对所述用户界面数据进行解析，得到用户界面组件程序，其中，将所述用户界面数据中的事件行为标识转换为组件对应的事件方法与参数；

界面生成单元，用于运行所述用户界面组件程序，生成所述用户界面。

可选的，所述装置还包括：

数据缓存模块，用于在接收预设格式的用户界面数据之后，对所述用户界面数据进行缓存；

数据读取模块，用于若检测所述用户界面数据的版本信息未发生变化，从缓存中读取所述用户界面数据，以进行解析。

可选的，所述预设格式是json或xml。

本发明实施例所提供的页面输出装置可执行本发明任意实施例所提供的页面输出方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明任意实施例提供的页面输出方法。

实施例六

本实施例提供了一种计算机设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

实现页面编辑方法的计算机设备可以是服务器或终端。

本实施例还提供了一种计算机设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

实现页面输出方法的计算机设备可以是终端。

下面以实现页面编辑方法的计算机设备为例对计算机设备的结构进行说明。

图7是本发明实施例六提供的计算机设备的结构示意图，如图7所示，该计算机设备包括处理器710、存储器720、输入装置730和输出装置740；计算机设备中处理器710的数量可以是一个或多个，图7中以一个处理器710为例；计算机设备中的处理器710、存储器720、输入装置730和输出装置740可以通过总线或其他方式连接，图7中以通过总线连接为例。

存储器720作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的页面编辑方法对应的程序指令/模块(例如，页面编辑装置中的操作接收模块510、数据转换模块520和数据存储模块530)。处理器710通过运行存储在存储器720中的软件程序、指令以及模块，从而执行计算机设备的各种功能应用以及数据处理，即实现上述的页面编辑方法。

存储器720可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器720可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器720可进一步包括相对于处理器710远程设置的存储器，这些远程存储器可以通过网络连接至计算机设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

输入装置730可用于接收输入的数字或字符信息，以及产生与计算机设备的用户设置以及功能控制有关的键信号输入。输出装置740可包括显示屏等显示设备。

实施例七

本实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任意实施例所述的页面编辑方法。

本实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任意实施例所述的页面输出方法。

本发明实施例的计算机存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims

1.一种页面编辑方法，其特征在于，包括：

接收页面编辑操作；

存储所述用户界面数据。

2.根据权利要求1所述的方法，其特征在于，按照预设规则将所述页面编辑操作产生的数据转换为预设格式的用户界面数据，包括：

实时获取所述页面编辑操作产生的数据；

3.根据权利要求1所述的方法，其特征在于，在按照预设规则将所述页面编辑操作产生的数据转换为预设格式的用户界面数据之后，还包括：

运行所述用户界面组件程序，生成实时预览界面。

4.根据权利要求1所述的方法，其特征在于，存储所述用户界面数据，包括：

根据存储指令，存储所述用户界面数据、页面标识以及版本信息。

5.根据权利要求1至4中任一所述的方法，其特征在于，所述不同平台的客户端包括：ios客户端、安卓客户端和web客户端；

所述预设格式是json或xml。

6.一种页面输出方法，其特征在于，包括：

按照预设规则解析所述用户界面数据，得到用户界面；

输出所述用户界面。

7.根据权利要求6所述的方法，其特征在于，按照预设规则解析所述用户界面数据，包括：

运行所述用户界面组件程序，生成所述用户界面。

8.根据权利要求6所述的方法，其特征在于，在接收预设格式的用户界面数据之后，还包括：

对所述用户界面数据进行缓存；

若检测所述用户界面数据的版本信息未发生变化，从缓存中读取所述用户界面数据，以进行解析。

9.根据权利要求6至8中任一所述的方法，其特征在于，所述预设格式是json或xml。

10.一种页面编辑装置，其特征在于，包括：

操作接收模块，用于接收页面编辑操作；

数据存储模块，用于存储所述用户界面数据。

11.一种页面输出装置，其特征在于，包括：

界面输出模块，用于输出所述用户界面。

12.一种计算机设备，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1至5中任一所述的页面编辑方法。

13.一种计算机设备，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求6至9中任一所述的页面输出方法。

14.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1至5中任一所述的页面编辑方法。

15.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求6至9中任一所述的页面输出方法。