页面文件生成方法、装置、存储介质及电子设备制造方法及图纸

本公开涉及一种页面文件生成方法、装置、存储介质及电子设备，该方法包括：获取页面描述文件；解析页面描述文件，得到页面组件树；根据页面组件树中组件间的层级关系以及每个组件的类型和属性值，基于目标平台语言规则生成相应的入口文件；根据页面组件树中每个组件的类型，从组件库中选择对应类型且采用目标平台语言实现的每个目标组件，将每个目标组件拷贝到入口文件所在目录，得到目标页面项目；编译目标页面项目，得到采用目标平台语言实现的页面文件。本公开通过编写页面描述文件，可以将页面描述文件自动转换成多个平台的页面文件，使用者可在页面描述文件中增减组件和修改组件的属性值，来调整目标页面，而无需了解具体的代码开发。的代码开发。的代码开发。

【技术实现步骤摘要】
页面文件生成方法、装置、存储介质及电子设备


[0001]本公开涉及计算机
，具体地，涉及一种页面文件生成方法、装置、存储介质及电子设备。

技术介绍

[0002]同一应用可能存在多个应用平台，比如小程序，网页，安卓(Android)和iOS，每个平台都有各自不同的编程语言，在开发跨平台应用时，往往需要开发多个不同平台的版本，这要求开发人员同时学习多个语言，并将同一份逻辑和页面，用不同的平台语言在多个平台实现，这样会耗费大量人力，且对开发人员而言具有较高的学习门槛。

技术实现思路

[0003]提供该
技术实现思路
部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该
技术实现思路
部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
[0004]第一方面，本公开提供一种页面文件生成方法，包括：
[0005]获取页面描述文件，所述页面描述文件用于描述组成目标页面所需的多个组件的类型和属性值；
[0006]解析所述页面描述文件，得到页面组件树，所述页面组件树包括所述多个组件间的层级关系以及每个组件的类型和属性值；
[0007]根据所述页面组件树中的层级关系以及每个组件的类型和属性值，基于目标平台语言规则生成相应的入口文件；
[0008]根据所述页面组件树中每个组件的类型，从组件库中选择对应所述类型且采用目标平台语言实现的每个目标组件，将每个目标组件拷贝到所述入口文件所在目录，得到目标页面项目；r/>[0009]对所述目标页面项目进行编译，得到采用目标平台语言实现的页面文件。
[0010]第二方面，本公开提供一种页面文件生成装置，包括：
[0011]页面描述模块，用于获取页面描述文件，所述页面描述文件用于描述组成目标页面所需的多个组件的类型和属性值；
[0012]页面解析模块，用于解析所述页面描述文件，得到页面组件树，所述页面组件树包括所述多个组件间的层级关系以及每个组件的类型和属性值；
[0013]入口生成模块，用于根据所述页面组件树中的层级关系以及每个组件的类型和属性值，基于目标平台语言规则生成相应的入口文件；
[0014]组件拷贝模块，用于根据所述页面组件树中每个组件的类型，从组件库中选择对应所述类型且采用目标平台语言实现的每个目标组件，将每个目标组件拷贝到所述入口文件所在目录，得到目标页面项目；
[0015]项目编译模块，用于对所述目标页面项目进行编译，得到采用目标平台语言实现
的页面文件。
[0016]第三方面，本公开提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理装置执行时实现第一方面所述的方法。
[0017]第四方面，本公开提供一种电子设备，包括：
[0018]存储装置，其上存储有计算机程序；
[0019]处理装置，用于执行所述存储装置中的所述计算机程序，以实现第一方面所述的方法。
[0020]在上述技术方案中，只需要获取用结构化语言描述的页面描述文件，即可自动解析页面描述文件中组件的层级关系、每个组件的类型和属性值，并基于相应的平台语言规则，生成相应的入口文件，例如在默认情况下，可以基于html语言规则、Android语言规则和iOS语言规则，同时自动生成html页面文件、Android页面文件和iOS页面文件，或者可以指定某一种目标平台语言，生成该种目标平台语言对应的页面文件。而这种页面描述文件仅需要描述组成目标页面所需的各个组件的类型和属性值，并不需要开发人员再学习特殊的语言，学习成本低，且易于上手，可以极大减轻开发人员的学习成本，并提高开发效率。
[0021]本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
[0022]结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。在附图中：
[0023]图1是本公开实施例提供的页面文件生成方法的流程图；
[0024]图2是本公开实施例示出的页面描述文件中层级关系的一种示意图；
[0025]图3是本公开实施例中组件库中部分组件的示意图；
[0026]图4是相关技术中生成不同平台的页面文件的过程示意图；
[0027]图5是本公开实施例中生成不同平台的页面文件的过程示意图；
[0028]图6是本公开实施例中组成表单页面所需的各组件的示意图；
[0029]图7是本公开实施例提供的页面文件生成装置的框图；
[0030]图8是本公开实施例提供的电子设备的框图。
具体实施方式
[0031]下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
[0032]应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
[0033]本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示
“
至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
[0034]需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
[0035]需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
[0036]本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
[0037]在相关技术中，如果要将同一个页面在多个不同平台进行实现，需要分别采用不同的平台语言编写页面项目，然后对页面项目进行编译，生成适用于对应平台的页面文件。这种方式耗时耗力，且具有较高的学习门槛，由此，本公开实施例提供一种页面文件生成方法，只需要编写页面描述文件，即可自动将该页面描述文件转换成采用各个平台语言实现的页面文件。
[0038]首先，本公开实施例提供组件库，用于存储各个组件。其中，组件库中包括页面基础组件，下表一示出了组件库中一些页面基础组件的详细信息：
[0039][0040][0041]表一
[本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面文件生成方法，其特征在于，包括：获取页面描述文件，所述页面描述文件用于描述组成目标页面所需的多个组件的类型和属性值；解析所述页面描述文件，得到页面组件树，所述页面组件树包括所述多个组件间的层级关系以及每个组件的类型和属性值；根据所述页面组件树中的层级关系以及每个组件的类型和属性值，基于目标平台语言规则生成相应的入口文件；根据所述页面组件树中每个组件的类型，从组件库中选择对应所述类型且采用目标平台语言实现的每个目标组件，将每个目标组件拷贝到所述入口文件所在目录，得到目标页面项目；对所述目标页面项目进行编译，得到采用目标平台语言实现的页面文件。2.根据权利要求1所述的方法，其特征在于，在所述页面描述文件中，组件通过父子属性引用其他组件，所述解析所述页面描述文件，得到页面组件树，包括：解析所述页面描述文件中组件的父子属性，得到组件间的层级关系；根据组件间的层级关系以及每个组件的类型和属性值，获得页面组件树。3.根据权利要求1所述的方法，其特征在于，在获取页面描述文件之前，所述方法还包括：获取每个类型对应的采用不同平台语言实现的多个组件；将每个类型对应的多个组件存储到组件库中，并记录每个组件所对应的类型和平台语言实现。4.根据权利要求1所述的方法，其特征在于，所述目标页面为表单页面时，组成目标页面所需的多个组件包括表单管理组件和多个字段组件，所述表单管理组件能够与每个字段组件进行消息通信；每个字段组件用于，接收用户在对应字段的内容输入，并在对应字段的状态改变时，将所述对应字段的内容通过消息通信传给所述表单管理组件；所述表单管理组件用于，处理表单的提交逻辑以及以下至少一项逻辑：当接收到字段组件发送的消息，检查对应字段是否必填且根据所述消息确定对应字段的内容是否为空，当对应字段为必填且内容为空时，向所述字段组件发送报错消息，以指示所述字段组件生成填写提醒；管理字段间的关联关系，以及当接收到字段组件发送的消息，若对应字段与其他字段关联时，根据所述消息处理与所述其他字段对应的关联逻辑，生成所述其他字段的字段内容，并将所述字段内容通过消息通信传给所述其他字段的字段组件；当接收到字段组件发送的消息，根据所述消息检查对应字段的内容合法性。5.根据权利要求1所述的方法，其特征在于，所述目标页面为商品页面时，组成目标页面所需的多个组件包括商品管理组件、商品选择组件、购买按钮组件和商品图组件，所述商品管理组件能够与商品选择...

【专利技术属性】
技术研发人员：蒋圣，
申请(专利权)人：北京有竹居网络技术有限公司，
类型：发明
国别省市：