【技术实现步骤摘要】
本申请涉及计算机，尤其涉及一种数据处理方法、装置、电子设备和可读介质。
技术介绍
1、随着应用软件的普及以及用户对用户体验要求的提升，各类应用软件的页面设计逐渐成为了软件研发过程中的一项重要事项。如今，页面设计通常由专业的设计人员产出设计稿，再交给开发人员进行实现。
2、在相关技术中，页面的视觉设计稿通常由使用设计工具生成，并且通过领域特定语言被转换成页面代码。经过页面代码修正和二次编辑后生成页面的可运行代码，以用于展示该页面，
3、然而，在此类过程中，领域特定语言被转换成页面代码的过程的转换精度不高，经常出现转换得到的页面布局错乱以及与设计稿不一致等问题而导致转换得到的页面不可用而需要根据设计数据重新开发页面，不利于软件设计开发过程中的执行效率。
技术实现思路
1、基于上述技术问题，本申请提供一种数据处理方法、装置、电子设备和可读介质，以提高软件设计开发过程中的执行效率。
2、本申请的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本申请的实践而习得。
3、根据本申请实施例的一个方面，提供一种数据处理方法，包括：
4、获取待展示页面的页面设计数据，所述页面设计数据中包含所述待展示页面的页面布局和页面元素的元素属性；
5、根据所述页面设计数据中页面元素的元素属性，确定所述页面元素对应的页面组件以及所述页面组件在所述待展示页面中的布局属性；
6、根据所述页面组件的布局属性和所述待展示页面的页面
7、根据所述页面组件的布局属性和所述布局约束信息中页面组件的相对位置信息，生成所述待展示页面。
8、根据本申请实施例的一个方面，提供一种数据处理的装置，包括：
9、数据获取模块，配置成获取待展示页面的页面设计数据，所述页面设计数据中包含所述待展示页面的页面布局和页面元素的元素属性；
10、属性确定模块，配置成根据所述页面设计数据中页面元素的元素属性，确定所述页面元素对应的页面组件以及所述页面组件在所述待展示页面中的布局属性；
11、约束确定模块，配置成根据所述页面组件的布局属性和所述待展示页面的页面布局，确定所述待展示页面的布局约束信息，所述布局约束信息中包含所述页面组件在所述待展示页面中相对于其他页面组件的相对位置信息；
12、页面生成模块，配置成根据所述页面组件的布局属性和所述布局约束信息中页面组件的相对位置信息，生成所述待展示页面。
13、在本申请的一些实施例中，基于以上技术方案，属性确定模块具体配置成：根据所述元素属性中的元素类型以及元素类型与页面组件的对应关系，获取所述页面元素对应的页面组件；根据所述元素属性中的元素位置信息，确定所述页面组件在所述待展示页面中的布局属性，所述元素位置信息用于指示所述页面元素在所述待展示页面中的位置。
14、在本申请的一些实施例中，基于以上技术方案，属性确定模块具体配置成：若所述元素属性中元素类型存在对应的页面组件，则获取元素类型对应的页面组件作为所述页面元素的页面组件；若所述元素属性中元素类型不存在对应的页面组件，则根据所述页面元素的组件标记，获取所述组件标记对应的页面组件作为所述页面元素的页面组件，所述组件标记用于指示页面元素与页面组件之间的对应关系。
15、在本申请的一些实施例中，基于以上技术方案，属性确定模块具体配置成：根据所述组件标记对应的页面组件的组件名称，获取所述组件名称对应的组件模板；通过所述页面元素的元素属性替换所述组件模板中的对应信息，生成对应于所述页面元素的页面组件。
16、在本申请的一些实施例中，基于以上技术方案，页面元素中包含子页面元素；属性确定模块具体配置成：根据所述组件标记对应的页面组件的组件名称，获取所述组件名称对应的组件解析策略和所述组件名称对应的组件模板；根据所述组件解析策略，分别对所述页面元素的元素属性以及所述子页面元素的元素属性进行解析，得到属性信息；通过所述属性信息替换所述组件模板中的对应信息，生成对应于所述页面元素的页面组件以及所述子页面元素的子页面组件。
17、在本申请的一些实施例中，基于以上技术方案，属性确定模块具体配置成：根据所述页面组件的布局类型，从所述元素位置信息中获取所述页面组件在所述待展示页面中的定位信息，所述布局类型用于指示定位信息的定位方式；根据所述元素属性中的元素位置信息，获取所述页面组件在所述待展示页面中的元素布局方向和组件间距；根据所述页面组件的所述定位信息、所述元素布局方向和所述组件间距，生成所述页面组件在所述待展示页面中的布局属性。
18、在本申请的一些实施例中，基于以上技术方案，布局类型中包含两个关键点位置；属性确定模块具体配置成：根据页面元素对应的布局类型，获取页面元素在所述待展示页面中左上坐标和右下坐标，作为页面元素在所述待展示页面中的定位信息。
19、在本申请的一些实施例中，基于以上技术方案，布局类型中包含关键点位置和宽度值；属性确定模块具体配置成：根据页面元素对应的布局类型，获取页面元素在所述待展示页面中指定点坐标和宽度值，作为页面元素在所述待展示页面中的定位信息。
20、在本申请的一些实施例中，基于以上技术方案，所述页面设计数据中还包含元素关系树，所述元素关系树用于指示页面元素之间的依赖关系；属性确定模块具体配置成：若所述元素属性中不存在元素位置信息，则根据所述元素关系树中页面元素之间的依赖关系，确定所述页面元素的父元素和兄弟元素；根据所述父元素和所述兄弟元素的元素位置信息以及元素尺寸以及所述页面元素的元素尺寸之间的比例关系，确定所述页面组件在所述待展示页面中的定位信息。
21、在本申请的一些实施例中，基于以上技术方案，所述页面设计数据中还包含元素关系树，所述元素关系树用于指示页面元素之间的依赖关系；属性确定模块具体配置成：根据所述页面元素的元素属性，确定所述页面元素对应的页面组件的组件类型，所述组件类型用于指示所述页面组件中所展示信息的信息类型；根据所述组件类型对应的定位策略，确定所述页面组件在所述待展示页面中的定位信息。
22、在本申请的一些实施例中，基于以上技术方案，约束确定模块还配置成：根据所述待展示页面的页面布局，确定所述待展示页面的页面布局中与所述页面组件在横坐标上临近的第一关联组件以及在纵坐标上临近的第二关联组件；根据所述页面组件的布局属性、所述第一关联组件的布局属性以及所述第二关联组件的布局属性，确定所述页面组件与所述第一关联组件和所述第二关联组件的相对组件间距；根据各个页面组件之间的相对组件间距，确定所述待展示页面的布局约束信息。
23、在本申请的一些实施例中，基于以上技术方案，页面生成模块还配置成：接收客户端的页面上传请求；根据所述页面上传请求，将所述待展示页面的本文档来自技高网...
【技术保护点】
1.一种数据处理方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述根据所述页面设计数据中页面元素的元素属性，确定所述页面元素对应的页面组件以及所述页面组件在所述待展示页面中的布局属性，包括：
3.根据权利要求2所述的方法，其特征在于，所述根据所述元素属性中的元素类型以及元素类型与页面组件的对应关系，获取所述页面元素对应的页面组件，包括：
4.根据权利要求3所述的方法，其特征在于，所述根据所述页面元素的组件标记，获取所述组件标记对应的页面组件作为所述页面元素的页面组件，包括：
5.根据权利要求3所述的方法，其特征在于，所述页面元素中包含子页面元素；所述根据所述页面元素的组件标记，获取所述组件标记对应的页面组件作为所述页面元素的页面组件，包括：
6.根据权利要求2所述的方法，其特征在于，所述根据所述元素属性中的元素位置信息，确定所述页面组件在所述待展示页面中的布局属性，包括：
7.根据权利要求6所述的方法，其特征在于，所述布局类型中包含两个关键点位置；所述根据页面元素对应的布局类型，获取页面
8.根据权利要求6所述的方法，其特征在于，所述布局类型中包含关键点位置和宽度值；所述根据页面元素对应的布局类型，获取页面元素在所述待展示页面中的定位信息，包括：
9.根据权利要求6所述的方法，其特征在于，所述页面设计数据中还包含元素关系树，所述元素关系树用于指示页面元素之间的依赖关系；所述方法还包括：
10.根据权利要求6所述的方法，其特征在于，所述页面设计数据中还包含元素关系树，所述元素关系树用于指示页面元素之间的依赖关系；所述方法还包括：
11.根据权利要求1所述的方法，其特征在于，所述根据所述页面组件的布局属性和所述待展示页面的页面布局，确定所述待展示页面的布局约束信息，包括：
12.根据权利要求1所述的方法，其特征在于，所述根据所述页面组件的布局属性和所述布局约束信息中页面组件的相对位置信息，生成所述待展示页面之后，所述方法还包括：
13.根据权利要求1所述的方法，其特征在于，所述获取待展示页面的页面设计数据，包括：
14.一种数据处理的装置，其特征在于，包括：
15.一种电子设备，其特征在于，包括：
16.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至13中任一项所述的数据处理方法。
17.一种计算机程序产品，其特征在于，计算机程序产品包括计算机程序，计算机程序存储在计算机可读存储介质中，电子设备的处理器从计算机可读存储介质读取并执行计算机程序，使得电子设备执行如权利要求1至13中任一项所述的数据处理方法。
...【技术特征摘要】
1.一种数据处理方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述根据所述页面设计数据中页面元素的元素属性，确定所述页面元素对应的页面组件以及所述页面组件在所述待展示页面中的布局属性，包括：
3.根据权利要求2所述的方法，其特征在于，所述根据所述元素属性中的元素类型以及元素类型与页面组件的对应关系，获取所述页面元素对应的页面组件，包括：
4.根据权利要求3所述的方法，其特征在于，所述根据所述页面元素的组件标记，获取所述组件标记对应的页面组件作为所述页面元素的页面组件，包括：
5.根据权利要求3所述的方法，其特征在于，所述页面元素中包含子页面元素；所述根据所述页面元素的组件标记，获取所述组件标记对应的页面组件作为所述页面元素的页面组件，包括：
6.根据权利要求2所述的方法，其特征在于，所述根据所述元素属性中的元素位置信息，确定所述页面组件在所述待展示页面中的布局属性，包括：
7.根据权利要求6所述的方法，其特征在于，所述布局类型中包含两个关键点位置；所述根据页面元素对应的布局类型，获取页面元素在所述待展示页面中的定位信息，包括：
8.根据权利要求6所述的方法，其特征在于，所述布局类型中包含关键点位置和宽度值；所述根据页面元素对应的布局类型，获取页面元素在所述待展示页面中的定位信息，包括：
9...
【专利技术属性】
技术研发人员：梁宇轩，
申请(专利权)人：腾安基金销售深圳有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。