CN115840861A - 样式布局信息的更新方法、装置、计算机设备和存储介质 - Google Patents
样式布局信息的更新方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN115840861A CN115840861A CN202211439126.XA CN202211439126A CN115840861A CN 115840861 A CN115840861 A CN 115840861A CN 202211439126 A CN202211439126 A CN 202211439126A CN 115840861 A CN115840861 A CN 115840861A
- Authority
- CN
- China
- Prior art keywords
- style
- target display
- style data
- data
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种样式布局信息的更新方法、装置、计算机设备和存储介质。本申请涉及人工智能技术领域。方法包括:获取用户需求的样式文件信息;样式文件信息包含目标显示页面的多个样式数据;根据样式文件解析策略,解析并调整样式文件信息中的各样式数据,得到各目标显示样式数据;根据目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各目标显示样式数据之间的关联关系;通过所有目标显示样式数据、以及各目标显示样式数据之间的关联关系,更新目标显示页面的当前样式布局信息。采用本方法能够提升移动端动态化布局的样式布局信息的更新效率。
Description
技术领域
本申请涉及人工智能领域,特别是涉及一种样式布局信息的更新方法、装置、计算机设备、存储介质和计算机程序产品。
背景技术
随着移动互联网的快速发展,业务上对产品体验、迭代速度、效果验证等方面的优化诉求越来越强烈,移动端的用户触达效率成为大家关注的焦点问题。而通过移动端动态化技术可以有效提升用户的触达效率。现有的移动端动态化技术使用较多的有两类,一是互联网(World Wide Web,web)类型,比如小程序;二是通用性公开许可证(GNU GeneralPublic License,GPL)类型,比如跨平台移动应用开发框架(ReactNative)、移动UI框架(Flutter)等。
传统的移动端动态化技术,通过补丁、插件化、Web和混合方案等动态修复方案,在移动端口布局动态框架,从而完善原生***的缺陷,以提升移动端的用户触达效率,但是更新移动端动态化的样式布局信息需要整体更新包括代码、样式在内的所有信息,从而导致移动端动态化的样式布局信息更新效率较慢。
发明内容
基于此,有必要针对上述技术问题,提供一种样式布局信息的更新方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。
第一方面,本申请提供了一种样式布局信息的更新方法。所述方法包括:
获取用户需求的样式文件信息;所述样式文件信息包含目标显示页面的多个样式数据;
根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据;
根据所述目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系;
通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息。
可选的,所述获取用户需求的样式文件信息之前,还包括:
响应于用户的样式布局更换操作,通过预先建立的样式布局信息筛选策略,在移动端的各当前样式布局信息中,确定样式布局更换操作对应的当前样式布局信息,并将所述当前样式布局信息对应的显示页面,作为目标显示页面。
可选的,所述获取用户需求的样式文件信息,包括:
获取用户的更新需求信息;所述用户的更新需求信息包括样式需求信息和布局需求信息;
根据所述布局需求信息,建立移动端的样式文件模板,并根据所述样式需求信息生成多个初始样式数据;
根据所述布局需求信息,在每个初始样式数据中添加每个初始样式数据对应的布局信息的标识信息,得到各样式数据,并将每个样式数据,按照所述初始样式数据对应的布局信息的标识信息,填充至所述样式文件模板,得到所述用户需求的样式文件信息。
可选的,所述根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据,包括:
获取所述目标显示页面的当前样式布局信息;所述当前样式布局信息包括各当前显示样式数据、以及所述当前显示样式数据的布局信息;
按照数据递归策略,解析所述样式文件信息中的各样式数据包含的属性值,并查询所述样式布局模板中各所述当前显示样式数据的属性值;
将所述样式数据的属性值,调整至与所述样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据;所述目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同。
可选的,所述根据所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系,包括:
获取所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系;
根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系、以及所述当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系。
可选的,所述通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息,包括:
根据各所述目标显示样式数据,替换移动端中的各目标显示样式数据,并对各所述目标显示样式数据进行渲染;
根据各所述目标显示样式数据的关联关系,调整所述当前样式布局信息中的各目标显示样式数据的关联信息,完成所述目标显示页面的当前样式布局信息的更新。
第二方面,本申请还提供了一种样式布局信息的更新装置。所述装置包括:
获取模块,用于获取用户需求的样式文件信息;所述样式文件信息包含目标显示页面的多个样式数据;
解析模块,用于根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据;
建立模块,用于根据所述目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系;
更新模块,用于通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息。
可选的,所述装置还包括:
响应模块,用于响应于用户的样式布局更换操作,通过预先建立的样式布局信息筛选策略,在移动端的各当前样式布局信息中,确定样式布局更换操作对应的当前样式布局信息,并将所述当前样式布局信息对应的显示页面,作为目标显示页面。
可选的,所述获取模块,具体用于:
获取用户的更新需求信息;所述用户的更新需求信息包括样式需求信息和布局需求信息;
根据所述布局需求信息,建立移动端的样式文件模板,并根据所述样式需求信息生成多个初始样式数据;
根据所述布局需求信息,在每个初始样式数据中添加每个初始样式数据对应的布局信息的标识信息,得到各样式数据,并将每个样式数据,按照所述初始样式数据对应的布局信息的标识信息,填充至所述样式文件模板,得到所述用户需求的样式文件信息。
可选的,所述解析模块,具体用于:
获取所述目标显示页面的当前样式布局信息;所述当前样式布局信息包括各当前显示样式数据、以及所述当前显示样式数据的布局信息;
按照数据递归策略,解析所述样式文件信息中的各样式数据包含的属性值,并查询所述样式布局模板中各所述当前显示样式数据的属性值;
将所述样式数据的属性值,调整至与所述样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据;所述目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同。
可选的,所述建立模块,具体用于:
获取所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系;
根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系、以及所述当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系。
可选的,所述更新模块,具体用于:
根据各所述目标显示样式数据,替换移动端中的各目标显示样式数据,并对各所述目标显示样式数据进行渲染;
根据各所述目标显示样式数据的关联关系,调整所述当前样式布局信息中的各目标显示样式数据的关联信息,完成所述目标显示页面的当前样式布局信息的更新。
第三方面,本申请提供了一种计算机设备。所述计算机设备包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现第一方面中任一项所述的方法的步骤。
第四方面,本申请提供了一种计算机可读存储介质。其上存储有计算机程序,所述计算机程序被处理器执行时实现第一方面中任一项所述的方法的步骤。
第五方面,本申请提供了一种计算机程序产品。所述计算机程序产品包括计算机程序,该计算机程序被处理器执行时实现第一方面中任一项所述的方法的步骤。
上述样式布局信息的更新方法、装置、计算机设备和存储介质,通过获取用户需求的样式文件信息;所述样式文件信息包含目标显示页面的多个样式数据;根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据;根据所述目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系;通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息。通过获取用户需求的样式文件信息,并解析样式文件信息中的样式数据,以替换移动端的目标显示页面的样式数据,完成对移动端的目标显示页面的样式布局信息的更新,从而避免了通过重新编辑移动端的样式代码来更新移动端动态化布局的样式布局信息的过程,提升了移动端动态化布局的样式布局信息的更新效率。
附图说明
图1为一个实施例中样式布局信息的更新方法的流程示意图;
图2为另一个实施例中样式布局信息的更新示例的流程示意图;
图3为一个实施例中样式布局信息的更新装置的结构框图;
图4为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
传统移动端动态化布局的样式布局信息的方法是通过根据用户需求,重新编辑该样式布局信息对应的程序代码,并通过测试后,完成该移动端动态化布局的样式布局信息的更新过程。
本申请实施例提供的样式布局信息的更新方法,可以应用于终端中,也可以应用于服务器,还可以应用于包括终端和服务器的***,并通过终端和服务器的交互实现。其中,终端可以包括但不限于是各种个人计算机、笔记本电脑、平板电脑等。该终端通过获取用户需求的样式文件信息,并解析样式文件信息中的样式数据,以替换移动端的目标显示页面的样式数据,完成对移动端的目标显示页面的样式布局信息的更新,从而避免了通过重新编辑移动端的样式代码来更新移动端动态化布局的样式布局信息的过程,提升了移动端动态化布局的样式布局信息的更新效率。
在一个实施例中,如图1所示,提供了一种样式布局信息的更新方法,以该方法应用于终端为例进行说明,包括以下步骤:
步骤S101,获取用户需求的样式文件信息。
其中,样式文件信息包含目标显示页面的多个样式数据。
本实施例中,终端根据用户需求,生成用户所需要的目标显示页面的样式文件模板,以及用户所需要的多个样式数据,并将该样式文件模板以及所有样式数据作为用户需求的样式文件信息。其中,样式数据为用户需求的各个页面样式的数据信息。页面样式按照类别可以但不限于是文字样式、图片样式、符号样式等,每类页面样式对应多个不同样式的数据,例如,不同字体、不同字号、不同格式的文字样式的数据;不同内容、不同边框、不同半径的图片样式的数据;不同格式、不同标识、不同颜色的符号样式的数据等。
步骤S102,根据样式文件解析策略,解析并调整样式文件信息中的各样式数据,得到各目标显示样式数据。
本实施例中,终端根据样式文件解析策略,从样式文件信息中解析各样式数据,并调整各样式数据的属性值,从而得到每个样式数据对应的目标显示样式数据。具体样式文件解析策略的处理过程后续将详细说明。
步骤S103,根据目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各目标显示样式数据之间的关联关系。
本实施例中,终端根据目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系,建立各目标显示样式数据之间的关联关系。其中,关联关系为每个显示样式数据之间动态化交互的行为信息,用于用户点击不同显示样式数据从而实现显示页面交互的功能。例如,动态化交互的行为信息为跳转、复用、双击连接、单击查看等。
步骤S104,通过所有目标显示样式数据、以及各目标显示样式数据之间的关联关系,更新目标显示页面的当前样式布局信息。
本实施例中,终端通过所有目标显示样式数据、以及各目标显示样式数据之间的关联关系,替换目标显示页面的原有样式布局信息,从而完成该目标显示页面的样式布局信息的更新过程。然后,终端通过目标显示页面,展示该已更新的样式布局信息。
基于上述方案,通过获取用户需求的样式文件信息,并解析样式文件信息中的样式数据,以替换移动端的目标显示页面的样式数据,完成对移动端的目标显示页面的样式布局信息的更新,从而避免了对移动端布局动态化的整体更新,提升了移动端动态化布局的样式布局信息的更新效率。
可选的,获取用户需求的样式文件信息之前,还包括:
响应于用户的样式布局更换操作,通过预先建立的样式布局信息筛选策略,在移动端的各当前样式布局信息中,确定样式布局更换操作对应的当前样式布局信息,并将当前样式布局信息对应的显示页面,作为目标显示页面。
本实施例中,终端针对移动端的多个当前样式布局信息,建立样式布局信息筛选策略。终端响应于用户的样式布局更换操作,通过该预先建立的样式布局信息筛选策略,从各当前样式布局信息中,选择样式布局更换操作对应的当前样式布局信息,并将该当前样式布局信息对应的显示页面,作为目标显示页面。
具体的,建立样式布局信息筛选策略的过程为,终端通过在移动端中添加RootView(视图存储单元)存储该移动端中的各样式布局信息,并建立RootView与每个样式布局信息的调用对应关系。终端建立ViewManager(网络视图管理器)与该RootView进行绑定,通过ViewManager来接收用户的样式布局更换指令,并通过RootView调用用户需要更换的样式布局信息。例如,在接收到用户的样式布局更换操作的情况下,终端通过ViewManager确定用户需要更换的当前样式布局信息,并通过RootView在移动端的各当前样式布局信息中,调用用户需要更换的当前样式布局信息。其中当前样式布局信息可以对应一个显示页面,也可以对应多个显示页面。在当前样式布局信息对应多个显示页面时,终端可以只更新其中一个显示页面对应的当前样式布局信息。上述步骤可通过对外接口层实现。
基于上述方案,通过样式布局信息筛选策略,选择样式布局信息,从而提升了更新用户所需求的移动端动态化的样式布局信息的精准度。
可选的,获取用户需求的样式文件信息,包括:获取用户的更新需求信息;用户的更新需求信息包括样式需求信息和布局需求信息;根据布局需求信息,建立移动端的样式文件模板,并根据样式需求信息生成多个初始样式数据;根据布局需求信息,在每个初始样式数据中添加每个初始样式数据对应的布局信息的标识信息,得到各样式数据,并将每个样式数据,按照初始样式数据对应的布局信息的标识信息,填充至样式文件模板,得到用户需求的样式文件信息。
本实施例中,终端获取用户配置的样式需求信息、以及布局需求信息。其中,样式需求信息为用户需要替换样式布局信息的当前显示样式的样式信息,布局需求信息为用户需要替换样式布局信息中的当前显示样式布局的布局信息。终端根据该布局需求信息,建立样式文件模板。其中,样式文件模板为各样式数据对应的布局框架的模板。终端根据样式需求信息,生成多个初始样式数据,并根据布局需求信息,针对每个初始样式数据,在该初始样式数据中添加布局信息的标识信息,其中,布局需求信息中包含每个初始样式数据以及该初始样式数据对应的布局信息的标识信息的对应关系,用于确保该初始样式数据,能够匹配填充至样式文件模板中,该初始样式数据所对应的位置。同样的,通过上述步骤,终端在每个初始样式数据中添加每个初始样式数据的布局信息。并将添加布局信息的初始样式数据作为样式数据。终端将各样式数据,按照各样式数据在样式文件模板的对应位置,填充至样式文件模板中,得到用户所需求的样式文件信息。其中,样式文件信息包含每个样式数据,以及每个样式数据的布局信息。
基于上述方案,通过建立样式文件信息,提升了后续更新目标显示页面的样式布局信息的效率。
可选的,根据样式文件解析策略,解析并调整样式文件信息中的各样式数据,得到各目标显示样式数据,包括:获取目标显示页面的当前样式布局信息;当前样式布局信息包括各当前显示样式数据、以及当前显示样式数据的布局信息;按照数据递归策略,解析样式文件信息中的各样式数据包含的属性值,并查询样式布局模板中各当前显示样式数据的属性值;将样式数据的属性值,调整至与样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据;目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同。
本实施例中,终端获取目标显示页面的当前样式布局信息,其中,当前样式布局信息包括各当前显示样式数据、以及每个当前显示样式数据的布局信息。终端按照数据递归策略,解析样式文件信息中的各样式数据包含的属性值,并查询样式布局模板中各当前显示样式数据的属性值。终端根据样式数据的布局信息和当前显示样式的布局信息相对应的关系,将样式数据的属性值,调整至与样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据。其中,目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同,目标显示样式数据的布局信息与当前显示样式的布局信息相对应。
具体的,通过将目标显示样式数据的属性值替换为当前显示样式的属性值,DSL的定义(即属性值)首先要保障双端统一(即目标显示样式数据的布局信息和当前显示样式数据的布局信息相对应),可以将RN的DSL定义(即当前显示样式的属性值)迁移过来,ReactNative(跨平台移动应用开发框架)在实现的时候,选择在JS层抹平双端的差异,所以需要将迁移过来的JSON(JavaScript Object Notation,JS对象简谱)定义双端抹平(即将目标显示样式数据的属性值替换为当前显示样式的属性值)。上述步骤可用于界面描述层。
属性值可以但不限于是长度、字号、图片等。其中,长度依赖***原生机制,Android使用dp,iOS使用pt。字号依赖***原生机制,Android使用sp,iOS使用pt。图片依赖***原生的适配机制,Android适配mdpi/hdpi/xhdpi,iOS适配1x/2x/3x。上述步骤可用于界面展示层。
其中,解析样式文件信息中的暗示数据包含的属性值的过程为,终端按照数据递归策略,按照样式文件信息中的样式模板,查询每个样式数据,并将除样式数据的布局信息之外的样式数据的数据值,作为该样式数据的属性值。
基于上述方案,通过解析并调整样式文件信息中的各样式数据,得到各目标显示样式数据,从而为后续更新目标显示页面的当前显示样式数据,提供数据基础。
可选的,根据目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系,建立各目标显示样式数据之间的关联关系,包括:获取目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系;根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系、以及当前显示样式数据之间的关联关系,建立各目标显示样式数据之间的关联关系。
本实施例中,终端获取目标显示页面的样式布局信息中的当前显示样式数据之间的交互行为、以及交互信息,并将每个目标显示样式数据之间的交互行为、以及交互信息作为各当前显示样式数据之间的关联关系。终端根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系,将当前显示样式数据之间的关联关系,作为当前显示样式数据对应的目标显示样式数据的关联关系,得到各目标显示样式数据之间的关联关系。
具体的,布局动态化在事件交互上的动态性是比较弱的,需要预先定义好一些事件行文,如单击,双击等,ReactNative的内部实现了大量的事件交互行为,我们可以直接复用,但需要自己定义行为,比如点击一个按钮要跳转到什么链接。上述步骤可用于界面展示层。
基于上述方案,通过复用当前显示样式数据之间的关联关系,确保更新后的样式布局信息能够实现的功能、与更新前的样式布局信息能够实现的功能相同。
可选的,通过所有目标显示样式数据、以及各目标显示样式数据之间的关联关系,更新目标显示页面的当前样式布局信息,包括:根据各目标显示样式数据,替换移动端中的各目标显示样式数据,并对各目标显示样式数据进行渲染;根据各目标显示样式数据的关联关系,调整当前样式布局信息中的各目标显示样式数据的关联信息,完成目标显示页面的当前样式布局信息的更新。
本实施例中,终端按照当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系,将每个当前显示样式数据,替换为该当前显示样式数据的布局信息相对应的目标显示样式数据,并对目标显示页面中的目标显示样式数据进行渲染、以及动画处理,其中,对目标显示页面中的目标显示样式数据进行渲染、以及动画处理确保该目标显示样式数据能够通过该目标显示页面进行展示。终端根据目标显示样式数据之间的关联关系,在样式布局信息中,在各目标显示样式数据之间,建立相同的关联关系,从而完成该目标显示页面的样式布局信息的更新。然后终端通过目标显示页面,展示已更新的样式布局信息。
具体的,渲染处理是依赖渲染引擎,通过借鉴ReactNative的思想选择使用***原生view(视图)的渲染方式进行渲染。
动画管理是通过借鉴RN(ReactNative,视图存储单元)的思想实现并支持Frame(帧动画)动画,Spring(弹簧动画)动画,Decay(定个动画)动画。上述步骤可用于基础渲染层。
基于上述方案,通过目标显示样式数据替换当前显示样式数据的方式,更新目标显示页面的当前样式布局信息,从而提升了移动端动态化布局的样式布局信息的更新效率。
本申请还提供了一种样式布局信息的更新示例,如图3所示,具体处理过程包括以下步骤:
步骤S201,响应于用户的样式布局更换操作,通过预先建立的样式布局信息筛选策略,在移动端的各当前样式布局信息中,确定样式布局更换操作对应的当前样式布局信息,并将当前样式布局信息对应的显示页面,作为目标显示页面。
步骤S202,获取用户的更新需求信息。
步骤S203,根据布局需求信息,建立移动端的样式文件模板,并根据样式需求信息生成多个初始样式数据。
步骤S204,根据布局需求信息,在每个初始样式数据中添加每个初始样式数据对应的布局信息的标识信息,得到各样式数据,并将每个样式数据,按照初始样式数据对应的布局信息的标识信息,填充至样式文件模板,得到用户需求的样式文件信息。
步骤S205,获取目标显示页面的当前样式布局信息。
步骤S206,按照数据递归策略,解析样式文件信息中的各样式数据包含的属性值,并查询样式布局模板中各当前显示样式数据的属性值。
步骤S207,将样式数据的属性值,调整至与样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据;目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同。
步骤S208,获取目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系。
步骤S209,根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系、以及当前显示样式数据之间的关联关系,建立各目标显示样式数据之间的关联关系。
步骤S210,根据各目标显示样式数据,替换移动端中的各目标显示样式数据,并对各目标显示样式数据进行渲染。
步骤S211,根据各目标显示样式数据的关联关系,调整当前样式布局信息中的各目标显示样式数据的关联信息,完成目标显示页面的当前样式布局信息的更新。
应该理解的是,虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
基于同样的发明构思,本申请实施例还提供了一种用于实现上述所涉及的样式布局信息的更新方法的样式布局信息的更新装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似,故下面所提供的一个或多个样式布局信息的更新装置实施例中的具体限定可以参见上文中对于样式布局信息的更新方法的限定,在此不再赘述。
在一个实施例中,如图3所示,提供了一种样式布局信息的更新装置,包括:获取模块310、解析模块320、建立模块330和更新模块340,其中:
获取模块310,用于获取用户需求的样式文件信息;所述样式文件信息包含目标显示页面的多个样式数据;
解析模块320,用于根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据;
建立模块330,用于根据所述目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系;更新模块340,用于通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息。
可选的,所述装置还包括:
响应模块,用于响应于用户的样式布局更换操作,通过预先建立的样式布局信息筛选策略,在移动端的各当前样式布局信息中,确定样式布局更换操作对应的当前样式布局信息,并将所述当前样式布局信息对应的显示页面,作为目标显示页面。
可选的,所述获取模块310,具体用于:
获取用户的更新需求信息;所述用户的更新需求信息包括样式需求信息和布局需求信息;
根据所述布局需求信息,建立移动端的样式文件模板,并根据所述样式需求信息生成多个初始样式数据;
根据所述布局需求信息,在每个初始样式数据中添加每个初始样式数据对应的布局信息的标识信息,得到各样式数据,并将每个样式数据,按照所述初始样式数据对应的布局信息的标识信息,填充至所述样式文件模板,得到所述用户需求的样式文件信息。
可选的,所述解析模块320,具体用于:
获取所述目标显示页面的当前样式布局信息;所述当前样式布局信息包括各当前显示样式数据、以及所述当前显示样式数据的布局信息;
按照数据递归策略,解析所述样式文件信息中的各样式数据包含的属性值,并查询所述样式布局模板中各所述当前显示样式数据的属性值;
将所述样式数据的属性值,调整至与所述样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据;所述目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同。
可选的,所述建立模块330,具体用于:
获取所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系;
根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系、以及所述当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系。
可选的,所述更新模块340,具体用于:
根据各所述目标显示样式数据,替换移动端中的各目标显示样式数据,并对各所述目标显示样式数据进行渲染;
根据各所述目标显示样式数据的关联关系,调整所述当前样式布局信息中的各目标显示样式数据的关联信息,完成所述目标显示页面的当前样式布局信息的更新。
上述样式布局信息的更新装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图4所示。该计算机设备包括通过***总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机程序。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种样式布局信息的更新方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图4中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:
获取用户需求的样式文件信息;所述样式文件信息包含目标显示页面的多个样式数据;
根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据;
根据所述目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系;
通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息。
可选的,所述获取用户需求的样式文件信息之前,还包括:
响应于用户的样式布局更换操作,通过预先建立的样式布局信息筛选策略,在移动端的各当前样式布局信息中,确定样式布局更换操作对应的当前样式布局信息,并将所述当前样式布局信息对应的显示页面,作为目标显示页面。
可选的,所述获取用户需求的样式文件信息,包括:
获取用户的更新需求信息;所述用户的更新需求信息包括样式需求信息和布局需求信息;
根据所述布局需求信息,建立移动端的样式文件模板,并根据所述样式需求信息生成多个初始样式数据;
根据所述布局需求信息,在每个初始样式数据中添加每个初始样式数据对应的布局信息的标识信息,得到各样式数据,并将每个样式数据,按照所述初始样式数据对应的布局信息的标识信息,填充至所述样式文件模板,得到所述用户需求的样式文件信息。
可选的,所述根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据,包括:
获取所述目标显示页面的当前样式布局信息;所述当前样式布局信息包括各当前显示样式数据、以及所述当前显示样式数据的布局信息;
按照数据递归策略,解析所述样式文件信息中的各样式数据包含的属性值,并查询所述样式布局模板中各所述当前显示样式数据的属性值;
将所述样式数据的属性值,调整至与所述样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据;所述目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同。
可选的,所述根据所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系,包括:
获取所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系;
根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系、以及所述当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系。
可选的,所述通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息,包括:
根据各所述目标显示样式数据,替换移动端中的各目标显示样式数据,并对各所述目标显示样式数据进行渲染;
根据各所述目标显示样式数据的关联关系,调整所述当前样式布局信息中的各目标显示样式数据的关联信息,完成所述目标显示页面的当前样式布局信息的更新。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
获取用户需求的样式文件信息;所述样式文件信息包含目标显示页面的多个样式数据;
根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据;
根据所述目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系;
通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息。
可选的,所述获取用户需求的样式文件信息之前,还包括:
响应于用户的样式布局更换操作,通过预先建立的样式布局信息筛选策略,在移动端的各当前样式布局信息中,确定样式布局更换操作对应的当前样式布局信息,并将所述当前样式布局信息对应的显示页面,作为目标显示页面。
可选的,所述获取用户需求的样式文件信息,包括:
获取用户的更新需求信息;所述用户的更新需求信息包括样式需求信息和布局需求信息;
根据所述布局需求信息,建立移动端的样式文件模板,并根据所述样式需求信息生成多个初始样式数据;
根据所述布局需求信息,在每个初始样式数据中添加每个初始样式数据对应的布局信息的标识信息,得到各样式数据,并将每个样式数据,按照所述初始样式数据对应的布局信息的标识信息,填充至所述样式文件模板,得到所述用户需求的样式文件信息。
可选的,所述根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据,包括:
获取所述目标显示页面的当前样式布局信息;所述当前样式布局信息包括各当前显示样式数据、以及所述当前显示样式数据的布局信息;
按照数据递归策略,解析所述样式文件信息中的各样式数据包含的属性值,并查询所述样式布局模板中各所述当前显示样式数据的属性值;
将所述样式数据的属性值,调整至与所述样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据;所述目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同。
可选的,所述根据所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系,包括:
获取所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系;
根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系、以及所述当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系。
可选的,所述通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息,包括:
根据各所述目标显示样式数据,替换移动端中的各目标显示样式数据,并对各所述目标显示样式数据进行渲染;
根据各所述目标显示样式数据的关联关系,调整所述当前样式布局信息中的各目标显示样式数据的关联信息,完成所述目标显示页面的当前样式布局信息的更新。
在一个实施例中,提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现以下步骤:
获取用户需求的样式文件信息;所述样式文件信息包含目标显示页面的多个样式数据;
根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据;
根据所述目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系;
通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息。
可选的,所述获取用户需求的样式文件信息之前,还包括:
响应于用户的样式布局更换操作,通过预先建立的样式布局信息筛选策略,在移动端的各当前样式布局信息中,确定样式布局更换操作对应的当前样式布局信息,并将所述当前样式布局信息对应的显示页面,作为目标显示页面。
可选的,所述获取用户需求的样式文件信息,包括:
获取用户的更新需求信息;所述用户的更新需求信息包括样式需求信息和布局需求信息;
根据所述布局需求信息,建立移动端的样式文件模板,并根据所述样式需求信息生成多个初始样式数据;
根据所述布局需求信息,在每个初始样式数据中添加每个初始样式数据对应的布局信息的标识信息,得到各样式数据,并将每个样式数据,按照所述初始样式数据对应的布局信息的标识信息,填充至所述样式文件模板,得到所述用户需求的样式文件信息。
可选的,所述根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据,包括:
获取所述目标显示页面的当前样式布局信息;所述当前样式布局信息包括各当前显示样式数据、以及所述当前显示样式数据的布局信息;
按照数据递归策略,解析所述样式文件信息中的各样式数据包含的属性值,并查询所述样式布局模板中各所述当前显示样式数据的属性值;
将所述样式数据的属性值,调整至与所述样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据;所述目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同。
可选的,所述根据所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系,包括:
获取所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系;
根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系、以及所述当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系。
可选的,所述通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息,包括:
根据各所述目标显示样式数据,替换移动端中的各目标显示样式数据,并对各所述目标显示样式数据进行渲染;
根据各所述目标显示样式数据的关联关系,调整所述当前样式布局信息中的各目标显示样式数据的关联信息,完成所述目标显示页面的当前样式布局信息的更新。
需要说明的是,本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等),均为经用户授权或者经过各方充分授权的信息和数据。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory,ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory,MRAM)、铁电存储器(Ferroelectric Random Access Memory,FRAM)、相变存储器(Phase Change Memory,PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器等。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory,DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等,不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等,不限于此。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请的保护范围应以所附权利要求为准。
Claims (10)
1.一种样式布局信息的更新方法,其特征在于,所述方法包括:
获取用户需求的样式文件信息;所述样式文件信息包含目标显示页面的多个样式数据;
根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据;
根据所述目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系;
通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息。
2.根据权利要求1所述的方法,其特征在于,所述获取用户需求的样式文件信息之前,还包括:
响应于用户的样式布局更换操作,通过预先建立的样式布局信息筛选策略,在移动端的各当前样式布局信息中,确定样式布局更换操作对应的当前样式布局信息,并将所述当前样式布局信息对应的显示页面,作为目标显示页面。
3.根据权利要求1所述的方法,其特征在于,所述获取用户需求的样式文件信息,包括:
获取用户的更新需求信息;所述用户的更新需求信息包括样式需求信息和布局需求信息;
根据所述布局需求信息,建立移动端的样式文件模板,并根据所述样式需求信息生成多个初始样式数据;
根据所述布局需求信息,在每个初始样式数据中添加每个初始样式数据对应的布局信息的标识信息,得到各样式数据,并将每个样式数据,按照所述初始样式数据对应的布局信息的标识信息,填充至所述样式文件模板,得到所述用户需求的样式文件信息。
4.根据权利要求1所述的方法,其特征在于,所述根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据,包括:
获取所述目标显示页面的当前样式布局信息;所述当前样式布局信息包括各当前显示样式数据、以及所述当前显示样式数据的布局信息;
按照数据递归策略,解析所述样式文件信息中的各样式数据包含的属性值,并查询所述样式布局模板中各所述当前显示样式数据的属性值;
将所述样式数据的属性值,调整至与所述样式数据的布局信息对应的当前显示样式数据的属性值,得到每个样式数据对应的目标显示样式数据;所述目标显示样式数据的布局信息与每个目标显示样式数据对应的样式数据的布局信息相同。
5.根据权利要求1所述的方法,其特征在于,所述根据所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系,包括:
获取所述目标显示页面的样式布局信息中的当前显示样式数据之间的关联关系;
根据每个当前显示样式数据的布局信息与目标显示样式数据的布局信息之间的对应关系、以及所述当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系。
6.根据权利要求1所述的方法,其特征在于,所述通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息,包括:
根据各所述目标显示样式数据,替换移动端中的各目标显示样式数据,并对各所述目标显示样式数据进行渲染;
根据各所述目标显示样式数据的关联关系,调整所述当前样式布局信息中的各目标显示样式数据的关联信息,完成所述目标显示页面的当前样式布局信息的更新。
7.一种样式布局信息的更新装置,其特征在于,所述装置包括:
获取模块,用于获取用户需求的样式文件信息;所述样式文件信息包含目标显示页面的多个样式数据;
解析模块,用于根据样式文件解析策略,解析并调整所述样式文件信息中的各样式数据,得到各目标显示样式数据;
建立模块,用于根据所述目标显示页面的当前样式布局信息中的当前显示样式数据之间的关联关系,建立各所述目标显示样式数据之间的关联关系;所述关联关系为各所述当前显示样式数据之间的交互行为关系;
更新模块,用于通过所有目标显示样式数据、以及各所述目标显示样式数据之间的关联关系,更新所述目标显示页面的当前样式布局信息。
8.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述的方法的步骤。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
10.一种计算机程序产品,包括计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211439126.XA CN115840861A (zh) | 2022-11-17 | 2022-11-17 | 样式布局信息的更新方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211439126.XA CN115840861A (zh) | 2022-11-17 | 2022-11-17 | 样式布局信息的更新方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115840861A true CN115840861A (zh) | 2023-03-24 |
Family
ID=85577143
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211439126.XA Pending CN115840861A (zh) | 2022-11-17 | 2022-11-17 | 样式布局信息的更新方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115840861A (zh) |
-
2022
- 2022-11-17 CN CN202211439126.XA patent/CN115840861A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2021218327A1 (zh) | 一种页面处理方法和相关装置 | |
US20130151938A1 (en) | Browser spreadsheet integration | |
CN111596911B (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
CN111522552A (zh) | 子应用生成方法、装置、计算机设备和存储介质 | |
CN109190067A (zh) | 浏览器输入框展示方法、装置、计算机设备及存储介质 | |
CN111045707B (zh) | 小程序的更新方法、装置、计算机设备和存储介质 | |
CN114841126A (zh) | 表单生成方法、装置、设备、存储介质和程序产品 | |
KR20160113135A (ko) | 웹 기반 애플리케이션에서 편집하기 위한 문서의 인쇄 뷰를 제공하는 기법 | |
CN111597151A (zh) | 文件生成方法、装置、计算机设备和存储介质 | |
CN114428899B (zh) | 多媒体资源推送方法、装置、电子设备及存储介质 | |
CN114995699B (zh) | 一种界面交互方法及装置 | |
CN115221852A (zh) | 基于vxe-table的动态计算表格实现方法、装置和计算机设备 | |
CN115840861A (zh) | 样式布局信息的更新方法、装置、计算机设备和存储介质 | |
CN114327395A (zh) | 网页设计方法、装置、计算机设备、存储介质和产品 | |
CN114297547A (zh) | 页面元素调整方法、装置、设备、存储介质和程序产品 | |
CN114329152A (zh) | 基于浏览器引擎的应用程序生成方法、装置、设备和介质 | |
CN114281432A (zh) | 应用程序执行方法、装置、计算机设备和存储介质 | |
CN112748839A (zh) | 图片处理方法、装置、计算机可读存储介质和计算机设备 | |
CN115934238A (zh) | 界面展示方法、装置、计算机设备和存储介质 | |
CN117251661B (zh) | 网页文件生成方法、装置、计算机设备和存储介质 | |
WO2024152742A1 (zh) | 富文本编辑方法、装置、存储介质及计算机设备 | |
CN114201707A (zh) | 页面刷新方法、装置、计算机设备和存储介质 | |
CN114218338A (zh) | 地图层级信息文件生成方法、装置、设备和存储介质 | |
CN116302026A (zh) | 应用程序智能刷新方法、装置、计算机设备和存储介质 | |
CN117369895A (zh) | 快捷方式生成方法、装置、计算机设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |