CN110134477B - 一种动态布局用户页面的方法、装置、介质和电子设备 - Google Patents

一种动态布局用户页面的方法、装置、介质和电子设备 Download PDF

Info

Publication number
CN110134477B
CN110134477B CN201910335825.1A CN201910335825A CN110134477B CN 110134477 B CN110134477 B CN 110134477B CN 201910335825 A CN201910335825 A CN 201910335825A CN 110134477 B CN110134477 B CN 110134477B
Authority
CN
China
Prior art keywords
information
dynamic
dynamic object
acquiring
dynamic adjustment
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.)
Active
Application number
CN201910335825.1A
Other languages
English (en)
Other versions
CN110134477A (zh
Inventor
任鹏程
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201910335825.1A priority Critical patent/CN110134477B/zh
Publication of CN110134477A publication Critical patent/CN110134477A/zh
Application granted granted Critical
Publication of CN110134477B publication Critical patent/CN110134477B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请提供一种动态布局用户页面的方法、装置、介质和电子设备，所述方法包括：获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中；根据预设触发操作，获取与所述第一动态对象相关联的第一动态调整信息；根据所述第一动态调整信息调整所述第一动态对象的信息。本申请提炼出三个动态布局的时机，用来运行下发的脚本，达到更灵活的动态布局能力。无需下载软件的情况下，应用软件的用户页面由后端控制的目的。本申请可广泛应用在商业化或其他对实时性要求较高的场景，如广告页，商家店铺等，实现了动态调整页面的样式和交互方式，满足用户的需求等。

Description

一种动态布局用户页面的方法、装置、介质和电子设备
技术领域
本申请涉及计算机技术领域，具体而言，涉及一种动态布局用户页面的方法、装置、介质和电子设备。
背景技术
动态布局，是众多应用软件不可或缺的能力之一，目前比较知名的解决方案有ReactNative(RN)，Weex等。
例如，RN通过下发js脚本控制应用软件的原生页面的样式和交互。在描述样式方面，理论上可以达到与应用软件原生开发一样的效果，但是在描述交互方式方面还是有一定局限性，因为其需要在应用软件内提前将能力暴露给RN，然后RN框架才能借助这些能力完成用户的点击交互。
而Weex方案与RN类似，均是采用下发js脚本控制应用软件的原生页面，只是前端方面的框架由React换成了Vue，原理是相似的。
上述两种方案都很灵活，满足多数的动态布局需求。但框架比较复杂，内存占用高，效率比原生开发低，而且对客户端开发来说，有一定的学习成本。而许多业务中，需要动态改变其特定页面的样式或者交互行为，达到应用软件的页面可由服务端控制的目的。因此，当前开发急需一种高效率、低内存、能满足一定动态化需求的轻量级方案。
发明内容
本申请的目的在于提供一种动态布局用户页面的方法、装置、介质和电子设备，能够解决上述提到的至少一个技术问题。具体方案如下：
根据本申请的具体实施方式，第一方面，本申请提供了一种动态布局用户页面的方法，包括：
获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中；
根据预设触发操作，获取与所述第一动态对象相关联的第一动态调整信息；
根据所述第一动态调整信息调整所述第一动态对象的信息。
优选的，所述预设触发操作，包括：所述第一用户页面布局前的触发操作。
优选的，所述第一动态调整信息，包括：动态数据信息；
所述获取与所述第一动态对象相关联的第一动态调整信息，包括：
获取与所述第一动态对象相关联的动态数据信息。
优选的，所述第一动态对象的信息，包括：所述第一动态对象的数据信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：
根据所述动态数据信息调整所述第一动态对象的数据信息。
优选的，所述第一动态调整信息，包括：动态显示样式信息；
所述获取与所述第一动态对象相关联的第一动态调整信息，包括：
获取与所述第一动态对象相关联的动态显示样式信息。
优选的，所述第一动态对象的信息，包括：所述第一动态对象的显示样式信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：
根据所述动态显示样式信息调整所述第一动态对象的显示样式信息。
优选的，所述预设触发操作，包括：所述第一用户页面布局后的触发操作。
优选的，所述第一动态调整信息，包括：动态属性信息和/或事件触发的动态操作信息；
所述获取与所述第一动态对象相关联的第一动态调整信息，包括：
获取与所述第一动态对象相关联的动态属性信息和/或事件触发的动态操作信息。
优选的，所述第一动态对象的信息，包括：所述第一动态对象的属性信息和/或事件触发的操作信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：
根据所述动态属性信息调整所述第一动态对象的属性信息；
和/或，根据所述事件触发的动态操作信息调整所述第一动态对象的事件触发的操作信息。
优选的，所述获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中，包括：
向服务器发送获取所述第一用户页面的第一请求信息；
获取所述服务器响应所述第一请求信息发送的包括所述静态基础信息的第一结构文件；
根据预设第一解析规则解析所述第一结构文件，并获取所述静态基础信息；
将所述静态基础信息添加到所述第一动态对象的属性信息中。
优选的，所述获取与所述第一动态对象相关联的第一动态调整信息，包括：
向服务器发送获取所述第一用户页面的第二请求信息；
获取所述服务器响应所述第二请求信息发送的包括所述第一动态调整信息的第一脚本文件；
根据预设第二解析规则解析所述第一脚本文件，并获取所述第一动态调整信息。
根据本申请的具体实施方式，第二方面，本申请提供一种动态布局用户页面的装置，包括：
获取静态基础信息单元，用于获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中；
获取第一动态调整信息单元，用于根据预设触发操作，获取与所述第一动态对象相关联的第一动态调整信息；
调整第一动态对象单元，用于根据所述第一动态调整信息调整所述第一动态对象的信息。
根据本申请的具体实施方式，第三方面，本申请提供一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如第一方面所述的动态布局用户页面的方法。
根据本申请的具体实施方式，第四方面，本申请提供一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如第一方面所述的动态布局用户页面的方法。
本申请实施例的上述方案与现有技术相比，至少具有以下有益效果：
本申请提供一种动态布局用户页面的方法、装置、介质和电子设备，所述方法包括：获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中；根据预设触发操作，获取与所述第一动态对象相关联的第一动态调整信息；根据所述第一动态调整信息调整所述第一动态对象的信息。本申请提炼出三个动态布局的时机，用来运行下发的脚本，达到更灵活的动态布局能力。无需下载软件的情况下，应用软件的用户页面由后端控制的目的。本申请可广泛应用在商业化或其他对实时性要求较高的场景，如广告页，商家店铺等，实现了动态调整页面的样式和交互方式，满足用户的需求等。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：
图1示出了根据本申请实施例的动态布局用户页面的方法的流程图；
图2示出了根据本申请实施例的动态布局用户页面的装置的单元框图；
图3示出了根据本申请的实施例的电子设备连接结构示意图。
具体实施方式
为了使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请作进一步地详细描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本申请保护的范围。
在本申请实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种。
应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
应当理解，尽管在本公开实施例中可能采用术语第一、第二、第三等来描述技术名称，但这些技术名称不应限于这些术语。这些术语仅用来将技术名称区分开。例如，在不脱离本公开实施例范围的情况下，第一校验签名也可以被称为第二校验签名，类似地，第二校验签名也可以被称为第一校验签名。
取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者装置中还存在另外的相同要素。
下面结合附图详细说明本申请的可选实施例。
对本申请提供的第一实施例，即一种动态布局用户页面的方法的实施例。
下面结合图1对本实施例进行详细说明，其中，图1示出了根据本申请实施例的动态布局用户页面的方法的流程图。
步骤S101，获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中。
用户页面(User Interface，简称UI)，是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户页面是介于用户与硬件而设计彼此之间交互沟通相关软件，目的在使得用户能够方便有效率地去操作硬件以达成双向交互，完成所希望借助硬件完成之工作。所述用户页面是由完成各种不同功能的控件组成，包括可视控件和不可视控件。
所述第一动态对象是在应用中需要动态变更信息的控件。在所述第一用户页面中，所述第一动态对象既可以是可视控件，也可以是不可视控件。本实施例不做具体限制。
在本实施例中所述第一用户页面中至少包括一个第一动态对象。
静态基础信息，是与所述第一用户页面中的控件信息相对应的信息，也是对应所述控件信息中保持不变的信息，所述控件信息既可以是第一动态对象，也可以是非第一动态对象。所述控件信息中保持不变的信息包括用户页面的框架信息以及控件间的关系信息和相互间的位置信息。
在本步骤的一个具体应用场景中，采用结构文件获取所述静态基础信息。
所述结构文件，主要用于信息传输，并通过标记语言描述信息块的种类和属性。例如，结构文件是采用可扩展标记语言描述信息的文件(简称xml文件)。
所述获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中，具体包括以下步骤：
步骤S101-1，向服务器发送获取所述第一用户页面的第一请求信息。
所述服务器，是网络环境下能为网络用户提供集中计算、信息发表及数据管理等服务的专用计算机。也就是指网络中能对其它机器提供某种服务的高性能计算机系统。在互联网中，所述服务器常指提供Web服务的服务器。
所述第一请求信息，是指客户端向所述服务器发送的获取所述第一用户页面的请求信息。例如，在浏览器中输入所述网址信息后，客户端向所述服务器发送的包括网址信息的获取页面的请求信息；或触发页面的按键后，向所述服务器发送获取页面的请求信息。
步骤S101-2，获取所述服务器响应所述第一请求信息发送的包括所述静态基础信息的第一结构文件。
例如，所述第一结构文件是xml文件，服务器获得所述第一请求信息后，将所述第一请求信息相关联的xml文件发送给客户端，所述xml文件中包括了根据所述第一请求信息生成用户页面所需的静态基础信息，其中，也包括与所述第一动态对象相关联的所述静态基础信息。
步骤S101-3，根据预设第一解析规则解析所述第一结构文件，并获取与所述第一动态对象相关联的静态基础信息。
例如，所述第一结构文件是xml文件，所述预设第一解析规则也就是xml的解释规则，通常在客户端的浏览器中存在xml解释器，用于解析xml文件。
步骤S101-4，将所述静态基础信息添加到所述第一动态对象的属性信息中。
由于所述静态基础信息与所述第一动态对象的属性信息存在对应关系，将所述静态基础信息添加到所述第一动态对象的属性信息中，从而完成所述第一动态对象的静态信息的设置。
步骤S102，根据预设触发操作，获取与所述第一动态对象相关联的第一动态调整信息。
优选的，所述预设触发操作，包括：所述第一用户页面布局前的触发操作和所述第一用户页面布局后的触发操作。
所述第一动态调整信息，是与所述第一用户页面中的第一动态对象的信息相对应的信息。
本实施例将用户页面的控件信息分为静态基础信息和第一动态调整信息，这样可以减少服务器传输第一动态调整信息的数据量，提高用户页面响应效率，从而提高用户体验。
步骤S103，根据所述第一动态调整信息调整所述第一动态对象的信息。
本实施例提供了在两个优选的触发操作下三个动态布局的时机，用来运行下发的脚本，达到更灵活的动态布局能力。动态布局在静态布局的基础上进行细节调整，例如，位置微调，政策标红等，定义某个控件的点击行为等。从而达到通过服务器控制用户页面的目的。
本实施例针对上述步骤中优选的触发操作下动态布局的时机，提供了第一个应用场景。
所述预设触发操作，包括：所述第一用户页面布局前的触发操作。
所述第一动态调整信息，包括：动态数据信息。
所述动态数据信息，也就是与所述第一动态对象中数字信息相对应的信息，用于调整所述第一动态对象中数字信息。例如，时间信息、温度信息等。
所述获取与所述第一动态对象相关联的第一动态调整信息，包括：
获取与所述第一动态对象相关联的动态数据信息。
所述第一动态对象的信息，包括：所述第一动态对象的数据信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：
根据所述动态数据信息调整所述第一动态对象的数据信息。
本实施例针对上述步骤中优选的触发操作下动态布局的时机，提供了第二个应用场景。
所述预设触发操作，包括：所述第一用户页面布局前的触发操作。
所述第一动态调整信息，包括：动态显示样式信息。
所述显示样式信息，也就是所述第一动态对象显示的外形信息及内容格式信息。例如，第一动态对象是一个文字编辑器控件，其外形可以为矩形也可以为圆形，其内容格式可以采用宋体字、楷体字或隶书字体等。
所述动态显示样式信息，也就是与所述第一动态对象中显示样式信息相对应的信息，用于调整所述第一动态对象中显示样式信息。
所述获取与所述第一动态对象相关联的第一动态调整信息，包括：
获取与所述第一动态对象相关联的动态显示样式信息。
所述第一动态对象的信息，包括：所述第一动态对象的显示样式信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：
根据所述动态显示样式信息调整所述第一动态对象的显示样式信息。
本实施例针对上述步骤中优选的触发操作下动态布局的时机，提供了第三个应用场景。
所述预设触发操作，包括：所述第一用户页面布局后的触发操作。
所述第一动态调整信息，包括：动态属性信息和/或事件触发的动态操作信息。
所述动态属性信息和/或事件触发的动态操作信息，也就是与所述第一动态对象中属性信息和/或事件触发的操作信息相对应的信息，用于调整所述第一动态对象中属性信息和/或事件触发的操作信息。
事件触发的操作信息，是可以被控件识别的操作，例如，按下确定按钮，选择某个单选按钮或者复选框。每一种控件有自己可以识别的事件，例如，窗体的加载、单击、双击等事件，编辑框(文本框)的文本改变事件等。事件触发的操作信息可以触发控件产生预设操作。本实施例的应用场景可以实现动态改变所述预设操作。
所述获取与所述第一动态对象相关联的第一动态调整信息，包括：
获取与所述第一动态对象相关联的动态属性信息和/或事件触发的动态操作信息。
所述第一动态对象的信息，包括：所述第一动态对象的属性信息和/或事件触发的操作信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：
根据所述动态属性信息调整所述第一动态对象的属性信息；
和/或，根据所述事件触发的动态操作信息调整所述第一动态对象的事件触发的操作信息。
针对上述应用场景，本实施例提供了所述获取与所述第一动态对象相关联的第一动态调整信息，具体步骤包括：
步骤S102-1，向服务器发送获取所述第一用户页面的第二请求信息。
所述第二请求信息，也就是对所述第一用户页面的第一动态对象进行预设动态调整的请求信息。例如，向所述服务器发送编号“101”，表示需要获取编号“101”为代表的动态调整信息。
步骤S102-2，获取所述服务器响应所述第二请求信息发送的包括所述第一动态调整信息的第一脚本文件。
脚本文件，是批处理文件的延伸，是一种纯文本保存的程序，一般来说的计算机脚本程序是确定的一系列控制计算机进行运算操作动作的组合，在其中可以实现一定的逻辑分支等。脚本程序相对一般程序开发来说比较接近自然语言，可以不经编译而是解释执行，利于快速开发或一些轻量的控制。例如，脚本文件是采用JavaScript语言描述信息与操作的文件(简称js文件)。
步骤S102-3，根据预设第二解析规则解析所述第一脚本文件，并获取所述第一动态调整信息。
例如，所述第一脚本文件是js文件，所述预设第二解析规则也就是js的解释规则，通常在客户端的浏览器中存在js解释器，用于解析js文件，从而达到动态调整的目的。
本实施例提炼出三个动态布局的时机，用来运行下发的脚本，达到更灵活的动态布局能力。无需下载软件的情况下，应用软件的用户页面由后端控制的目的。本申请可广泛应用在商业化或其他对实时性要求较高的场景，如广告页，商家店铺等，实现了动态调整页面的样式和交互方式，满足用户的需求等。
与本申请提供的第一实施例相对应，本申请还提供了第二实施例，即一种动态布局用户页面的装置。由于第二实施例基本相似于第一实施例，所以描述得比较简单，相关的部分请参见第一实施例的对应说明即可。下述描述的装置实施例仅仅是示意性的。
图2示出了本申请提供的一种动态布局用户页面的装置的实施例。图2示出了根据本申请实施例的动态布局用户页面的装置的单元框图。
请参见图2所示，本申请提供一种动态布局用户页面的装置，包括：获取静态基础信息单元201，获取第一动态调整信息单元202，调整第一动态对象单元203。
获取静态基础信息单元201，用于获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中；
获取第一动态调整信息单元202，用于根据预设触发操作，获取与所述第一动态对象相关联的第一动态调整信息；
调整第一动态对象单元203，用于根据所述第一动态调整信息调整所述第一动态对象的信息。
优选的，所述预设触发操作，包括：所述第一用户页面布局前的触发操作。
优选的，所述第一动态调整信息，包括：动态数据信息；
在所述获取第一动态调整信息单元202中，包括：
获取动态数据信息子单元，用于获取与所述第一动态对象相关联的动态数据信息。
优选的，所述第一动态对象的信息，包括：所述第一动态对象的数据信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：
调整数据信息子单元，用于根据所述动态数据信息调整所述第一动态对象的数据信息。
优选的，所述第一动态调整信息，包括：动态显示样式信息；
在所述获取第一动态调整信息单元202中，包括：
获取动态显示样式信息子单元，用于获取与所述第一动态对象相关联的动态显示样式信息。
优选的，所述第一动态对象的信息，包括：所述第一动态对象的显示样式信息；
在所述调整第一动态对象单元203中，包括：
调整显示样式信息子单元，用于根据所述动态显示样式信息调整所述第一动态对象的显示样式信息。
优选的，所述预设触发操作，包括：所述第一用户页面布局后的触发操作。
优选的，所述第一动态调整信息，包括：动态属性信息和/或事件触发的动态操作信息；
在所述获取第一动态调整信息单元202中，包括：
获取动态属性信息及动态操作信息子单元，用于获取与所述第一动态对象相关联的动态属性信息和/或事件触发的动态操作信息。
优选的，所述第一动态对象的信息，包括：所述第一动态对象的属性信息和/或事件触发的操作信息；
在所述调整第一动态对象单元203中，包括：
调整属性信息及操作信息子单元，用于根据所述动态属性信息调整所述第一动态对象的属性信息；
和/或，根据所述事件触发的动态操作信息调整所述第一动态对象的事件触发的操作信息。
在所述获取静态基础信息单元201中，包括：
发送第一请求信息子单元，用于向服务器发送获取所述第一用户页面的第一请求信息；
获取第一结构文件子单元，用于获取所述服务器响应所述第一请求信息发送的包括所述静态基础信息的第一结构文件；
获取静态基础信息子单元，用于根据预设第一解析规则解析所述第一结构文件，并获取所述静态基础信息；
添加静态基础信息子单元，用于将所述静态基础信息添加到所述第一动态对象的属性信息中。
在所述获取第一动态调整信息单元202中，包括：
发送第二请求信息子单元，用于向服务器发送获取所述第一用户页面的第二请求信息；
获取第一脚本文件子单元，用于获取所述服务器响应所述第二请求信息发送的包括所述第一动态调整信息的第一脚本文件；
获取第一动态调整信息子单元，用于根据预设第二解析规则解析所述第一脚本文件，并获取所述第一动态调整信息。
本实施例提炼出三个动态布局的时机，用来运行下发的脚本，达到更灵活的动态布局能力。无需下载软件的情况下，应用软件的用户页面由后端控制的目的。本申请可广泛应用在商业化或其他对实时性要求较高的场景，如广告页，商家店铺等，实现了动态调整页面的样式和交互方式，满足用户的需求等。
本实施例提供了第三实施例，即一种电子设备，该设备用于动态布局用户页面的方法，所述电子设备，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如第一实施例所述动态布局用户页面的方法。
本公开实施例提供了第四实施例，即一种动态布局用户页面的计算机存储介质，所述计算机存储介质存储有计算机可执行指令，该计算机可执行指令可执行如第一实施例所述动态布局用户页面的方法。
请参见图3所述，其示出了适于用来实现本公开实施例的电子设备的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图3示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
请参见图3所示，电子设备可以包括处理装置(例如中央处理器、图形处理器等)301，其可以根据存储在只读存储器(ROM)302中的程序或者从存储装置308加载到随机访问存储器(RAM)303中的程序而执行各种适当的动作和处理。在RAM 303中，还存储有电子设备操作所需的各种程序和数据。处理装置301、ROM 302以及RAM 303通过总线304彼此相连。输入/输出(I/O)接口305也连接至总线304。
通常，以下装置可以连接至I/O接口305：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置306；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置307；包括例如磁带、硬盘等的存储装置308；以及通信装置309。通信装置309可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图3示出了具有各种装置的电子设备，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置309从网络上被下载和安装，或者从存储装置308被安装，或者从ROM 302被安装。在该计算机程序被处理装置301执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取至少两个网际协议地址；向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求，其中，所述节点评价设备从所述至少两个网际协议地址中，选取网际协议地址并返回；接收所述节点评价设备返回的网际协议地址；其中，所获取的网际协议地址指示内容分发网络中的边缘节点。
或者，上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：接收包括至少两个网际协议地址的节点评价请求；从所述至少两个网际协议地址中，选取网际协议地址；返回选取出的网际协议地址；其中，接收到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。

Claims (13)

1.一种动态布局用户页面的方法，其特征在于，包括：
获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中；所述第一动态对象是在应用中需要动态变更信息的控件；
根据预设触发操作，获取与所述第一动态对象相关联的第一动态调整信息；所述第一动态调整信息用于调整所述控件的位置和/或交互；
根据所述第一动态调整信息调整所述第一动态对象的信息；
其中，所述获取与所述第一动态对象相关联的第一动态调整信息，包括：
向服务器发送获取所述第一用户页面的第二请求信息；
获取所述服务器响应所述第二请求信息发送的包括所述第一动态调整信息的第一脚本文件；
根据预设第二解析规则解析所述第一脚本文件，并获取所述第一动态调整信息。
2.根据权利要求1所述的方法，其特征在于：所述预设触发操作，包括：所述第一用户页面布局前的触发操作。
3.根据权利要求2所述的方法，其特征在于：
所述第一动态调整信息，包括：动态数据信息；
所述获取与所述第一动态对象相关联的第一动态调整信息，包括：获取与所述第一动态对象相关联的动态数据信息。
4.根据权利要求3所述的方法，其特征在于：
所述第一动态对象的信息，包括：所述第一动态对象的数据信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：根据所述动态数据信息调整所述第一动态对象的数据信息。
5.根据权利要求2所述的方法，其特征在于：
所述第一动态调整信息，包括：动态显示样式信息；
所述获取与所述第一动态对象相关联的第一动态调整信息，包括：获取与所述第一动态对象相关联的动态显示样式信息。
6.根据权利要求5所述的方法，其特征在于：
所述第一动态对象的信息，包括：所述第一动态对象的显示样式信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：根据所述动态显示样式信息调整所述第一动态对象的显示样式信息。
7.根据权利要求1所述的方法，其特征在于，所述预设触发操作，包括：所述第一用户页面布局后的触发操作。
8.根据权利要求7所述的方法，其特征在于：
所述第一动态调整信息，包括：动态属性信息和/或事件触发的动态操作信息；
所述获取与所述第一动态对象相关联的第一动态调整信息，包括：获取与所述第一动态对象相关联的动态属性信息和/或事件触发的动态操作信息。
9.根据权利要求8所述的方法，其特征在于：
所述第一动态对象的信息，包括：所述第一动态对象的属性信息和/或事件触发的操作信息；
所述根据所述第一动态调整信息调整所述第一动态对象的信息，包括：
根据所述动态属性信息调整所述第一动态对象的属性信息；
和/或，根据所述事件触发的动态操作信息调整所述第一动态对象的事件触发的操作信息。
10.根据权利要求1所述的方法，其特征在于，所述获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中，包括：
向服务器发送获取所述第一用户页面的第一请求信息；
获取所述服务器响应所述第一请求信息发送的包括所述静态基础信息的第一结构文件；
根据预设第一解析规则解析所述第一结构文件，并获取所述静态基础信息；
将所述静态基础信息添加到所述第一动态对象的属性信息中。
11.一种动态布局用户页面的装置，其特征在于，包括：
获取静态基础信息单元，用于获取与第一用户页面的第一动态对象相关联的静态基础信息，并将所述静态基础信息添加到所述第一动态对象的属性信息中；所述第一动态对象是在应用中需要动态变更信息的控件；
获取第一动态调整信息单元，用于根据预设触发操作，获取与所述第一动态对象相关联的第一动态调整信息；所述第一动态调整信息用于调整所述控件的位置和/或交互；
调整第一动态对象单元，用于根据所述第一动态调整信息调整所述第一动态对象的信息；
其中，所述获取第一动态调整信息单元包括：
发送第二请求信息子单元，用于向服务器发送获取所述第一用户页面的第二请求信息；
获取第一脚本文件子单元，用于获取所述服务器响应所述第二请求信息发送的包括所述第一动态调整信息的第一脚本文件；
获取第一动态调整信息子单元，用于根据预设第二解析规则解析所述第一脚本文件，并获取所述第一动态调整信息。
12.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1至10中任一项所述的方法。
13.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如权利要求1至10中任一项所述的方法。
CN201910335825.1A 2019-04-24 2019-04-24 一种动态布局用户页面的方法、装置、介质和电子设备 Active CN110134477B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910335825.1A CN110134477B (zh) 2019-04-24 2019-04-24 一种动态布局用户页面的方法、装置、介质和电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910335825.1A CN110134477B (zh) 2019-04-24 2019-04-24 一种动态布局用户页面的方法、装置、介质和电子设备

Publications (2)

Publication Number Publication Date
CN110134477A CN110134477A (zh) 2019-08-16
CN110134477B true CN110134477B (zh) 2021-07-20

Family

ID=67570951

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910335825.1A Active CN110134477B (zh) 2019-04-24 2019-04-24 一种动态布局用户页面的方法、装置、介质和电子设备

Country Status (1)

Country Link
CN (1) CN110134477B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111857658A (zh) * 2020-06-19 2020-10-30 北京字节跳动网络技术有限公司 一种渲染动态组件的方法、装置、介质和电子设备
CN113672835B (zh) * 2021-07-13 2024-04-12 上海硬通网络科技有限公司 网页动态特效的设置方法、装置、设备及存储介质

Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1614927A (zh) * 2004-11-18 2005-05-11 北京锐安科技有限公司 在b/s结构中实现树型结构的方法
CN102436351A (zh) * 2011-12-22 2012-05-02 优视科技有限公司 通过拖拽手势控制应用界面的方法和装置
CN102591644A (zh) * 2010-12-13 2012-07-18 微软公司 未知可视布局位置的静态定义
CN102646016A (zh) * 2012-02-13 2012-08-22 北京百纳信息技术有限公司 显示手势语音交互统一界面的用户终端及其显示方法
CN102833187A (zh) * 2012-09-04 2012-12-19 上海量明科技发展有限公司 即时通信中交互界面提醒输出的方法、客户端及系统
CN102945122A (zh) * 2012-10-11 2013-02-27 百度在线网络技术（北京）有限公司 为移动终端提供适配的阅读界面的方法以及客户端
CN103473086A (zh) * 2013-08-29 2013-12-25 上海斐讯数据通信技术有限公司 一种宽带猫web界面切换方法
CN104331284A (zh) * 2014-10-29 2015-02-04 北京思特奇信息技术股份有限公司 一种动态页面生成展示方法及系统
CN104391868A (zh) * 2014-10-28 2015-03-04 用友优普信息技术有限公司 动态页面静态化的装置和方法
CN105069013A (zh) * 2015-07-10 2015-11-18 百度在线网络技术（北京）有限公司 在搜索界面中提供输入接口的控制方法和装置
CN105373615A (zh) * 2015-11-24 2016-03-02 深圳市华讯方舟科技有限公司 一种页面定制化的方法和装置
CN106227742A (zh) * 2016-07-12 2016-12-14 乐视控股（北京）有限公司 基于b/s模式的动态网页生成方法、服务器和系统
CN107729005A (zh) * 2017-10-12 2018-02-23 福建富士通信息软件有限公司 一种基于h5的可视化业务界面动态配置方法
CN108509526A (zh) * 2018-03-13 2018-09-07 百度在线网络技术（北京）有限公司 用于动态布局移动应用的界面元素的方法和装置

Family Cites Families (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2001018657A1 (en) * 1999-09-09 2001-03-15 Percussion Software, Inc. Dynamic content identifier for xml web pages
US20020156815A1 (en) * 2001-04-19 2002-10-24 International Business Machines Corporation Method and apparatus for the separation of web layout, logic, and data when used in server-side scripting languages
CN101192216B (zh) * 2006-11-28 2010-08-04 中兴通讯股份有限公司 静态页面控件与web服务器互动的实现方法及web服务器
CN101311925B (zh) * 2007-05-23 2011-01-05 杭州华三通信技术有限公司 一种Web页面开发和维护方法及其装置
CN101739415A (zh) * 2008-11-25 2010-06-16 华中师范大学 一种面向浏览器的网页标注系统
CN101582860B (zh) * 2009-06-16 2012-10-10 中兴通讯股份有限公司 不同通讯设备的用户界面皮肤的更换方法
CN101763423B (zh) * 2010-01-21 2014-02-19 中兴通讯股份有限公司南京分公司 实现万维网页面树形结构数据展示的方法、系统及装置
CN102375884A (zh) * 2011-10-21 2012-03-14 北京百度网讯科技有限公司 一种用于对页面访问对象进行数据压缩的方法及设备
CN104423951B (zh) * 2013-09-03 2017-11-17 国际商业机器公司 用于用户界面的方法和装置
CN106874023B (zh) * 2015-12-14 2020-09-01 腾讯科技（深圳）有限公司 动态页面加载方法和装置
CN105808244A (zh) * 2016-03-01 2016-07-27 杭州师范大学 一种基于工作流的动态数据可视化分析工具
CN107423070B (zh) * 2017-08-03 2021-02-23 北京奇艺世纪科技有限公司 一种页面生成方法及装置

Patent Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1614927A (zh) * 2004-11-18 2005-05-11 北京锐安科技有限公司 在b/s结构中实现树型结构的方法
CN102591644A (zh) * 2010-12-13 2012-07-18 微软公司 未知可视布局位置的静态定义
CN102436351A (zh) * 2011-12-22 2012-05-02 优视科技有限公司 通过拖拽手势控制应用界面的方法和装置
CN102646016A (zh) * 2012-02-13 2012-08-22 北京百纳信息技术有限公司 显示手势语音交互统一界面的用户终端及其显示方法
CN102833187A (zh) * 2012-09-04 2012-12-19 上海量明科技发展有限公司 即时通信中交互界面提醒输出的方法、客户端及系统
CN102945122A (zh) * 2012-10-11 2013-02-27 百度在线网络技术（北京）有限公司 为移动终端提供适配的阅读界面的方法以及客户端
CN103473086A (zh) * 2013-08-29 2013-12-25 上海斐讯数据通信技术有限公司 一种宽带猫web界面切换方法
CN104391868A (zh) * 2014-10-28 2015-03-04 用友优普信息技术有限公司 动态页面静态化的装置和方法
CN104331284A (zh) * 2014-10-29 2015-02-04 北京思特奇信息技术股份有限公司 一种动态页面生成展示方法及系统
CN105069013A (zh) * 2015-07-10 2015-11-18 百度在线网络技术（北京）有限公司 在搜索界面中提供输入接口的控制方法和装置
CN105373615A (zh) * 2015-11-24 2016-03-02 深圳市华讯方舟科技有限公司 一种页面定制化的方法和装置
CN106227742A (zh) * 2016-07-12 2016-12-14 乐视控股（北京）有限公司 基于b/s模式的动态网页生成方法、服务器和系统
CN107729005A (zh) * 2017-10-12 2018-02-23 福建富士通信息软件有限公司 一种基于h5的可视化业务界面动态配置方法
CN108509526A (zh) * 2018-03-13 2018-09-07 百度在线网络技术（北京）有限公司 用于动态布局移动应用的界面元素的方法和装置

Also Published As

Publication number Publication date
CN110134477A (zh) 2019-08-16

Similar Documents

Publication Publication Date Title
CN110046021B (zh) 一种页面显示方法、装置、系统、设备和存储介质
CN109634598B (zh) 一种页面显示方法、装置、设备及存储介质
CN109460233B (zh) 页面的原生界面显示更新方法、装置、终端设备及介质
CN111580879A (zh) 小程序的运行方法、装置、电子设备及计算机存储介质
CN109857506B (zh) 引导信息的实现方法、装置、电子设备和存储介质
CN109669617A (zh) 用于切换页面的方法和装置
CN111796820A (zh) 基于集成化组件构建前端页面的方法、装置及电子设备
CN113505302A (zh) 支持动态获取埋点数据的方法、装置、系统及电子设备
CN110134477B (zh) 一种动态布局用户页面的方法、装置、介质和电子设备
US10089283B2 (en) Mobile enablement of webpages
CN112395027A (zh) 微件界面生成方法、装置、存储介质与电子设备
CN111694629A (zh) 信息展示方法、装置和电子设备
CN109814915B (zh) 基于lua的参数配置方法、装置、介质和电子设备
CN112486482A (zh) 一种页面展示方法和装置
CN110489106A (zh) 一种项目初始化代码的生成方法、装置、介质和电子设备
CN109814778B (zh) 小程序选项卡的实现方法、装置、电子设备及介质
CN110069186B (zh) 显示应用的操作界面的方法和设备
CN110618811B (zh) 信息呈现方法和装置
CN112256221A (zh) 信息显示方法、装置和电子设备
CN111222067B (zh) 信息生成方法和装置
CN111506848A (zh) 网页处理方法、装置、设备及可读存储介质
CN111382039A (zh) 上报用户行为事件的方法、装置、电子设备及存储介质
CN115174282A (zh) 一种信息交互方法、装置、设备及介质
JP2024500300A (ja) 情報インタラクション方法、装置、及び機器
CN110377192B (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
GR01 Patent grant
GR01 Patent grant