CN115658063A - 页面信息生成方法、装置、设备及存储介质 - Google Patents

Abstract

本申请提供的一种页面信息生成方法、装置、设备及存储介质，涉及页面信息技术领域。该方法通过获取待生成页面信息的页面元素，将页面元素生成初始页面信息；根据初始页面信息，确定预设的代码文件；获取用户输入的代码信息，根据代码信息和预设的代码文件，生成页面信息。采用本技术方案，能够提供用户体验一致的企业级前端框架平台，从***使用者角度能够统一用户交互操作体验；从***开发者角度能够构建跨终端的界面组件生态体系，从而降低应用前端技术研发难度，统一前端研发的技术选型，从而进一步提高应用研发效率。

Description

页面信息生成方法、装置、设备及存储介质

技术领域

本申请涉及页面信息技术领域，尤其涉及一种页面信息生成方法、装置、设备及存储介质。

背景技术

随着银行对互联网技术的积极引入以及金融交易业务的增加，产生了大量Web***页面的开发需求。开发人员多为中后台开发人员，他们具备逻辑编程能力，但其前端开发能力比较弱。中后台开发人员的诉求是，在开发中后台***的Web管理端时，不需要进行重度的前端页面结构和样式开发，可以专注在逻辑和数据处理上。这要求页面可视化构建工具提供足够满足常见业务需求开发的组件库，对组件库中的组件进行可视化组合来得到一个基本的前端页面，并且能够支持前端页面的二次开发。

但是，目前的前端页面结构和样式开发还是需要开发人员进行操作。

因此，亟需一种页面信息生成方法，能够提供用户体验一致的企业级前端框架平台，从***使用者角度能够统一用户交互操作体验；从***开发者角度能够构建跨终端的界面组件生态体系，从而降低应用前端技术研发难度，统一前端研发的技术选型，从而进一步提高应用研发效率。

发明内容

本申请提供一种页面信息生成方法、装置、设备及存储介质，能够提供用户体验一致的企业级前端框架平台，从***使用者角度能够统一用户交互操作体验；从***开发者角度能够构建跨终端的界面组件生态体系，从而降低应用前端技术研发难度，统一前端研发的技术选型，从而进一步提高应用研发效率。

第一方面，本申请提供一种页面信息生成方法，所述方法包括：

获取待生成页面信息的页面元素，将所述页面元素生成初始页面信息；

根据所述初始页面信息，确定预设的代码文件；

获取用户输入的代码信息，根据所述代码信息和所述预设的代码文件，生成页面信息。

在一个示例中，所述根据所述初始页面信息，确定预设的代码文件，包括：

遍历所述初始页面信息中的所述页面元素，并对所述页面元素的属性进行校验；

若校验通过，则生成预设的代码文件。

在一个示例中，所述根据所述代码信息和所述预设的代码文件，生成页面信息，包括：

根据所述代码信息和预设的工具包文件，对所述预设的代码文件进行加工，得到加工后的代码文件；

将所述加工后的代码文件进行解析，得到解析代码文件；

根据所述解析代码文件，生成页面信息。

在一个示例中，所述页面元素包括：页面主题信息、页面布局信息和页面组件信息。

在一个示例中，在所述生成页面信息之前，所述方法还包括：

根据所述代码信息和所述预设的代码文件，生成预览页面信息；其中，所述预览页面信息用于在接收到用户的指令消息后，生成页面信息。

在一个示例中，所述对所述页面元素的属性进行校验，包括：

获取所述页面元素的数据格式；

根据所述数据格式，对所述页面元素的属性进行校验。

第二方面，本申请提供一种页面信息生成装置，所述装置包括：

获取单元，用于获取待生成页面信息的页面元素，将所述页面元素生成初始页面信息；

确定单元，用于根据所述初始页面信息，确定预设的代码文件；

第一生成单元，用于获取用户输入的代码信息，根据所述代码信息和所述预设的代码文件，生成页面信息。

在一个示例中，所述确定单元，包括：

遍历模块，用于遍历所述初始页面信息中的所述页面元素，并对所述页面元素的属性进行校验；

生成模块，用于若校验通过，则生成预设的代码文件。

在一个示例中，第一生成单元，包括：

加工模块，用于根据所述代码信息和预设的工具包文件，对所述预设的代码文件进行加工，得到加工后的代码文件；

解析模块，用于将所述加工后的代码文件进行解析，得到解析代码文件；

生成模块，用于根据所述解析代码文件，生成页面信息。

在一个示例中，所述页面元素包括：页面主题信息、页面布局信息和页面组件信息。

在一个示例中，所述装置还包括：

第二生成单元，用于根据所述代码信息和所述预设的代码文件，生成预览页面信息；其中，所述预览页面信息用于在接收到用户的指令消息后，生成页面信息。

在一个示例中，遍历模块，包括：

获取子模块，用于获取所述页面元素的数据格式；

校验子模块，用于根据所述数据格式，对所述页面元素的属性进行校验。

第三方面，本申请提供一种电子设备，包括：处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如第一方面所述的方法。

第四方面，本申请提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如第一方面所述的方法。

第五方面，本申请提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如第一方面所述的方法。

本申请提供的一种页面信息生成方法、装置、设备及存储介质，通过获取待生成页面信息的页面元素，将所述页面元素生成初始页面信息；根据所述初始页面信息，确定预设的代码文件；获取用户输入的代码信息，根据所述代码信息和所述预设的代码文件，生成页面信息。采用本技术方案，能够提供用户体验一致的企业级前端框架平台，从***使用者角度能够统一用户交互操作体验；从***开发者角度能够构建跨终端的界面组件生态体系，从而降低应用前端技术研发难度，统一前端研发的技术选型，从而进一步提高应用研发效率。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。

图1是根据本申请实施例一提供的一种页面信息生成方法的流程示意图；

图2是根据本申请实施例二提供的一种页面信息生成方法的流程示意图；

图3是根据本申请实施例三提供的一种页面信息生成装置的结构示意图；

图4是根据本申请实施例四提供的一种页面信息生成装置的结构示意图；

图5是根据一示例性实施例示出的一种电子设备的框图。

通过上述附图，已示出本申请明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围，而是通过参考特定实施例为本领域技术人员说明本申请的概念。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

本申请提供的一种页面信息生成方法，旨在解决现有技术的如上技术问题。

下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。

图1是根据本申请实施例一提供的一种页面信息生成方法的流程示意图。实施例一中包括如下步骤：

S101、获取待生成页面信息的页面元素，将页面元素生成初始页面信息。

本实施例中，待生成页面信息是基于React生成的页面信息，React是一种用于构建界面的前端框架，采用声明范式，可以轻松描述应用，实现了单项响应的数据流，从而减少了重复代码，通过对文档对象模型的模拟，最大限度地减少了与文档对象模型的交互。

本实施例中，页面元素包括：页面主题信息、页面布局信息和页面组件信息。本实施例中，页面主题信息包括常用页面主题信息和空白页面主题信息，常用页面主题信息这种方式主要针对于业务***中出现频率较高的、需要符合统一规范的页面，直接向用户提供用户登录页面、查询表格页面等完整页面，最大程度上加快页面构建。空白页面主题信息则是提供自定义的构建全新页面的方式。新建页面时，支持配置页面主题，包含规范、简约、高级等若干种主题，每种主题具有不同的色系搭配以满足用户不同的开发需求。

页面布局信息分别是常用布局信息、栅格布局信息和自由布局信息。常用布局信息提供经典的双飞翼布局、两栏居左布局、两栏居右布局等。栅格布局信息基于响应式设计，提供规则的网格阵列来进行页面的版面布局和信息分布，使得网页更加规范和灵活。栅格化布局信息默认采用24列的栅格***，便于灵活设置。同时，如果页面内容简单，也支持用户选择使用6列或12列的栅格***。通过在网格的划分，页面元素更容易堆放而且在跨浏览器上面具有一致性。自由布局信息下，每个页面元素可以自由放置在任意位置。

页面组件信息包含了输入组件、展示组件、交互组件、图表组件和规范组件。输入组件主要提供表单、单选框、多选框、输入框、日期选择框、级联选择框、搜索框、开关、上传、树选择器等。展示组件主要提供卡片、描述列表、图片、标签、文字提示等。交互组件主要提供按钮、警告提示、对话框、通知提醒框、加载中等。图表组件主要提供表格、折线图、柱状图、饼图、散点图、地图、雷达图、热力图、漏斗图等。规范组件主要提供大写数额框、密码验证、人脸识别、标识、版权组件等。

初始页面信息分为三栏，左侧栏按类别陈列页面组件信息中的组件，中间栏为新页面拖拽构建区，右侧栏为页面属性、组件属性配置框。支持用户在拖拽组件放置到新页面构建区后，设置组件的各项配置属性。所有组件均可以设置样式属性，如宽、高、颜色、文本颜色、位置、边距等。组件也可以添加单击、双击、鼠标移入、鼠标移出等交互事件。针对于图表组件，支持用户直接设置数据源和具体的数据字段，进行数据绑定实现可视化展示。

S102、根据初始页面信息，确定预设的代码文件。

在一个示例中，预设的代码文件为JsonSchema，一般使用JsonSchema来进行json数据格式验证，在预设的代码文件使用之前进行json格式的验证。其中，JsonSchema有多种用途，其中之一就是实例验证。验证过程可以是交互式或非交互式的。例如，应用程序可以使用json模式来构建用户界面，使互动的内容生成能够检查或验证来源的数据信息。

S103、获取用户输入的代码信息，根据代码信息和预设的代码文件，生成页面信息。

本实施例中，用户输入的代码信息是用户根据实际需要对预设的代码文件进行添加或者修改，这样设置的好处是可以对预设的代码文件进行二次开发，使得生成的页面信息更符合当前用户的需求。

本申请提供的一种页面信息生成方法，通过获取待生成页面信息的页面元素，将页面元素生成初始页面信息；根据初始页面信息，确定预设的代码文件；获取用户输入的代码信息，根据代码信息和预设的代码文件，生成页面信息。采用本技术方案，能够提供用户体验一致的企业级前端框架平台，从***使用者角度能够统一用户交互操作体验；从***开发者角度能够构建跨终端的界面组件生态体系，从而降低应用前端技术研发难度，统一前端研发的技术选型，从而进一步提高应用研发效率。

图2是根据本申请实施例二提供的一种页面信息生成方法的流程示意图。实施例二中包括如下步骤：

S201、获取待生成页面信息的页面元素，将页面元素生成初始页面信息。

示例性地，本步骤可以参见上述步骤S101，不再赘述。

S202、遍历初始页面信息中的页面元素，并对页面元素的属性进行校验。

本实施例中，执行主体为页面构建工具，页面构建工具通过遍历初始页面信息中的每一种页面元素，然后确定每一种页面元素的属性的正确性，若属性中的配置文件是符合预设条件的，则该页面元素的属性是正确的，这样设置的好处是若初始页面信息中的页面元素存在问题，能够及时进行修改。

在一个示例中，对页面元素的属性进行校验，包括：

获取页面元素的数据格式；

根据数据格式，对页面元素的属性进行校验。

本实施例中，页面元素的数据格式为JsonSchema，通过JsonSchema的校验，完成对页面元素的属性的校验。与JavaScript相比，本实施例采用的TypeScript编码更可靠、更容易重构。类型的定义和编译器的引入，可避免代码中的很多错误。另外，使用JsonSchema对数据格式进行描述，提供了更完善的数据校验和提示输入功能。其中，JavaScript是一种解释性脚本语言，主要用于向HTML页面添加交互行为，已经被广泛应用于Web应用开发。TypeScript是一种由微软开发的开源编程语言，它是JavaScript的一个超集，为JavaScript添加了可选的静态类型和基于类的面向对象编程。

S203、若校验通过，则生成预设的代码文件。

示例性地，本步骤可以参见上述步骤S102，不再赘述。

S204、获取用户输入的代码信息。

示例性地，本步骤可以参见上述步骤S103，不再赘述。

S205、根据代码信息和预设的工具包文件，对预设的代码文件进行加工，得到加工后的代码文件。

本实施例中，预设的工具包文件中包括页面元素的属性的配置文件以及配置方法，可以根据预设的工具包文件以及代码信息，对预设的代码文件进行加工，得到加工后的代码文件，该加工后的代码文件的逻辑编码比较正确。

S206、将加工后的代码文件进行解析，得到解析代码文件。

本实施例中，加工后的代码文件解析后可以得到解析代码文件，其中，解析代码文件是页面源码。页面源码是最原始程序的代码，是未编译的按照一定的程序设计语言规范书写的文本文件，是一系列人类可读的计算机语言指令。

S207、根据解析代码文件，生成页面信息。

本实施例中，通过页面构建工具将解析代码文件生成页面信息，该页面信息是可视化的页面信息，能够被用户所查看。在得到页面信息后，可以在浏览器中对页面信息进行访问，并经过浏览器解析页面源码，得到页面信息的文档对象模型树和CSS规则树，根据文档对象模型树和CSS规则树构造渲染树，计算页面元素位置，完成页面信息的绘制。其中，CSS规则树指的是包含了CSS代码，扩展名为“.css”的文本文件。CSS规则树是一种与html语言配合使用制作网页的文件，它的作用主要是控制html文章的布局，简单的说就是控制网页的显示外观。

在一个示例中，在生成页面信息之前，方法还包括：

根据代码信息和预设的代码文件，生成预览页面信息；其中，预览页面信息用于在接收到用户的指令消息后，生成页面信息。

本实施例中，预览页面信息生成后，可以与用户进行交互，若预览页面信息符合用户的需要，则用户可以发送用户的指令消息至预览页面信息，使得预览页面信息能够生成页面信息。页面信息实现编码选用ES6标准，服务端开发采用Node.js，基于Echarts进行部分图表组件信息的封装。其中，ES6标准全称ECMAScript6.0，是JavaScript的下一个版本标准，使得JavaScript语言可以用来编写复杂的大型应用程序。Node.js是一个基于ChromeV8引擎的JavaScript运行环境，它使用了一个事件驱动、非阻塞式I/O的模型，使其轻量又高效。Echarts是一个使用JavaScript实现的开源可视化库，提供多种直观、生动、可交互、可个性化定制的可视化图表。

本申请提供的一种页面信息生成方法，通过根据代码信息和预设的工具包文件，对预设的代码文件进行加工，得到加工后的代码文件，将加工后的代码文件进行解析，得到解析代码文件，根据解析代码文件，生成页面信息。采用本技术方案，在页面信息构建时提供自定义方式，针对于不同的开发应用场景，最大程度的加快开发速度、减少开发成本。

图3是根据本申请实施例三提供的一种页面信息生成装置的结构示意图。具体的，实施例三的装置30中包括：

获取单元301，用于获取待生成页面信息的页面元素，将所述页面元素生成初始页面信息；

确定单元302，用于根据所述初始页面信息，确定预设的代码文件；

第一生成单元303，用于获取用户输入的代码信息，根据所述代码信息和所述预设的代码文件，生成页面信息。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

图4是根据本申请实施例四提供的一种页面信息生成装置的结构示意图。具体的，实施例四的装置40中包括：

获取单元401，用于获取待生成页面信息的页面元素，将所述页面元素生成初始页面信息；

确定单元402，用于根据所述初始页面信息，确定预设的代码文件；

第一生成单元403，用于获取用户输入的代码信息，根据所述代码信息和所述预设的代码文件，生成页面信息。

在一个示例中，所述确定单元402，包括：

遍历模块4021，用于遍历所述初始页面信息中的所述页面元素，并对所述页面元素的属性进行校验；

生成模块4022，用于若校验通过，则生成预设的代码文件。

在一个示例中，第一生成单元403，包括：

加工模块4031，用于根据所述代码信息和预设的工具包文件，对所述预设的代码文件进行加工，得到加工后的代码文件；

解析模块4032，用于将所述加工后的代码文件进行解析，得到解析代码文件；

生成模块4033，用于根据所述解析代码文件，生成页面信息。

在一个示例中，所述页面元素包括：页面主题信息、页面布局信息和页面组件信息。

在一个示例中，所述装置还包括：

第二生成单元404，用于根据所述代码信息和所述预设的代码文件，生成预览页面信息；其中，所述预览页面信息用于在接收到用户的指令消息后，生成页面信息。

在一个示例中，遍历模块4021，包括：

获取子模块40211，用于获取所述页面元素的数据格式；

校验子模块40212，用于根据所述数据格式，对所述页面元素的属性进行校验。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

图5是根据一示例性实施例示出的一种电子设备的框图，该设备可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

装置500可以包括以下一个或多个组件：处理组件502，存储器504，电源组件506，多媒体组件508，音频组件510，输入/输出(I/O)接口512，传感器组件514，以及通信组件516。

处理组件502通常控制装置500的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件502可以包括一个或多个模块，便于处理组件502和其他组件之间的交互。例如，处理组件502可以包括多媒体模块，以方便多媒体组件508和处理组件502之间的交互。

存储器504被配置为存储各种类型的数据以支持在装置500的操作。这些数据的示例包括用于在装置500上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件506为装置500的各种组件提供电力。电源组件506可以包括电源管理***，一个或多个电源，及其他与为装置500生成、管理和分配电力相关联的组件。

多媒体组件508包括在装置500和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件508包括一个前置摄像头和/或后置摄像头。当装置500处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。

音频组件510被配置为输出和/或输入音频信号。例如，音频组件510包括一个麦克风(MIC)，当装置500处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中，音频组件510还包括一个扬声器，用于输出音频信号。

I/O接口512为处理组件502和***接口模块之间提供接口，上述***接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件514包括一个或多个传感器，用于为装置500提供各个方面的状态评估。例如，传感器组件514可以检测到装置500的打开/关闭状态，组件的相对定位，例如所述组件为装置500的显示器和小键盘，传感器组件514还可以检测装置500或装置500一个组件的位置改变，用户与装置500接触的存在或不存在，装置500方位或加速/减速和装置500的温度变化。传感器组件514可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件514还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件516被配置为便于装置500和其他设备之间有线或无线方式的通信。装置500可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件516经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件516还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器504，上述指令可由装置500的处理器520执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当该存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述电子设备的一种页面信息生成方法。

本申请还公开了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如本实施例中所述的方法。

本申请以上描述的***和技术的各种实施方式可以在数字电子电路***、集成电路***、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上***的***(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程***上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储***、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储***、该至少一个输入装置、和该至少一个输出装置。

用于实施本申请的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或电子设备上执行。

在本申请的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行***、装置或设备使用或与指令执行***、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体***、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的***和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的***和技术实施在包括后台部件的计算***(例如，作为数据电子设备)、或者包括中间件部件的计算***(例如，应用电子设备)、或者包括前端部件的计算***(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的***和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算***中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将***的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机***可以包括客户端和电子设备。客户端和电子设备一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-电子设备关系的计算机程序来产生客户端和电子设备的关系。电子设备可以是云电子设备，又称为云计算电子设备或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务("Virtual Private Server"，或简称"VPS")中，存在的管理难度大，业务扩展性弱的缺陷。电子设备也可以为分布式***的电子设备，或者是结合了区块链的电子设备。应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由下面的权利要求书指出。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求书来限制。

Claims (10)

1.一种页面信息生成方法，其特征在于，所述方法包括：

获取待生成页面信息的页面元素，将所述页面元素生成初始页面信息；

根据所述初始页面信息，确定预设的代码文件；

获取用户输入的代码信息，根据所述代码信息和所述预设的代码文件，生成页面信息。

2.根据权利要求1所述的方法，其特征在于，所述根据所述初始页面信息，确定预设的代码文件，包括：

遍历所述初始页面信息中的所述页面元素，并对所述页面元素的属性进行校验；

若校验通过，则生成预设的代码文件。

3.根据权利要求1或2所述的方法，其特征在于，所述根据所述代码信息和所述预设的代码文件，生成页面信息，包括：

根据所述代码信息和预设的工具包文件，对所述预设的代码文件进行加工，得到加工后的代码文件；

将所述加工后的代码文件进行解析，得到解析代码文件；

根据所述解析代码文件，生成页面信息。

4.根据权利要求2所述的方法，其特征在于，所述页面元素包括：页面主题信息、页面布局信息和页面组件信息。

5.根据权利要求1所述的方法，其特征在于，在所述生成页面信息之前，所述方法还包括：

根据所述代码信息和所述预设的代码文件，生成预览页面信息；其中，所述预览页面信息用于在接收到用户的指令消息后，生成页面信息。

6.根据权利要求2所述的方法，其特征在于，所述对所述页面元素的属性进行校验，包括：

获取所述页面元素的数据格式；

根据所述数据格式，对所述页面元素的属性进行校验。

7.一种页面信息生成装置，其特征在于，所述装置包括：

获取单元，用于获取待生成页面信息的页面元素，将所述页面元素生成初始页面信息；

确定单元，用于根据所述初始页面信息，确定预设的代码文件；

第一生成单元，用于获取用户输入的代码信息，根据所述代码信息和所述预设的代码文件，生成页面信息。

8.一种电子设备，其特征在于，包括：处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如权利要求1-6中任一项所述的方法。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如权利要求1-6中任一项所述的方法。

10.一种计算机程序产品，其特征在于，包括计算机程序，该计算机程序被处理器执行时实现如权利要求1-6中任一项所述的方法。

Images