CN106775836B - 界面显示方法及界面显示装置 - Google Patents

Abstract

本发明公开了一种界面显示方法及界面显示装置；方法包括：从网络侧获取客户端的界面中业务区域的模版配置；解析模版配置，基于解析得到的控件标识确定网络侧更新的业务区域中包括的控件；基于模版配置中对应控件的样式、创建相应符合相应样式的控件；基于模版配置中针对业务区域的控件布局，对所创建的控件进行组合形成对应业务区域的模版；在界面中业务区域加载针对业务区域所创建的模版。实施本发明，能够以简洁高效的方式更新客户端的控件样式。

Description

界面显示方法及界面显示装置

技术领域

本发明涉及控件技术，尤其涉及一种界面显示方法及界面显示装置。

背景技术

互联网日益普及，各种服务普遍以互联网为媒介的方式提供，例如传统的通过线下才能获取的服务(包括去商店购买商品、去彩票站购买彩票、去餐厅订餐等)，可以通过在终端中安装提供相应服务的客户端实现。

目前，控件是内置于客户端中的，控件样式与客户端的版本耦合，存在导致控件的更新难以实施的问题。

实际应用中，根据业务的实际需求，往往需要频繁调整客户端界面中频繁调整控件样式，而客户端应用版本更新往往是针对客户端中重要问题的修正或重大功能升级，因此客户端版本更新不适宜专用于客户端中控件样式的更新。

发明内容

本发明实施例提供一种界面显示方法及界面显示装置，能够以简洁高效的方式更新客户端界面中的控件的样式。

本发明实施例的技术方案是这样实现的：

第一方面，本发明实施例提供一种界面显示方法，包括：

从网络侧获取客户端的界面中业务区域的模版配置；

解析所述模版配置，基于解析得到的控件标识确定所述网络侧更新的所述业务区域中包括的控件；

基于所述模版配置中对应所述控件的样式、创建相应符合相应样式的控件；

基于所述模版配置中针对所述业务区域的控件布局，对所创建的控件进行组合形成对应所述业务区域的模版；

在所述界面中所述业务区域加载针对所述业务区域所创建的模版。

第二方面，本发明实施例提供一种界面显示装置，包括：

获取单元，用于从网络侧获取客户端的界面中业务区域的模版配置；

模版配置解析单元，用于解析所述模版配置，基于解析得到的控件标识确定所述网络侧更新的所述业务区域中包括的控件；

控件创建单元，用于基于所述模版配置中对应所述控件的样式、创建相应符合相应样式的控件；

模版创建单元，用于基于所述模版配置中针对所述业务区域的控件布局，对所创建的控件进行组合形成对应所述业务区域的模版；

加载单元，用于在所述界面中所述业务区域加载针对所述业务区域所创建的模版。

第三方面，本发明实施例提供一种界面显示装置，包括处理器和存储器；所述存储器中存储有可执行指令，用于引起处理器执行包括以下的操作：

从网络侧获取客户端的界面中业务区域的模版配置；

解析所述模版配置，基于解析得到的控件标识确定所述网络侧更新的所述业务区域中包括的控件；

基于所述模版配置中对应所述控件的样式、创建相应符合相应样式的控件；

基于所述模版配置中针对所述业务区域的控件布局，对所创建的控件进行组合形成对应所述业务区域的模版；

在所述界面中所述业务区域加载针对所述业务区域所创建的模版。

第四方面，本发明实施例提供一种存储介质，存储有可执行指令，用于执行本发明实施例提供的界面显示方法。

本发明实施例具有以下有益效果：

在客户端界面中实现了模版与内容之间的解耦：将客户端界面划分为不同的业务区域，根据需求从网络侧获取业务区域的模版配置，基于模版配置创建控件以组合形成的业务区域的新模版，基于新模版，可以容易地在模版中加载与业务相关的内容。这就由于控件的样式可以容易地在网络侧的模版配置中设置，通过在业务区域加载新模版的方式，支持根据实际的业务需求对客户端界面的控件样式随时灵活更新。

附图说明

图1是本发明实施例中界面显示方法的一个可选的流程示意图；

图2是本发明实施例中界面显示装置的一个可选的软硬件结构示意图；

图3是本发明实施例中用户侧终端应用于客户端/服务器架构的业务系统的一个可选的架构示意图；

图4是本发明实施例中界面显示方法的一个可选的流程示意图；

图5-1是本发明实施例中彩票客户端的界面的一个可选的显示示意图；

图5-2是本发明实施例中彩票客户端的界面中快捷投注业务区域的一个可选的示意图；

图5-3为本发明实施例提供的请求部分业务区域的模版配置进行更新的一个可选的示意图；

图5-4为本发明实施例提供的请求部分业务区域的模版配置进行更新的一个可选的示意图；

图6是本发明实施例中界面显示装置一个可选的功能结构示意图；

图7是本发明实施例中支持彩票业务的客户端的界面显示处理的流程示意图；

图8是本发明实施例中支持彩票业务的客户端与数据中心交互以进行界面显示处理的示意图。

具体实施方式

以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所提供的实施例仅仅用以解释本发明，并不用于限定本发明。另外，以下所提供的实施例是用于实施本发明的部分实施例，而非提供实施本发明的全部实施例，在本领域技术人员不付出创造性劳动的前提下，对以下实施例的技术方案进行重组所得的实施例、以及基于对发明所实施的其他实施例均属于本发明的保护范围。

需要说明的是，在本发明实施例中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的方法或者装置不仅包括所明确记载的要素，而且还包括没有明确列出的其他要素，或者是还包括为实施方法或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的方法或者装置中还存在另外的相关要素(例如方法中的步骤或者装置中的单元)。

例如，本发明实施例提供的界面显示方法包含了一系列的步骤，但是本发明实施例提供的界面显示方法不限于所记载的步骤，同样地，本发明实施例提供的界面显示装置包括了一系列单元，但是本发明实施例提供的界面显示装置不限于包括所明确记载的单元，还可以包括为获取相关信息、或基于信息进行处理时所需要设置的单元。

实际应用中，根据业务的实际需求，往往需要频繁调整客户端界面中频繁调整控件样式，而客户端应用版本更新往往是针对客户端中重要问题的修正或重大功能升级，因此客户端版本更新不适宜专用于客户端中控件样式的更新。

对本发明进行进一步详细说明之前，对本发明实施例中涉及的名词和术语进行说明，本发明实施例中涉及的名词和术语适用于如下的解释。

1)终端，用户侧使用的智能手机、平板电脑和车载终端等支持安装各种客户端(例如提供各基于网络的服务的客户端)，并显示客户端的图形界面的设备。

2)控件，也称为组件或者构件，是包括在客户端的界面中的对象，完成视窗、文本框、按钮和下拉式菜单等界面元素的显示，响应界面中接收到的相关操作，可广泛应用于各类客户端的显示和操作中。

3)控件样式，也即控件的样式，从结构上讲，包含属性(外观属性)、方法和事件(响应事件)三个部分。

属性决定了控件的外观，如控件自身的外观，通常包括控件的名称、形状、显示风格、字体颜色等；又例如，控件显示的用户或客户端输入的内容(如文本、图片)的外观。控件都有特定的属性集合，但其中的一些属性是共性的(如名称)。

方法是指控件实现的可见的功能，如刷新和设置焦点等。

事件是指控件对触控、键盘和鼠标等操作的响应，控件中有需要响应的不同事件的集合，一旦控件的某个事件发生，就可以引起相应事件过程的执行，事件对象有自己特定的名称，如按钮单击事件。

在运行状态下，控件工作在一个已经运行的客户端中，控件将自身显示出来，控件需要对方法的调用进行处理并实现与其他控件之间的协同工作。

4)业务区域，客户端的界面中按照业务、功能和视觉习惯等粒度划分的不同的区域，每个业务区域包括一系列的控件，用以支持实现一个完整的业务(或功能)，例如彩票客户端界面中的快捷投注区域(用以实现彩票的快速投注)、彩票品种区域(用以实现彩票品种的查看、选择)；新闻客户端界面中的快速转发区域(用以实现新闻的一键转发)、账号登录区域(用以实现登录后台服务器)等。

5)模版配置，也就是模版配置文件，与客户端界面的业务区域对应，模版配置包括一个业务区域进行显示以及实现相应功能所需要的配置数据，用以描述业务区域包括的控件、各控件之间形成的布局结构以及控件样式。

模版配置可以采用可扩展标记语言(XML，eXtensible Markup Language)或JavaScript对象表示(JSON，JavaScript Object Notation)格式进行描述。

6)模版，与客户端界面中的业务区域对应，是用于实现特定功能的一系列控件，控件按照模版配置中指定的布局进行组合，各个控件按照模版配置中指定的控件样式进行显示，并响应模版配置中指定的响应事件。

如前所述，相关技术提供的控件是内置于客户端中的，控件样式与客户端的版本耦合，导致控件的更新难以实施的问题。

以用户需要购买彩票为例，用户在终端启动彩票客户端，客户端向相应的后台服务器请求相关的业务信息(例如当前可选购彩票的品种、投注规则、收费等信息)，供用户在客户端中即可选择某品种的彩票并完成在线投注。

客户端的界面中显示业务信息以及响应用户的操作依赖于控件，控件是客户端中的功能模块，控件样式定义了控件本身(如命令按钮控件)的样式、控件显示业务信息(如文本框控件中显示的图片、文本形式的业务信息)的样式(如位置、大小、颜色等属性)，并控制响应界面发生的各种事件(典型地，例如按钮点击事件)。

具体来说，客户端在启动时即加载内置的相关的控件、显示业务信息并响应用户操作，控件样式是无法调整的，一旦需要调整，就需要发布客户端的新版本，并在客户端的新版本中更新控件。

针对相关技术通过客户端版本更新来更新界面中控件样式的问题，参见图1示出的本发明实施例提供的界面显示方法的一个可选的流程示意图，步骤101，从网络侧获取客户端的界面中业务区域的模版配置；步骤102，解析模版配置，基于解析得到的控件标识确定网络侧更新的业务区域中包括的控件；步骤103，基于模版配置中对应控件的样式、创建相应符合相应样式的控件；步骤104，基于模版配置中针对业务区域的控件布局，对所创建的控件进行组合形成对应业务区域的模版；步骤105，在界面中业务区域加载针对业务区域所创建的模版。

可以看出，将客户端界面划分为不同的业务区域，根据需求从网络侧获取业务区域的模版配置，基于模版配置创建控件以组合形成的业务区域的新模版，基于新模版，可以容易地在模版中加载与业务相关的内容(如文本、图片和视频等能够形成视觉感知的信息)。这就在客户端界面中实现了模版与内容之间的解耦，由于控件的样式可以容易地在网络侧的模版配置中设置，通过在业务区域加载新模版的方式，支持根据实际的业务需求对客户端界面随时灵活更新。

本发明实施例还提供应用上述界面显示方法的界面显示装置，界面显示装置可以采用多种方式实施，以下示例性地说明。

在一个实施例中，界面显示装置基于用户侧的终端(例如，智能手机、平板电脑等)的硬件资源共同实现，在硬件层面上，实现界面显示装置的硬件资源包括如处理器和内存的计算资源、如网络接口的通信资源实现；在软件层面上，界面显示装置可以实施为存储于存储介质中的可执行指令(包括诸如程序、模块之类的计算机可执行指令)。

如上，以界面显示装置基于用户侧终端的硬件资源实现时，参见图2示出的界面显示装置10的一个可选的软硬件结构示意图，界面显示装置10包括硬件层、中间层、操作系统层和软件层。然而，本领域的技术人员应当理解，图2示出的界面显示装置10的结构仅为示例，并不构成对界面显示装置10结构的限定。例如，界面显示装置10可以根据实施需要设置较图2更多的组件，或者根据实施需要省略设置部分组件。

界面显示装置10的硬件层包括处理器11、输入/输出接口13，存储介质14以及网络接口12，组件可以经系统总线连接通信。

处理器11可以采用中央处理器(CPU)、微处理器(MCU，Microcontroller Unit)、专用集成电路(ASIC，Application Specific Integrated Circuit)或逻辑可编程门阵列(FPGA，Field－Programmable Gate Array)实现。

输入/输出接口13可以采用如显示屏、触摸屏、扬声器等输入/输出器件实现。

存储介质14可以采用闪存、硬盘、光盘等非易失性存储介质实现，也可以采用双倍率(DDR，Double Data Rate)动态缓存等易失性存储介质实现，其中存储有用以执行上述界面显示方法的可执行指令。

示例性地，存储介质14可以与界面显示装置10的其他组件集中设置，也可以相对于界面显示装置10中的其他组件分布设置。网络接口12向处理器11提供外部数据如异地设置的存储介质14的访问能力，示例性地，网络接口12可以基于近场通信(NFC，Near FieldCommunication)技术、蓝牙(Bluetooth)技术、紫蜂(ZigBee)技术进行的近距离通信，另外，还可以实现如基于码分多址(CDMA，Code Division Multiple Access)、宽带码分多址(WCDMA，Wideband Code Division Multiple Access)等通信制式及其演进制式的蜂窝通信，又例如，基于无线相容性认证(WiFi)方式经由接入无线接入点(AP，Access Point)接入网络侧的通信。

驱动层包括用于供操作系统16识别硬件层并与硬件层各组件通信的中间件15，例如可以为针对硬件层的各组件的驱动程序的集合。

操作系统16用于提供面向用户的图形界面，示例性地，包括插件图标、桌面背景和应用图标，操作系统16支持用户经由图形界面对设备的控制本发明实施例对上述设备的软件环境如操作系统类型、版本不做限定，例如可以是Linux操作系统、UNIX操作系统或其他操作系统。

应用层包括用户侧终端运行的客户端，例如提供网络服务的应用17如彩票应用、社交应用和外卖应用等。

图3是本发明实施例中提供的用户侧终端应用于客户端/服务器架构的业务系统的一个可选的架构示意图，在图3中，用户侧终端14和用户侧终端15中运行有提供网络服务的客户端，如前述的彩票客户端、社交客户端等。客户端向相应的后台服务器请求业务内容。

以彩票客户端为例，彩票客户端向模版服务器11请求界面中各业务区域的模版配置，根据模版配置创建模版并在界面中加载。

彩票客户端还向后台服务器12通过网络13请求彩票业务相关的内容，诸如当前发布的彩票品种、彩票投注规则和彩票价格等内容，内容可以采用文本或者图片的形式，业务内容被加载到相应业务区域的填充图片或文本的区域。

例如，彩种(彩票品种)内容被加载到彩种模版中用填充业务内容的区域进行显示，幸运选(彩票)号功能的相关文本和图片被加载到幸运选号模版中用于填充文本和图片的区域，快捷投注功能的相关文本和图片被加载到快捷投注模版中用于填充文本和图片的区域进行显示。

下面结合不同的场景对本发明实施例提供的界面显示方法进行说明。

本发明实施例提供的界面显示方法应用于这样的场景，客户端从网络侧获取界面中全部业务区域的模版配置(全部业务区域的模版配置也称为界面配置)，基于模版配置创建出新的控件并组合形成业务区域的模版，在各业务区域加载新的模版实现控件的更新，并从客户端的后台服务器请求业务相关的内容在模版中填充显示。

针对上述场景，本发明实施例提供的界面显示方法的一个可选的流程示意图如图4所示，包括以下步骤

步骤201，客户端检测到需要显示界面。

例如，客户端启动，客户端因启动而处于需要显示客户端界面的前台运行状态。

又例如，客户端从后台运行状态切换为需要显示客户端界面前台运行状态。

再例如，客户端在启动后默认显示的界面中接收到用户操作，而需要跳转显示另外一个界面。

步骤202，客户端向网络侧的模版服务器请求获取界面中业务区域的模版配置。

模版服务器维护不同客户端界面的界面配置，界面配置是客户端界面中各业务区域的模版配置的组合。如果客户端只设置有一个界面，相关的全部业务均可以在该界面中操作完成，则模版服务器以客户端请求中携带的客户端标识(如名称、版本和序列号等形式)针对该界面维护一个界面配置，界面配置中包括界面中各业务区域的模版配置，向客户端返回所请求的模版配置。

特别地，当客户端包括多个界面(例如客户端启动后以标签方式显示多个主界面，以及与主界面关联的多个子界面)时，模版服务器以客户端请求中携带的客户端标识(如名称、版本和序列号等形式)以及界面标识(如界面名称、序列号等形式)，针对客户端的多个界面维护有对应的界面配置，当然，界面配置中包括界面中各业务区域的模版配置，并向客户端返回所请求的模版配置。

可以理解地，客户端的界面可以为以下任意一种类型的界面或者组合：1)在用户侧终端的屏幕中处于可见状态的界面；2)在用户侧终端的屏幕中不可见、但是在用户侧终端的内存中已经加载的界面，跟随用户在界面的操作(如上/下滑动的操作)而在屏幕同步更新。

下面以终端运行的客户端为彩票客户端为例，客户端界面的业务区域进行说明，由于本发明实施例提供的界面显示方法在于使用模版配置对客户端界面中控件的样式、以及控件的布局进行更新，如前所述，对于控件来说，控件仅用于控制内容如何显示以及针对操作如何响应，而控件布局用于控制控件之间所形成的布局结构，均未与客户端的特定业务内容形成耦合关系，即对于同一客户端来说，模版配置一旦更新，即可利用更新了样式的控件、以及控件布局应用于客户端后续从服务器获取的业务相关的内容。

另外，可以理解地，基于下述彩票客户端的界面的模版配置更新的示例，本领域的技术人员可以轻易地形成其他任意类型客户端(如社交客户端、新闻客户端)的界面控件的样式、以及控件布局进行更新的模版配置，并向终端相应客户端推送模版配置，从而实现在不需要进行客户端版本更新的情况下，对客户端的界面显示方式进行灵活更新的效果。

客户端的业务区域是客户端界面中承载一个或多个功能的区域，参见图5-1示出的彩票客户端的界面的一个可选的显示示意图，在业务区域51中包括彩票客户端提供的“竞赛争霸赛”和“猜蓝色球”两个基本功能，在业务区域52中包括用户高频购买的彩种“双色球”和“竞彩足球”。

在业务区域中由一系列的控件组合形成的模版实现业务区域的完整的功能，下面进行示例说明。

在一个实施例中，参见图5-2示出的快捷投注业务区域的一个可选的示意图，包括：

1)文本框控件53，用以在文本框中显示用户输入的文本，或者显示由客户端从相应的业务后台获取的与业务相关的文本；

文本框控件可用的方法包括刷新、设置焦点，响应事件包括失去焦点、按下字符键和改变等。

2)命令按钮控件，用于在业务区域中显示按钮，当按钮被点击时执行相关的代码(操作)，例如，当投注按钮54被点击时，执行投注的相关操作。

命令按钮控件可用的方法包括设置焦点，响应事件包括单击、鼠标抬起和鼠标放下等。

3)滚动条，包括水平滚动条和垂直滚动条，用于在业务区域的内容无法全部显示时定位内容。

另外，快捷投注业务区域还包括“机选”控件、“清空列表”控件和“立即投注”控件等，对于“立即投注”控件而言，用于在用户选中投注的号码时(在文本框控件中显示)并触发针对立即投注按钮的点击事件时，执行提交投注号码的方法，将用户选中的号码提交到后台服务器。

除了实现图5-2示出的业务区域的相关控件，业务区域可用的控件还包括：

4)单选框，用于显示用户选中的单个对象；

5)复选框，用于显示用户选中的多个对象；

6)列表框，用于以列表的形式显示用户选中的对象；

7)图像框，用于显示图片，可用的属性包括是否改变图像的大小。

由于业务区域是由多个控件组合形成的，在一个实施例中，使用框架(frame)来作为多个控件的容器以封装构成业务区域的控件。

下面针对客户端向网络侧服务器请求模版配置的不同方式进行说明。

情况1)客户端向网络侧的模版服务器请求获取界面中全部业务区域的模版配置

在一个实施例中，客户端向网络侧的模版服务器请求获取界面中全部业务区域的模版配置，模版配置与界面中的业务区域一一对应，客户端请求全部业务区域的模版配置相当于请求客户端界面的界面配置，通过对界面的全部业务区域的模版进行整体性更新，可以保证界面的外观的一致性，避免部分更新业务区域的模版而导致的业务区域在界面的布局不能平滑连接甚至冲突的问题。

以彩票客户端为例，假设启动显示的界面包括快捷投注、彩种区和幸运选号三个业务区域，则彩票客户端向网络侧模版服务器请求上述三个业务区域的模版配置。

情况2)客户端向模版服务器请求更新的模版配置。

在一个实施例中，客户端在请求中携带客户端标识、以及界面中各业务区域的模版的版本标识，向网络侧的模版服务器查询界面中各业务区域的模版配置，如果模版服务器中某一模版配置所配置的模版的版本，高于界面中业务区域所加载模版的版本，说明客户端界面中该业务区域的模版在模版服务器中被配置更新，则客户端向模版服务器请求更新模版的模版配置。

仍以彩票客户端为例，假设启动显示的界面包括快捷投注、彩种区和幸运选号三个业务区域，则彩票客户端在请求中携带客户端标识以及上述业务区域的模版版本标识，向网络侧模版服务器查询上述三个业务区域的模版在模版服务器是否被配置更新，这里，假设仅快速投注模版被配置更新，则客户端仅向模版服务器请求快速投注模版的模版配置。

由于仅仅针对被配置更新的模版向模版服务器请求更新的模版配置，对于在界面中包括多个业务区域的情况下，一方面可以高效完成界面中业务区域的模版的更新，另一方面，节省客户端与模版服务器之间的通信流量消耗。

参见图5-3，图5-3为本发明实施例提供的请求部分业务区域的模版配置进行更新的一个可选的示意图，彩票客户端未获取模版配置时界面显示的示意图如图5-1所示，客户端查询到业务区域51和业务区域52的模版配置发生更新，业务区域55没有发生更新。

在图5-3中，原业务区域51的控件“竞赛争霸赛”和“猜蓝色球”被替换为新业务区域51的控件“比分直播”、“贵宾厅”和“点评”，控件的样式以及控件布局均发生更新，具体而言，控件的样式的图片以及尺寸发生更新，控件布局由双控件布局更新为三控件布局。

原业务区域52中的控件“双色球”、“精彩足球”的样式没有更新，但是新增加了控件“精彩篮球”和“快乐10分”。

参见图5-3，图5-3为本发明实施例提供的请求部分业务区域的模版配置进行更新的一个可选的示意图，彩票客户端未获取模版配置时界面显示的示意图如图5-1所示，客户端查询到业务区域51和业务区域52的模版配置发生更新，业务区域55没有发生更新。

在图5-3中，原业务区域51的控件“竞赛争霸赛”和“猜蓝色球”被替换为新业务区域51的控件“比分直播”、“贵宾厅”和“点评”，控件的样式以及控件布局均发生更新，具体而言，控件的样式的图片以及尺寸发生更新，控件布局由双控件布局更新为三控件布局。

原业务区域52中的控件“双色球”、“精彩足球”的样式没有更新，但是新增加了控件“精彩篮球”和“快乐10分”。

参见图5-4，图5-4为本发明实施例提供的请求部分业务区域的模版配置进行更新的一个可选的示意图，彩票客户端未获取模版配置时界面显示的示意图如图5-1所示，客户端查询到业务区域51和业务区域52的模版配置发生更新，业务区域55没有发生更新。

在图5-4中，原业务区域51的控件“竞赛争霸赛”和“猜蓝色球”被替换为新业务区域51的控件“双色球”、“精彩足球”等6个控件，控件布局由双控件布局更新为六控件布局。原业务区域52中的控件“双色球”、“精彩足球”被体替换为“幸运选号”控件。

情况3)客户端向模版服务器请求与特征信息适配的模版配置。

在一个实施例中，模版服务器针对客户端的版本、平台(客户端的运行平台，如iOS系统，安卓系统等)、渠道维护客户端界面的不同版本的界面配置，每个界面配置中包括界面中各业务区域的模版配置。客户端在请求中携带客户端的特征信息如客户端的当前版本、平台和渠道等标识等，供模版服务器查询与客户端的特征信息适配的界面配置，将界面配置包括的各业务界面的模版配置下发给客户端。

以彩票客户端为例，假设启动显示的界面包括快捷投注、彩种区和幸运选号三个业务区域，则彩票客户端向网络侧模版服务器请求与iOS平台、苹果商店渠道版本的适配的模版配置，模版服务器匹配出与针对该客户端的特征信息适配的界面配置，将界面配置中针对各业务区域的模版配置下发到客户端。

实际应用中，客户端的业务区域根据客户端的平台、渠道和版本等存在有针对性更新的需求，模版服务器支持根据上述需求在配置客户端界面相应的界面配置(当然，界面配置包括针对客户端界面中各业务区域的模版配置)，实现基于客户端的不同特征信息进行模版配置的定向更新的效果。

步骤203，如果在步骤202中获取失败，则执行步骤204至步骤206，如果获取成功，则执行步骤207和后续步骤。

对于一个待显示的界面来说，首先尝试从网络侧获取业务区域的模版配置以更新界面中各业务区域的模版，如果获取失败，则加载客户端中的默认模版，这样一方面可以保证界面模版的更新，另一方面，避免在因为各种问题(如客户端与网络侧模版服务器通信失败)导致模版配置更新失败时进而导致界面无法显示的问题。

步骤204，客户端在界面中加载客户端的默认模版。

在一个实施例中，一般地，客户端启动后默认显示的界面、以及根据用户操作跳转的界面，在客户端中内置有原生模版，原生模版与客户端自身的版本、平台和渠道(即客户端的安装包在网络侧投放的渠道)耦合，对于一个客户端来说，其各界面的原生模版无法改变，在客户端获取业务区域的模版配置失败后，则在界面的业务区域加载客户端中针对该业务区域的原生模版，确保在客户端。

在另一个实施例中，存在这样的情况，客户端在步骤202中从网络侧获取业务区域的模版配置失败，但是客户端曾近从网络侧模版服务器成功获取过业务区域的历史模版配置，并根据各历史模版配置创建模版(这里称为历史模版)，该历史模版的版本高于客户端中针对业务区域的原生版本，因此，在步骤202从网络侧获取模版配置失败时，在业务区域加载历史模版，这就实现客户端在界面的业务区域加载的模版的最新版本的效果。

步骤205至步骤206，客户端向网络侧的客户端后台请求业务内容并在原生模版中显示。

客户端各界面的原生模版用于供将从客户端的后台服务器请求的业务内容在相应区域(如文本区域、图片区域)进行填充显示，从而使用户感知相应的业务内容。

在另一个实施例中，在步骤201中客户端在检测到需要加载界面之前，客户端也可以首先客户端在界面中加载客户端的原生模版，向网络侧的客户端后台请求业务内容并在原生模版中显示。然后向网络侧的模版服务器请求界面中各业务区域的更新的模版配。

步骤207，客户端解析模版配置，基于解析得到的控件标识确定网络侧更新的业务区域中包括的控件。

在一个实施例中，客户端基于解析网络侧返回的模版配置得到模版配置携带的模版标识，调用与模版标识对应的模版解析服务解析模版配置。

例如，当客户端向模版服务器请求界面中全部业务区域的模版配置时，模版服务器向客户端下发相应界面的界面配置，以前述的彩票客户端为例，界面配置中包括快捷投注、彩种区和幸运选号三个业务区域的模版配置，根据每个模版配置携带的模版标识，调用快捷投注模版解析服务、彩种区模版解析服务和幸运选号模版解析服务解析的相应的模版配置。

如前，业务区域的显示和操作响应由一系列的控件配合形成，业务区域的模版配置以控件标识的方式指定了业务区域包括的控件，并指定控件的布局，比如，控件在业务区域中的位置。

模版配置中还指定了控件的外观属性、方法和响应事件。对于外观属性来讲，包括控件本身的样式，如按钮控件在业务区域中显示的按钮的尺寸和颜色等外观属性，还包括控件自身显示的内容(如文本和图片)的样式(如尺寸、颜色)或用户输入的内容(如文本和图片)的样式(如尺寸、颜色)。

步骤208，客户端基于模版配置中对应控件的样式、创建相应符合相应样式的控件。

在一个实施例中，客户端基于模版配置中针对控件配置的控件的外观属性、控件的响应事件和控件的方法创建控件。

步骤209，客户端基于模版配置中针对业务区域的控件布局，对所创建的控件进行组合形成对应业务区域的模版。

步骤210，客户端在界面中业务区域加载针对业务区域所创建的模版。

在一个实施例中，通过刷新界面的方式，将针对业务区域创建的模版加载到业务区域中替换业务区域中原先加载的模版。

步骤211，客户端从位于网络侧的后台服务器获取界面的待显示的业务内容，在相应的业务区域中显示业务内容，并响应针对业务区域的事件。

仍以彩票客户端为例，从彩票客户端的后台服务器获取快捷投注、彩种区和幸运选号三个业务相关的信息，对于快捷投注的业务信息而言，包括文本和图片，对应填充到模版的文本区域和图片区域，使用户感知到业务信息，并可以通过文本框控件显示用户投注的号码，在接收到用户针对立即投注控件的点击事件时，执行提交投注的方法与后台服务器通信完成投注操作。

对前述界面显示装置的功能结构进行说明，参见图6示出的界面显示装置60的一个可选的功能结构示意图，包括：获取单元61、模版配置解析单元62、控件创建单元63、模版创建单元64和加载单元65，下面对各单元进行说明。

获取单元61，用于从网络侧获取客户端的界面中业务区域的模版配置。

下面针对获取单元61向网络侧服务器请求模版配置的不同方式进行说明。

情况1)获取单元61向网络侧的模版服务器请求获取界面中全部业务区域的模版配置。

在一个实施例中，客户端向网络侧的模版服务器请求获取界面中全部业务区域的模版配置，模版配置与界面中的业务区域一一对应，客户端请求全部业务区域的模版配置相当于请求客户端界面的界面配置，通过对界面的全部业务区域的模版进行整体性更新，可以保证界面的外观的一致性，避免部分更新业务区域的模版而导致的业务区域在界面的布局不能平滑连接甚至冲突的问题。

以彩票客户端为例，假设启动显示的界面包括快捷投注、彩种区和幸运选号三个业务区域，则彩票客户端向网络侧模版服务器请求上述三个业务区域的模版配置。

情况2)获取单元61向模版服务器请求更新的模版配置。

在一个实施例中，客户端在请求中携带客户端标识、以及界面中各业务区域的模版的版本标识，向网络侧的模版服务器查询界面中各业务区域的模版配置，如果模版服务器中某一模版配置所配置的模版的版本，高于界面中业务区域所加载模版的版本，说明客户端界面中该业务区域的模版在模版服务器中被配置更新，则客户端向模版服务器请求更新模版的模版配置。

仍以彩票客户端为例，假设启动显示的界面包括快捷投注、彩种区和幸运选号三个业务区域，则彩票客户端在请求中携带客户端标识以及上述业务区域的模版版本标识，向网络侧模版服务器查询上述三个业务区域的模版在模版服务器是否被配置更新，这里，假设仅快速投注模版被配置更新，则客户端仅向模版服务器请求快速投注模版的模版配置。

由于仅仅针对被配置更新的模版向模版服务器请求更新的模版配置，对于在界面中包括多个业务区域的情况下，一方面可以高效完成界面中业务区域的模版的更新，另一方面，节省客户端与模版服务器之间的通信流量消耗。

情况3)获取单元61向模版服务器请求与特征信息适配的模版配置。

在一个实施例中，模版服务器针对客户端的版本、平台(客户端的运行平台，如iOS系统，安卓系统等)、渠道维护客户端界面的不同版本的界面配置，每个界面配置中包括界面中各业务区域的模版配置。客户端在请求中携带客户端的特征信息如客户端的当前版本、平台和渠道等标识等，供模版服务器查询与客户端的特征信息适配的界面配置，将界面配置包括的各业务界面的模版配置下发给客户端。

以彩票客户端为例，假设启动显示的界面包括快捷投注、彩种区和幸运选号三个业务区域，则彩票客户端向网络侧模版服务器请求与iOS平台、苹果商店渠道版本的适配的模版配置，模版服务器匹配出与针对该客户端的特征信息适配的界面配置，将界面配置中针对各业务区域的模版配置下发到客户端。

实际应用中，客户端的业务区域根据客户端的平台、渠道和版本等存在有针对性更新的需求，模版服务器支持根据上述需求在配置客户端界面相应的界面配置(当然，界面配置包括针对客户端界面中各业务区域的模版配置)，实现基于客户端的不同特征信息进行模版配置的定向更新的效果。

模版配置解析单元62，用于解析模版配置，基于解析得到的控件标识确定网络侧更新的业务区域中包括的控件。

在一个实施例中，模版配置解析单元62基于解析网络侧返回的模版配置得到模版配置携带的模版标识，调用与模版标识对应的模版解析服务解析模版配置。

例如，当模版配置解析单元62向模版服务器请求界面中全部业务区域的模版配置时，模版服务器向客户端下发相应界面的界面配置，以前述的彩票客户端为例，界面配置中包括快捷投注、彩种区和幸运选号三个业务区域的模版配置，根据每个模版配置携带的模版标识，调用快捷投注模版解析服务、彩种区模版解析服务和幸运选号模版解析服务解析的相应的模版配置。

如前，业务区域的显示和操作响应由一系列的控件配合形成，业务区域的模版配置以控件标识的方式指定了业务区域包括的控件，并指定控件的布局，比如，控件在业务区域中的位置。

模版配置中还指定了控件的外观属性、方法和响应事件。对于外观属性来讲，包括控件本身的样式，如按钮控件在业务区域中显示的按钮的尺寸和颜色等外观属性，还包括控件自身显示的内容(如文本和图片)的样式(如尺寸、颜色)或用户输入的内容(如文本和图片)的样式(如尺寸、颜色)。

控件创建单元63，用于基于模版配置中对应控件的样式、创建相应符合相应样式的控件。在一个实施例中，控件创建单元63基于模版配置中针对控件配置的控件的外观属性、控件的响应事件和控件的方法创建控件。

模版创建单元64，用于基于模版配置中针对业务区域的控件布局，对所创建的控件进行组合形成对应业务区域的模版。

加载单元65，用于在界面中业务区域加载针对业务区域所创建的模版。在一个实施例中，模版创建单元64，通过刷新界面的方式，将针对业务区域创建的模版加载到业务区域中替换业务区域中原先加载的模版。

对于一个待显示的界面来说，获取单元61首先尝试从网络侧获取业务区域的模版配置以更新界面中各业务区域的模版，如果获取单元61获取失败，则加载单元65加载客户端中的默认模版，这样一方面可以保证界面模版的更新，另一方面，避免在因为各种问题(如客户端与网络侧模版服务器通信失败)导致模版配置更新失败时进而导致界面无法显示的问题。

在一个实施例中，客户端启动后默认显示的界面、以及根据用户操作跳转的界面，在客户端中内置有原生模版，原生模版与客户端自身的版本、平台和渠道(即客户端的安装包在网络侧投放的渠道)耦合，对于一个客户端来说，其各界面的原生模版无法改变，在获取单元61获取业务区域的模版配置失败后，则加载单元65在界面的业务区域加载客户端中针对该业务区域的原生模版，确保在客户端。

在另一个实施例中，存在这样的情况，获取单元61在中从网络侧获取业务区域的模版配置失败，但是获取单元61曾近从网络侧模版服务器成功获取过业务区域的历史模版配置，并根据各历史模版配置创建模版(这里称为历史模版)，该历史模版的版本高于客户端中针对业务区域的原生版本，因此，在获取单元61获取模版配置失败时，加载单元65在业务区域加载历史模版，这就实现客户端在界面的业务区域加载的模版的最新版本的效果。

在一个实施例中，加载单元65，还用于从位于网络侧的客户端的后台服务器获取界面的待显示的业务内容，在相应的业务区域中显示业务内容，并响应针对业务区域的事件。

仍以彩票客户端为例，加载单元65从彩票客户端的后台服务器获取快捷投注、彩种区和幸运选号三个业务相关的信息，对于快捷投注的业务信息而言，包括文本和图片，对应填充到模版的文本区域和图片区域，使用户感知到业务信息，并可以通过文本框控件显示用户投注的号码，在接收到用户针对立即投注控件的点击事件时，执行提交投注的方法与后台服务器通信完成投注操作。

结合图7和图8示出的支持彩票业务的客户端的界面显示处理的示意图，对彩票客户端的界面显示进行说明。

首先参见图7，涉及网络侧的数据中心、客户端侧的模版配置分发器和模版配置解析器，其中，模版配置分发器，对模版配置基于模版标识分发给模版配置解析器；模版配置解析器对模版配置进行解析并创建出控件，组成形成模版，从而刷新客户端的界面。

客户端启动时，在界面中绘制各业务区域的默认模版，默认模版是内置在客户端内与客户端版本耦合，也可以是之前从数据中心获取到的最新模版配置创建的模版(历史模版)。

如果客户端从模版服务器运行的数据中心获取到界面中各业务区域的更新模版的模版配置，则可以基于模版配置创建的新的模版替代界面中各业务区域的原有模版。

客户端在界面的各业务区域加载客户端内置的模版后，尝试从数据中心获取界面配置(包括界面中各业务区域的模版配置)，如遇无网络状态(无法返回最新模版的模版配置)，则继续在界面的各业务区域加载默认模版。

如果客户端从数据中心成功获取界面中各业务区域的模版配置，模版配置分发器基于各模版配置的模版标识，将模版配置分发给相应的模版配置解析器(提供模版解析服务)进行解析，模版配置解析器根据模版配置解析出业务区域中各控件的样式，例如控件本身的样式(控件的尺寸、颜色等外观属性)、业务区域所显示的内容(文本内容、图片内容)的样式(如尺寸、颜色等外观属性)和响应事件等，基于解析结果创建出相关控件，基于模版配置中指定的控件布局对创建的控件进行组合形成业务区域的模版，通过刷新界面的方式在界面中停止加载各业务区域的原模版，并子啊各业务区域加载新的模版。

另外，客户端从后台服务器请求各业务区域需要显示的业务内容(如文本、图片等)在业务区域填充显示，供用户感知业务内容，业务区域的控件对用户操作进行处理。

再参见图8，数据中心维护客户端界面的界面配置，界面配置指定界面的样式，根据实际的业务需求，在模版配置控件的样式、显示内容的样式、以及控件的响应事件等。

数据中心，主要用于进行模版配置的下发。客户端会在启动的时候，向数据中心发起请求，数据中心会根据客户端的版本、渠道、平台等条件去匹配模版配置并返回给客户端。

在客户端的内部处理过程中，模版配置分发器(Local Manager)对数据中心返回的整个界面配置中的模版配置进行分发，根据配置中携带的模版标识，分发给不同的模版配置解析器去解析并创建出相应的控件。

图8中，QuickBetParser作为快捷投注模版的模版配置解析器，能够解析快捷投注控件的模版配置并创建出QuickBetView，用于支持用户进行快捷投注的业务，以快捷投注模版配置的样式在快捷投注区域显示内容。

LuckyParser为幸运选号模版的模版配置解析器，能解析并创建幸运选号模版LuckyView，以幸运选号模版配置的样式在幸运选号区域显示内容。

LotteryParser是彩种区模版的模版配置解析器，能解析并创建彩种区模版LotteryParser，以彩种区模版配置的样式在彩种区显示内容。

综上所述，本发明实施例实现以下有益效果：

1)实现客户端界面中的业务区域之间、业务区域与业务区域中显示的文本、图片等内容的解耦，支持在线上通过更新模版配置的方式，更新界面中各业务区域的控件样式、以及控件的响应事件。

2)支持根据实际运营和产品需求更新界面中各业务区域的控件样式、以及控件的响应事件，无需等待发布版本即可进行界面展示的一个调整，提升客户端的新颖度，增强用户体验。

3)根据客户端的平台、渠道和版本等存在有针对性更新的需求，配置客户端界面相应的界面配置，实现基于客户端的特征信息进行模版配置的灵活的定向更新的效果。

4)从网络侧获取模版配置失败时，在业务区域加载默认模版(如之前创建的最新的历史模版，或客户端中内置的原生模版)，实现客户端在界面的业务区域加载的模版的最新版本的效果。

5)针对被配置更新的模版向模版服务器请求更新的模版配置，对于在界面中包括多个业务区域的情况下，一方面可以高效完成界面中业务区域的模版的更新，另一方面，节省客户端与模版服务器之间的通信流量消耗。

6)通过对界面的全部业务区域的模版进行整体性更新，可以保证界面的外观的一致性，避免部分更新业务区域的模版而导致的业务区域在界面的布局不能平滑连接甚至冲突的问题。

本领域的技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储装置、随机存取存储器(RAM，Random Access Memory)、只读存储器(ROM，Read-Only Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

或者，本发明上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实施例的技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机装置(可以是个人计算机、服务器、或者网络装置等)执行本发明各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储装置、RAM、ROM、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (16)

1.一种界面显示方法，其特征在于，包括：

从网络侧获取客户端的界面中业务区域的模版配置；

解析所述模版配置，基于解析得到的控件标识确定所述网络侧更新的所述业务区域中包括的控件；

基于所述模版配置中对应所述控件的样式，创建符合相应样式的控件；

基于所述模版配置中针对所述业务区域的控件布局，对所创建的控件进行组合形成对应所述业务区域的模版；

在所述界面中所述业务区域加载针对所述业务区域所创建的模版；

所述从网络侧获取客户端的界面中业务区域的模版配置，包括：

向网络侧的模版服务器查询所述界面中各业务区域的模版配置，并向所述模版服务器请求已经更新的模版配置；或者，

向网络侧的模版服务器查询所述界面中各业务区域的候选模版配置，并请求获取所述候选模版配置中适配特征信息的候选模版配置。

2.如权利要求1所述的方法，其特征在于，所述从网络侧获取客户端的界面中业务区域的模版配置，包括：

向网络侧的模版服务器请求获取所述界面中全部业务区域的模版配置。

3.如权利要求1所述的方法，其特征在于，还包括：

未获取到所述业务区域的模版配置时，在所述业务区域加载所述业务区域的默认模版。

4.如权利要求3所述的方法，其特征在于，所述在所述业务区域加载相应业务区域的默认模版，包括：

在所述业务区域加载从网络侧获取的所述业务区域的历史模版，或者，在所述业务区域加载所述客户端中所述业务区域的原生模版。

5.如权利要求1所述的方法，其特征在于，所述解析所述模版配置，包括：

解析所述网络侧返回的模版配置得到所述模版配置携带的模版标识，调用与所述模版标识对应的模版解析服务解析所述模版。

6.如权利要求1所述的方法，其特征在于，所述基于所述模版配置中对应所述控件的样式、创建相应符合相应样式的控件，包括：

基于所述模版配置中针对所述控件配置的以下样式至少之一创建相应的控件：所述控件的外观属性、所述控件的响应事件和所述控件的方法。

7.如权利要求1所述的方法，其特征在于，还包括：

从位于网络侧的所述客户端的后台服务器获取所述界面的待显示的业务内容，在相应的业务区域中显示所述业务内容，并响应针对所述业务区域的事件。

8.一种界面显示装置，其特征在于，包括：

获取单元，用于从网络侧获取客户端的界面中业务区域的模版配置；

模版配置解析单元，用于解析所述模版配置，基于解析得到的控件标识确定所述网络侧更新的所述业务区域中包括的控件；

控件创建单元，用于基于所述模版配置中对应所述控件的样式，创建相应符合相应样式的控件；

模版创建单元，用于基于所述模版配置中针对所述业务区域的控件布局，对所创建的控件进行组合形成对应所述业务区域的模版；

加载单元，用于在所述界面中所述业务区域加载针对所述业务区域所创建的模版；

所述获取单元，还用于向网络侧的模版服务器查询所述界面中各业务区域的模版配置，并向所述模版服务器请求已经更新的模版配置；

所述获取单元，还用于向网络侧的模版服务器查询所述界面中各业务区域的候选模版配置，并请求获取所述候选模版配置中适配特征信息的候选模版配置。

9.如权利要求8所述的装置，其特征在于，

所述获取单元，还用于向网络侧的模版服务器请求获取所述界面中全部业务区域的模版配置。

10.如权利要求8所述的装置，其特征在于，

所述加载单元，还用于未获取到所述业务区域的模版配置时，在所述业务区域加载所述业务区域的默认模版。

11.如权利要求10所述的装置，其特征在于，

所述加载单元，还用于在所述业务区域加载从网络侧获取的所述业务区域的历史模版，或者，在所述业务区域加载所述客户端中所述业务区域的原生模版。

12.如权利要求8所述的装置，其特征在于，

所述模版配置解析单元，用于解析所述网络侧返回的模版配置得到所述模版配置携带的模版标识，调用与所述模版标识对应的模版解析服务解析所述模版。

13.如权利要求8所述的装置，其特征在于，

所述控件创建单元，用于基于所述模版配置中针对所述控件配置的以下样式至少之一创建相应的控件：所述控件的外观属性、所述控件的响应事件和所述控件的方法。

14.如权利要求8所述的装置，其特征在于，

所述加载单元，还用于从位于网络侧的所述客户端的后台服务器获取所述界面的待显示的业务内容，在相应的业务区域中显示所述业务内容，并响应针对所述业务区域的事件。

15.一种界面显示装置，其特征在于，所述装置包括：

存储器，用于存储可执行指令；

处理器，用于运行所述存储器存储的可执行指令时，实现权利要求1至7任一项所述的界面显示方法。

16.一种计算机可读存储介质，存储有可执行指令，其特征在于，所述可执行指令被处理器执行时实现权利要求1至7任一项所述的界面显示方法。

Images