CN112486482A - 一种页面展示方法和装置 - Google Patents
一种页面展示方法和装置 Download PDFInfo
- Publication number
- CN112486482A CN112486482A CN201910859607.8A CN201910859607A CN112486482A CN 112486482 A CN112486482 A CN 112486482A CN 201910859607 A CN201910859607 A CN 201910859607A CN 112486482 A CN112486482 A CN 112486482A
- Authority
- CN
- China
- Prior art keywords
- page
- flutter
- data
- displayed
- xml
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面展示方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:接收与待展示页面对应的xml数据;将所述xml数据转换为对应的Flutter页面代码;将所述Flutter页面代码发送给Flutter引擎,以使得所述Flutter引擎根据所述Flutter页面代码,展示所述待展示页面。该实施方式不仅能够基于Flutter实现页面的展示,同时又很好地保证了iOS端、Android端、web端等展示页面的一致性。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面展示方法和装置。
背景技术
随着智能手机、平板电脑等移动终端技术的发展,各用户对快速迭代和动态更新展示页面的需求与日俱增,催生了基于JavaScript的ReactNative和Weex框架,通过JavaScriptCore作为中间层转换实现了iOS端与Android端展示页面的迭代或更新。除此之外,还产生了通过定义一套DSL(Domain Specific Language)在客户端侧解析数据,动态的创建View来实现动态化展示页面的框架法,如Tangram,DinamicX等。
在实现本发明过程中,发明人发现现有技术中至少存在如下问题:通过ReactNative和Weex通过JavascriptCore作为中间层转换为原生View的过程中会消耗系统资源,需要大量的页面开发,使用复杂,且iOS端与Android展示的页面一致性差;通过定义的一套DSL是以原生View为模板,可展示的页面样式有限,动态化更新能力比较弱。
发明内容
有鉴于此,本发明实施例提供一种页面展示方法和装置,不仅能够基于Flutter实现页面的展示,同时又很好地保证了iOS端、Android端以及web端展示页面的一致性。
为实现上述目的,根据本发明的第一方面,提供了一种页面展示方法,包括:接收与待展示页面对应的xml数据;将所述xml数据转换为对应的Flutter页面代码;将所述Flutter页面代码发送给Flutter引擎,以使得所述Flutter引擎根据所述Flutter页面代码,展示所述待展示页面。
可选地,所述将所述xml数据转换为对应的Flutter页面代码,包括:对所述xml数据的xml标签进行递归解析,用以获取树状数据模型,所述树状数据模型的节点指示了对应的xml标签的属性;将所述树状数据模型转换为树状视图,所述树状视图的页面布局与所述待展示页面的布局一致;获取所述树状视图需要的数据,根据所述树状视图及所获取的数据生成所述Flutter页面代码。
可选地,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到。
可选地,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到,包括:将Flutter的页面控件转换为xml标签,所述xml标签的属性指示了对应的所述页面控件的属性;根据所述待展示页面,组合所述页面控件,并设置所述页面控件的属性;根据所述页面控件的属性,确定所述待展示页面需要的数据,用以生成所述待展示页面;根据所述xml标签,将所述待展示页面转换为xml数据。
为实现上述目的,根据本发明的第二方面,提供了一种页面展示装置,包括:数据接收模块、数据转换模块、页面展示模块;其中,所述数据接收模块,用于接收与待展示页面对应的xml数据;所述数据转换模块,用于将所述xml数据转换为对应的Flutter页面代码;所述页面展示模块,用于将所述Flutter页面代码发送给Flutter引擎,以使得所述Flutter引擎根据所述Flutter页面代码,展示所述待展示页面。
可选地,所述将所述xml数据转换为对应的Flutter页面代码,包括:对所述xml数据的xml标签进行递归解析,用以获取树状数据模型,所述树状数据模型的节点指示了对应的xml标签的属性;将所述树状数据模型转换为树状视图,所述树状视图的页面布局与所述待展示页面的布局一致;获取所述树状视图需要的数据,根据所述树状视图及所获取的数据生成所述Flutter页面代码。
可选地,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到。
可选地,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到,包括:将Flutter的页面控件转换为xml标签,所述xml标签的属性指示了对应的所述页面控件的属性;根据所述待展示页面,组合所述页面控件,并设置所述页面控件的属性;根据所述页面控件的属性,确定所述待展示页面需要的数据,用以生成所述待展示页面;根据所述xml标签,将所述待展示页面转换为xml数据。
为实现上述目的,根据本发明的第三方面,提供了一种用于页面展示的服务器,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上所述页面展示方法中任一所述的方法。
为实现上述目的,根据本发明的第四方面,提供了一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如上所述页面展示方法中任一所述的方法。
上述发明中的一个实施例具有如下优点或有益效果:通过将待展示页面对应的xml数据转换为Flutter页面代码,实现了Flutter对xml数据的处理,还实现了在iOS端、Android端、web端展示页面的高度统一;同时,由于xml数据具有语法简单、容易学习、便于使用等多种优点,降低了开发者学习或者使用Flutter的成本,使得Flutter具有更高的通用性;此外,在获取xml数据的过程中,可以通过可视化配置平台拖曳或者组合Flutter页面控件的方式,实现了对不同页面的配置或者设计,实现了展示页面的多样性。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是根据本发明实施例的页面展示的方法的主要流程的示意图;
图2是根据本发明实施例的xml数据获取的方法的主要流程的示意图;
图3是根据本发明实施例的页面展示的装置的主要模块的示意图;
图4是根据本发明实施例的页面展示装置的应用方法的示意图;
图5是本发明实施例可以应用于其中的示例性系统架构图;
图6是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
如图1所示,本发明实施例提供了一种展示页面的方法,具体可以包括的步骤如下:
步骤S101,接收与待展示页面对应的xml数据。
xml指可扩展标记语言(eXtensible Markup Language),用于传输和存储数据,且xml没有预定义标签,使用者可以根据实际需求自定义xml标签以及对应的属性。因此,xml具有语法简单、容易学习、便于使用等多种优点,成为了独立于软件和硬件的常用信息传输工具。对于同一待展示页面,由于各种客户端,如iOS端,Android端,web端性能的差异,常使得展示页面具有差异,视觉效果一致性较差,不统一。使用只注重数据内容的xml数据存储待展示页面并进行传输,使得展示页面的不同客户端,可以根据自身性能解析xml数据,生成待展示页面,进而保证了展示页面的统一性。
可以理解的是,既可以根据客户端的页面展示需要,主动获取并接收待展示页面对应的xml数据,也可以在页面需要迭代或者更新时,被动接收待展示页面对应的xml数据。
在一种可选的实施方式中,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到。
Flutter是Google用以帮助开发者在Android和iOS两个平台,同时开发高质量原生应用的全新移动UI框架,提供了多种用于生成页面的控件,如包括但不限于布局控件、视图控件等。在基于Flutter实现页面展示的情况下,可以在页面的可视化配置平台上,通过拖曳或者组合平台上包含的Flutter页面控件,如Element、Widget等实现对待展示页面的配置或者设计,生成待展示页面的可视化视图,进而通过将可视化视图的页面控件转换为xml标签及对应的属性,获取待展示页面对应的xml数据。其中,Element是视图的基础布局控件,包含容器,图片,文本;Widget是常用复杂视图控件,如轮播视图、滑动式图等。
在一种可选的实施方式中,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到,包括:将Flutter的页面控件转换为xml标签,所述xml标签的属性指示了对应的所述页面控件的属性;根据所述待展示页面,组合所述页面控件,并设置所述页面控件的属性;根据所述页面控件的属性,确定所述待展示页面需要的数据,用以生成所述待展示页面;根据所述xml标签,将所述待展示页面转换为xml数据。
具体地,参见图2,以拖曳页面控件Element_A、Element_B、Element_C、Widget_A、Widget_B组合生成待展示页面的可视化视图为例进行说明:在页面的可视化配置平台上将Flutter中常用的页面控件,包括但不限于图中所示Element_A、Element_B、Element_C、Widget_A、Widget_B等,转换为自定义的xml标签,且xml标签对应的属性指示了页面控件的属性(如宽、高、margin等)及数据转换属性(如数据容器container、背景色、边框等);根据待展示页面,在在页面的可视化配置平台上拖曳或者组合页面控件Element_A、Element_B、Element_C、Widget_A、Widget_B生成待展示页面的可视化视图;根据展示页面时需要加载的数据,设置页面控件Element_A、Element_B、Element_C的属性的数据字段,使得该数据字段与数据接口Api_data中的数据字段相匹配,从而确定通过Api_data中获取的数据,用以完成可视化视图的数据绑定;在此基础上,根据前述将页面控件转换为自定义xml标签及对应的属性时的规则,将完成数据绑定后的待展示页面的可视化视图转换为xml数据。
可以理解的是,由于在确定待展示页面时需要加载的数据时,是通过设置xml标签的属性的方式进行的,避免了现有技术中通过xml标签确定待展示页面时需要加载的数据时对数据格式的限定。
步骤S102,将所述xml数据转换为对应的Flutter页面代码。
由于Flutter使用Dart语言开发,因而Flutter本身不支持xml数据格式的页面布局,动态展示页面的能力差,因此,需要通过将xml数据转换为Flutter页面代码,实现Flutter对多种客户端页面的统一展示。
在一种可选的实施方式中,所述将所述xml数据转换为对应的Flutter页面代码,包括:对所述xml数据的xml标签进行递归解析,用以获取树状数据模型,所述树状数据模型的节点指示了对应的xml标签的属性;将所述树状数据模型转换为树状视图,所述树状视图的页面布局与所述待展示页面的布局一致;获取所述树状视图需要的数据,根据所述树状视图及所获取的数据生成所述Flutter页面代码。
可以理解的是,待展示页面具有层级结构,因此对应的xml标签也具有对应的层级结果,在进行递归解析的过程中,根据xml标签的层级映射加工为树状数据模型,并将xml标签对应的属性填充到对应的树状数据库模型的节点上。此外,由于页面的可视化配置平台提供的页面布局(如Flex盒式布局等)与使用Flutter在iOS端、Android端、web端展示页面时需要的页面布局(如Flutter的Flex盒式布局和stack布局等)不一致,因此,为更好地实现页面的展示,在将树状数据模型转换为树状视图的过程中实现页面布局的转换。
步骤S103,将所述Flutter页面代码发送给Flutter引擎,以使得所述Flutter引擎根据所述Flutter页面代码,展示所述待展示页面。
Flutter引擎在接收到Flutter页面代码后,加载树状视图的数据或者待展示页面需要的数据,生成页面,并将页面展示给iOS端、Android端、web端的用户。
基于上述实施例,提供的页面展示的方法,不仅实现了Flutter对xml数据的处理,还实现了在iOS端、Android端、web端展示页面的高度统一;同时,由于xml数据具有语法简单、容易学习、便于使用等多种优点,降低了开发者学习或者使用Flutter的成本,使得Flutter具有更高的通用性;此外,在获取xml数据的过程中,可以通过可视化配置平台实现对不同页面的配置或者设计,实现了展示页面的多样性。
参见图3,本发明实施例提供了一种页面展示装置300,包括:数据接收模块301、数据转换模块302、页面展示模块303;其中,
所述数据接收模块301,用于接收与待展示页面对应的xml数据;
所述数据转换模块302,用于将所述xml数据转换为对应的Flutter页面代码;
所述页面展示模块303,用于将所述Flutter页面代码发送给Flutter引擎,以使得所述Flutter引擎根据所述Flutter页面代码,展示所述待展示页面。
在一种可选的实施方式中,所述将所述xml数据转换为对应的Flutter页面代码,包括:对所述xml数据的xml标签进行递归解析,用以获取树状数据模型,所述树状数据模型的节点指示了对应的xml标签的属性;将所述树状数据模型转换为树状视图,所述树状视图的页面布局与所述待展示页面的布局一致;获取所述树状视图需要的数据,根据所述树状视图及所获取的数据生成所述Flutter页面代码。
在一种可选的实施方式中,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到。
在一种可选的实施方式中,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到,包括:将Flutter的页面控件转换为xml标签,所述xml标签的属性指示了对应的所述页面控件的属性;根据所述待展示页面,组合所述页面控件,并设置所述页面控件的属性;根据所述页面控件的属性,确定所述待展示页面需要的数据,用以生成所述待展示页面;根据所述xml标签,将所述待展示页面转换为xml数据。
参见图4,在上述实施例的基础上,本发明实施例提供了一种页面展示装置300的应用方法,具体如下:
页面的可视化配置平台,根据iOS端、Android端、web端的页面展示请求或者在页面需要更新时,生成待展示页面对应的xml数据并发送给iOS端、Android端、web等客户端。
具体地,在页面的可视化配置平台上将Flutter中常用的页面控件,转换为自定义的xml标签,且xml标签对应的属性指示了页面控件的属性(如宽、高、margin等)及数据转换属性(如数据容器container、背景色、边框等);根据待展示页面,在在页面的可视化配置平台上拖曳或者组合页面控件生成待展示页面的可视化视图;根据展示页面时需要加载的数据,设置页面控件的属性的数据字段,使得该数据字段与数据接口中的数据字段相匹配,从而确定通过数据接口中获取的数据,用以完成可视化视图的数据绑定;在此基础上,根据前述将页面控件转换为自定义xml标签及对应的属性时的规则,将完成数据绑定后的待展示页面的可视化视图转换为xml数据。
iOS端、Android端、web等客户端在接收到页面的可视化配置平台发送的待展示页面对应的xml数据后,将xml数据发送给客户端对应的页面展示装置300。
页面展示装置300在接收到客户端发送的待展示页面对应的xml数据后,获取xml数据中所有的xml标签及属性,对xml数据的xml标签进行递归解析,通过xml标签的层级映射加工获取树状数据模型,并将xml标签对应的属性填充到对应的树状数据库模型的节点上;将所述树状数据模型转换为树状视图,同时,将页面的可视化配置平台提供的页面布局(如Flex盒式布局等)转换为使用Flutter在iOS端、Android端、web端展示页面时需要的页面布局(如Flutter的Flex盒式布局和stack布局等);根据生成xml数据时确定的与数据接口一致的数据字段,获取树状视图需要的数据或待展示页面需要的数据,并根据获取数据后的树状视图生成Flutter页面代码。
将Flutter页面代码发送给Flutter引擎,使得Flutter引擎在接收到Flutter页面代码后,加载树状视图的数据或者待展示页面需要的数据,生成页面,并将页面展示给iOS端、Android端、web端的用户。
图5示出了可以应用本发明实施例的页面展示方法或页面展示装置的示例性系统架构500。
如图5所示,系统架构500可以包括终端设备501、502、503,网络504和服务器505。网络504用以在终端设备501、502、503和服务器505之间提供通信链路的介质。网络504可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备501、502、503通过网络504与服务器505交互,以接收或发送消息等。终端设备501、502、503上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备501、502、503可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器505可以是提供各种服务的服务器,例如对用户利用终端设备501、502、503所浏览的购物类网站提供支持的后台管理服务器。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理,并将处理结果(例如待展示页面)反馈给终端设备。
需要说明的是,本发明实施例所提供的页面展示方法一般由服务器505执行,相应地,页面展示装置一般设置于服务器505中。
应该理解,图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图6,其示出了适于用来实现本发明实施例的终端设备的计算机系统600的结构示意图。图6示出的终端设备仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图6所示,计算机系统600包括中央处理单元(CPU)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有系统600操作所需的各种程序和数据。CPU 601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
以下部件连接至I/O接口605:包括键盘、鼠标等的输入部分606;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607;包括硬盘等的存储部分608;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器610上,以便于从其上读出的计算机程序根据需要被安装入存储部分608。
特别地,根据本发明公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分609从网络上被下载和安装,和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时,执行本发明的系统中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:一种处理器包括数据接收模块、数据转换模块、页面展示模块。其中,这些模块的名称在某种情况下并不构成对该模块本身的限定,例如,数据接收模块还可以被描述为“接收与待展示页面对应的xml数据的模块”。
作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备包括:接收与待展示页面对应的xml数据;将所述xml数据转换为对应的Flutter页面代码;将所述Flutter页面代码发送给Flutter引擎,以使得所述Flutter引擎根据所述Flutter页面代码,展示所述待展示页面。
根据本发明实施例的技术方案,通过将待展示页面对应的xml数据转换为Flutter页面代码,实现了Flutter对xml数据的处理,还实现了在iOS端、Android端、web端展示页面的高度统一;同时,由于xml数据具有语法简单、容易学习、便于使用等多种优点,降低了开发者学习或者使用Flutter的成本,使得Flutter具有更高的通用性;此外,在获取xml数据的过程中,可以通过可视化配置平台拖曳或者组合Flutter页面控件的方式,实现了对不同页面的配置或者设计,实现了展示页面的多样性。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (10)
1.一种页面展示方法,其特征在于,包括:
接收与待展示页面对应的xml数据;
将所述xml数据转换为对应的Flutter页面代码;
将所述Flutter页面代码发送给Flutter引擎,以使得所述Flutter引擎根据所述Flutter页面代码,展示所述待展示页面。
2.根据权利要求1所述的页面展示方法,其特征在于,所述将所述xml数据转换为对应的Flutter页面代码,包括:
对所述xml数据的xml标签进行递归解析,用以获取树状数据模型,所述树状数据模型的节点指示了对应的xml标签的属性;
将所述树状数据模型转换为树状视图,所述树状视图的页面布局与所述待展示页面的布局一致;
获取所述树状视图需要的数据,根据所述树状视图及所获取的数据生成所述Flutter页面代码。
3.根据权利要求1所述的页面展示方法,其特征在于,
所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到。
4.根据权利要求3所述的页面展示方法,其特征在于,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到,包括:
将Flutter的页面控件转换为xml标签,所述xml标签的属性指示了对应的所述页面控件的属性;
根据所述待展示页面,组合所述页面控件,并设置所述页面控件的属性;
根据所述页面控件的属性,确定所述待展示页面需要的数据,用以生成所述待展示页面;
根据所述xml标签,将所述待展示页面转换为xml数据。
5.一种页面展示装置,其特征在于,包括:数据接收模块、数据转换模块、页面展示模块;其中,
所述数据接收模块,用于接收与待展示页面对应的xml数据;
所述数据转换模块,用于将所述xml数据转换为对应的Flutter页面代码;
所述页面展示模块,用于将所述Flutter页面代码发送给Flutter引擎,以使得所述Flutter引擎根据所述Flutter页面代码,展示所述待展示页面。
6.根据权利要求5所述的页面展示装置,其特征在于,所述将所述xml数据转换为对应的Flutter页面代码,包括:
对所述xml数据的xml标签进行递归解析,用以获取树状数据模型,所述树状数据模型的节点指示了对应的xml标签的属性;
将所述树状数据模型转换为树状视图,所述树状视图的页面布局与所述待展示页面的布局一致;
获取所述树状视图需要的数据,根据所述树状视图及所获取的数据生成所述Flutter页面代码。
7.根据权利要求5所述的页面展示装置,其特征在于,
所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到。
8.根据权利要求7所述的页面展示装置,其特征在于,所述xml数据由转换所述待展示页面对应的Flutter的页面控件得到,包括:
将Flutter的页面控件转换为xml标签,所述xml标签的属性指示了对应的所述页面控件的属性;
根据所述待展示页面,组合所述页面控件,并设置所述页面控件的属性;
根据所述页面控件的属性,确定所述待展示页面需要的数据,用以生成所述待展示页面;
根据所述xml标签,将所述待展示页面转换为xml数据。
9.一种用于页面展示的服务器,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-4中任一所述的方法。
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-4中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910859607.8A CN112486482A (zh) | 2019-09-11 | 2019-09-11 | 一种页面展示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910859607.8A CN112486482A (zh) | 2019-09-11 | 2019-09-11 | 一种页面展示方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112486482A true CN112486482A (zh) | 2021-03-12 |
Family
ID=74920345
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910859607.8A Pending CN112486482A (zh) | 2019-09-11 | 2019-09-11 | 一种页面展示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112486482A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113641594A (zh) * | 2021-10-15 | 2021-11-12 | 杭州涂鸦信息技术有限公司 | 跨端自动化测试方法以及相关装置 |
CN114489894A (zh) * | 2022-01-13 | 2022-05-13 | 北京齐尔布莱特科技有限公司 | 客户端用户界面更新方法和装置、客户端和服务器 |
-
2019
- 2019-09-11 CN CN201910859607.8A patent/CN112486482A/zh active Pending
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113641594A (zh) * | 2021-10-15 | 2021-11-12 | 杭州涂鸦信息技术有限公司 | 跨端自动化测试方法以及相关装置 |
CN113641594B (zh) * | 2021-10-15 | 2022-01-25 | 杭州涂鸦信息技术有限公司 | 跨端自动化测试方法以及相关装置 |
CN114489894A (zh) * | 2022-01-13 | 2022-05-13 | 北京齐尔布莱特科技有限公司 | 客户端用户界面更新方法和装置、客户端和服务器 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10831858B2 (en) | Mobile enablement of existing web sites | |
CN107832045B (zh) | 跨编程语言接口转换的方法和装置 | |
CN109683998B (zh) | 国际化实现方法、装置和系统 | |
CN110020329B (zh) | 用于生成网页的方法、装置和系统 | |
CN112100550A (zh) | 一种页面构建方法和装置 | |
CN113031946B (zh) | 一种渲染页面组件的方法和装置 | |
CN111294395A (zh) | 一种终端页面传输方法、装置、介质和电子设备 | |
CN109670132A (zh) | 一种页面绘制方法、装置、终端设备及存储介质 | |
CN113495730A (zh) | 资源包的生成及解析方法和装置 | |
CN112486482A (zh) | 一种页面展示方法和装置 | |
CN112395027A (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
CN110807535A (zh) | 统一预约平台的构建方法、构建装置和统一预约平台系统 | |
CN113760438A (zh) | 网页应用的页面显示方法及装置 | |
CN110941401A (zh) | 一种打印方法和装置 | |
CN114756228A (zh) | 页面处理方法、装置、设备及存储介质 | |
CN110705271B (zh) | 一种提供自然语言处理服务的系统及方法 | |
CN113378346A (zh) | 模型仿真的方法和装置 | |
CN113220381A (zh) | 一种点击数据展示方法和装置 | |
CN113282852A (zh) | 编辑网页的方法和装置 | |
CN113342450B (zh) | 页面处理的方法、装置、电子设备及计算机可读介质 | |
CN110647327A (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
CN113553123B (zh) | 数据处理方法、装置、电子设备及存储介质 | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN112926294A (zh) | 一种模板文件的生成方法和装置 | |
CN113760279A (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 |