CN113268693A - 样式配置方法、装置、存储介质及电子设备 - Google Patents

Abstract

本申请公开了一种样式配置方法、装置、存储介质及电子设备，属于计算机技术领域。所述样式配置方法包括：获取配置指令对应的界面元素的展示样式，生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式，通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。故本申请可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

Description

样式配置方法、装置、存储介质及电子设备

技术领域

本申请涉及计算机技术领域，具体涉及一种样式配置方法、装置、存储介质及电子设备。

背景技术

随着移动互联网的发展，客户端上的网页页面涉及的业务越来越多，不同的业务需要配置不同的展示样式，丰富多样化的网页页面展示样式能够提高用户体验客户端的驻留时间，进而也会提高用户体验。

现有技术中为了更改客户端上的展示样式，客户端需要下载更新文件更新对应的版本，该过程会耗费开发人员时间和精力，也会降低用户体验。

发明内容

本申请实施例提供了一种样式配置方法、装置、存储介质及电子设备，可以减少研发人员开发更新版本的工作量，提高客户端样式配置效率。所述技术方案如下：

第一方面，本申请实施例提供了一种样式配置方法，应用于服务端，包括：

获取配置指令对应的界面元素的展示样式；

生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式；

通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。

第二方面，本申请实施例提供了一种样式配置方法，应用于客户端，包括：

通过桥接协议接收来自服务端的模式配置信息；其中，所述模式配置信息用于所述客户端配置对应的展示样式；

基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性；

根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。

第三方面，本申请实施例提供了一种样式配置装置，其特征在于，包括：

获取模块，用于获取配置指令对应的界面元素的展示样式；

生成模块，用于生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式；

发送模块，用于通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。

第四方面，本申请实施例提供了一种样式配置装置，其特征在于，包括：

接收模块，用于通过桥接协议接收来自服务端的模式配置信息；其中，所述模式配置信息用于所述客户端配置对应的展示样式；

确定模块，用于基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性；

配置模块，用于根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。

第五方面，本申请实施例提供了一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法步骤。

第六方面，本申请实施例提供了一种电子设备，包括：存储器和处理器；其中，所述存储器存储有计算机程序，所述计算机程序适用于由所述处理器加载并执行上述的方法步骤。

本申请一些实施例提供的技术方案带来的有益效果至少包括：

上述样式配置方法、装置、存储介质及电子设备工作时，获取配置指令对应的界面元素的展示样式，生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式，通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。本申请实施例服务端通过生成用户需要的展示样式对应的模式配置信息，然后再通过通过桥接协议将所述模式配置信息发送给客户端，用于客户端直接配置页面的展示样式，而不是通过客户端下载版本文件来更新页面，从而可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的一种通信系统架构示意图；

图2是本申请实施例提供的一种样式配置方法的流程示意图；

图3是本申请实施例提供的一种样式配置方法的另一流程示意图；

图4是本申请实施例提供的一种接收配置指令示意图；

图5是本申请实施例提供的一种配置消息生成示意图；

图6是本申请实施例提供的一种对应关系示意图；

图7是本申请实施例提供的一种参考样式展示示意图；

图8是本申请实施例提供的一种样式配置方法的另一交互示意图；

图9是本申请实施例提供的一种样式配置方法的另一交互示意图；

图10是本申请实施例提供的一种样式配置装置的结构示意图；

图11是本申请实施例提供的一种样式配置装置的另一结构示意图；

图12是本申请实施例提供的一种电子设备的结构示意图；

图13是本申请实施例提供的一种电子设备的另一结构示意图。

具体实施方式

为了使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施例方式作进一步地详细描述。

下面的描述设计附图时，除非另有表示，不同附图中的相同数字表示相同的或相似的要素。以下示例性实施例中描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

在本申请的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

下面结合具体的实施例对本申请进行详细说明。

图1示出了可以应用于本申请的样式配置方法的示例性系统架构100。如图1所示，系统架构100可以包括用户101、服务端102和客户端103。其中，系统构架100可以应用于各种实际应用场景，例如，当系统构架100应用于启蒙应用程序中的样式配置系统时，用户101可以为界面设计等研发人员，用户101可以用于触发服务端102上的用户操作，例如：用户101需要更改启蒙教学应用程序中进行英语课的游戏界面的展示样式，那么用户101可以触发服务端102上设置英语课对应的游戏界面的展示样式的用户操作。服务端102可以但不限于用于负责读取用户101触发的各种用户操作，对用户操作译码并执行用户操作，完成用户101触发的业务，例如：服务端102可以先显示满足用户101需要的英语课的游戏界面的展示样式，生成所述界面元素的展示样式对应的模式配置信息，然后服务端102对生成到的模式配置信息发送给客户端103。客户端103可以但不限于用于负责接收来自服务端102发送的模式配置信息，然后配置对应的展示样式，展示给学生、老师等用户101。

示例性的，在进行样式配置的过程中，服务端102可以先接收来自用户101设置英语课的游戏界面的展示样式的用户操作，然后服务端102生成满足用户101需求的展示样式对应的模式配置信息，然后服务端102通过桥接协议将所述模式配置信息发送给客户端103，以使所述客户端103配置对应的展示样式。

服务端102可以是硬件，也可以是软件。当服务端102为硬件时，可以是具有样式配置能力的各种设备，包括但不限于智能手机、平板电脑、膝上型便携式计算机和台式计算机等。当服务端102为软件时，可以实现成多个软件或软件模块(例如：用来提供分布式处理服务)，也可以实现成单个软件或软件模块，在此不作具体限定。

客户端103可以是硬件，也可以是软件。当客户端103为硬件时，可以是具有样式配置、界面显示能力的各种设备，客户端103可以接收来自服务端102发送的模式配置信息等数据。当服务端102为软件时，可以实现成多个软件或软件模块(例如：用来提供分布式处理服务)，也可以实现成单个软件或软件模块，在此不作具体限定。

用户101与服务端102、服务端102与后端服务器103之间可以通过网络进行数据交互，网络可以用于在进行数据传输之间提供通信链路的介质，网络可以包括各种类型的有线通信链路或无线通信链路，例如：有线通信链路包括光纤、双绞线或同轴电缆的，无线通信链路包括蓝牙通信链路、无线保真(Wireless-Fidelity，Wi-Fi)通信链路或微波通信链路等。

应理解，图1中的用户101、服务端102和客户端103的数目仅是示意性的。根据实现需要，可以是任意数量的用户101、服务端102和客户端103，且都支持分布式集群方式部署。

在下述方法实施例中，为了便于说明，仅以各步骤的执行主体为服务端进行介绍说明。

下面将结合附图2至图3，对本申请实施例提供的样式配置方法进行详细介绍。

请参见图2，为本申请实施例提供了一种样式配置方法的交互示意图。所述方法可以包括以下步骤：

S201、获取配置指令对应的界面元素的展示样式。

一般的，展示样式可以是指用来显示应用程序上第5版语言规范(HyperTextMarkup Language 5，H5)页面的样式，可以包括列表式、标签式和卡片式等多种样式。其中标签式中推荐内容的设计形式一般由“文字”和“背景”组成，标签背景一般以浅灰色的圆角矩形为主。列表式中推荐内容的设计样式一般由多个横向列表单元组成，列表单元内主要分为“纯文字”和“图标+文字”两种设计形式，在细节上，由于列表在Y轴上可以无限延伸，所以在字体大小、列表单元格高度、图标大小等设计细节各个产品暂无统一规律可循，设计上遵循各自产品的设计规范为主。卡片式在设计上主要以图片和标题文字组成，在设计细节上会添加标签、图标、推荐文案等辅助性信息。

界面元素可以是指展示样式中的内容，可以包括导航栏、按钮和标题等控件，以及题目、答案、备注等文本显示位置等，以及图层空间关系、前景和背景颜色等，服务端可以通过设置每个界面元素来设置展示样式。配置指令可以是指用于设置界面元素特性的指令，例如：服务端可以接收将导航栏背景为黑色切换为蓝色的配置指令。所述配置指令可以是由服务端接收到的用户操作来触发的，用户操作可以是由用户通过鼠标、键盘等设备进行触发的，还可以是用户基于服务端的麦克风输入的语音控制操作，还可以是用户基于服务端的触摸屏输入的触控操作，用户操作的方式多种多样，这里不作具体限定。

服务端首先需要获取配置指令对应的界面元素的展示样式，例如：服务端接收到来自用户的设置三个控件的配置指令，包括在H5页面的顶部设置导航栏控件、在H5页面的左侧设置左侧滑动按钮控件以及在H5页面的右侧设置右侧滑动按钮控件等，然后服务端就可以在H5页面上显示配置指令对应的界面元素的展示样式给研发人员，便于研发人员进行审查、修改展示样式的效果。

S202、生成所述界面元素的展示样式对应的模式配置信息。

一般的，服务端获取配置指令对应的界面元素的展示样式后，可以生成所述界面元素的展示样式对应的模式配置信息，所述模式配置信息可以是指用于设置客户端页面的展示样式的信息。例如：服务端可以通过getField函数方式确定控件1为导航栏控件，通过getLocationInWindow函数方法获取在当前窗口内的绝对坐标位置为(3,50)，通过GetPropInfo函数方法读取对应的属性信息包括颜色为黑色等；通过getField()函数方式确定控件2为右侧滑动按钮控件、通过getLocationInWindow函数获取在当前窗口内的绝对坐标位置为(10,100)、通过GetPropInfo函数方法读取对应的属性信息包括颜色为灰色等。服务端遍历H5页面上所有的界面元素之后，获取每个界面元素的类型、位置、属性等信息，生成当前展示样式对应的预设格式(例如但不限于Json数据格式)的模式配置信息。

S203、通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。

一般的，桥接协议可以是指Native原生应用与Web网页应用进行数据传输的通信机制，例如：服务端采用Jsbridge技术实现桥接协议。由于服务端处理不同的业务需要建立不同的桥接协议，那么服务端可以预先定义处理各种业务的多种桥接协议，生成桥接协议集合，在服务端确定所述模式配置信息生成后，在所述桥接协议集合中查询用于处理服务端与客户端之间的用于传输所述模式配置信息业务的桥接协议，再使用确定的桥接协议建立通信连接，有助于服务端快速准确地确定对应的桥接协议。服务端生成所述界面元素的展示样式对应的模式配置信息后，可以通过桥接协议将所述模式配置信息发送给客户端，例如：服务端生成所述模式配置信息包括展示样式包括控件1为导航栏控件、绝对坐标位置为(3,50)、对应的属性信息包括颜色为黑色等，确定用于传输所述模式配置信息业务的桥接协议1，通过桥接协议1将Json数据格式的所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。

在一种可能的实施例中，服务端还可以将所述模式配置信息上传到备用服务器进行备用，在服务端在预设时长(例如但不限于5分钟)内未接收到来自客户端的接收成功响应消息后，客户端可以通过备用服务器将所述模式配置信息再次发送给所述客户端，由于所述客户端的数量可能十分巨大，采用备用服务器来进行传输，有助于客户端能够稳定完整地接收到所述模式配置信息，以及提高传效率。

由上述内容可知，获取配置指令对应的界面元素的展示样式，生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式，通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。本申请实施例服务端通过生成用户需要的展示样式对应的模式配置信息，然后再通过通过桥接协议将所述模式配置信息发送给客户端，用于客户端直接配置页面的展示样式，而不是通过客户端下载版本文件来更新页面，从而可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

请参见图3，为本申请实施例提供了一种样式配置方法的另一交互示意图。该样式配置方法可以包括以下步骤：

S301、解析配置指令，确定所述界面元素的配置属性。

一般的，配置指令可以是指用于设置界面元素特性的指令，例如：服务端可以接收将导航栏背景为黑色切换为蓝色的配置指令。配置属性可以是指用于描述界面元素各种特征的信息，包括类型、位置、颜色、功能、大小和形状效果等信息。界面元素可以是指展示样式中的内容，可以包括导航栏、按钮和标题等控件，以及题目、答案、备注等文本显示位置等，以及图层空间关系、前景和背景颜色等。服务端可以先接收来自用户的配置指令，然后所述解析配置指令确定所述界面元素的配置属性，例如：服务端解析所述配置指令确定控件a的配置属性包括类型为滑动按钮、位置坐标为页面下方中部、透明度为50％等。如图4所示，服务端可以接收配置指令，在H5页面上设置导航栏、游戏视频播放窗口、以及上下滑动按钮等控件，然后用户可以通过手指拖拉上下滑动控件，从服务端显示屏上的H5页面的左侧到右侧，服务端解析来自用户的移动上下滑动按钮的配置指令，确定上下滑动按钮的配置属性包括位置从页面左侧到右侧等变化。

S302、配置所述配置属性对应的界面元素的展示样式。

一般的，服务端确定所述界面元素的配置属性后，可以配置所述配置属性对应的界面元素的展示样式，例如：服务端确定控件a的配置属性包括类型为滑动按钮、位置坐标为页面下方中部、透明度为50％等，然后配置控件a的展示样式，并将设置后的效果在H5页面上展示给用户，以便用户可以快速准确确定展示样式的配置效果，以及检测个界面元素是否错位等情况。

S303、确定生成指令对应的所述服务端的整体显示模式和所述界面元素的配置属性。

一般的，服务端配置所述配置属性对应的界面元素的展示样式后，可以接收来自用户的生成指令，所述生成指令可以是指用于生成模式配置信息的指令，所述生成指令可以是由服务端接收到的用户操作来触发的，用户操作可以是由用户通过鼠标、键盘等设备进行触发的，还可以是用户基于服务端的麦克风输入的语音控制操作，还可以是用户基于服务端的触摸屏输入的触控操作，用户操作的方式多种多样，这里不作具体限定。

S304、基于所述服务端的整体显示模式和所述界面元素的配置属性生成模式配置信息。

一般的，所述模式配置信息可以是指用于设置客户端页面的展示样式的信息。服务端确定生成指令对应的所述服务端的整体显示模式和所述界面元素的配置属性后，可以基于所述服务端的整体显示模式和所述界面元素的配置属性生成模式配置信息，例如：服务端生成Json数据格式的模式配置信息包括整体显示模式为通顶模式、所述界面元素的配置属性包括控件a的配置属性包括类型为滑动按钮、位置坐标为页面下方中部、透明度为50％等。如图5所示，服务端在确定展示样式配置满足用户需求后，用户可以通过点击服务端显示屏上的生成按钮，触发生成指令，然后生成模式配置信息包括控件1：导航栏控件、页面正上方顶部、灰色，控件2：右侧滑动按钮控件、页面右侧中部、红色等信息。

在一种可能的实施例中，电子设备还可以设置不同字段来生成模式配置信息，例如：topBarMode字段代表当前页面的整体显示模式、navBarColor字段代表顶部导航栏颜色、leftItem字段代表滑动前左侧返回按钮的显示样式、navBarTitleModel字段代表滑动前导航条标题的样式、rightItem字段代表滑动前右侧按钮的样式、leftItemSur字段代表滑动后左侧返回按钮的显示样式、navBarTitleModelSur字段代表滑动后导航条标题的样式以及rightItemSur字段代表滑动后右侧按钮的样式等，服务端可以通过不同字段对应的值来表示不同的模式配置信息。例如：对于topBarMode字段，0可以表示默认模式，1可以表示通顶模式，2可以表示滑动渐变模式等，有助于服务端简单准确地生成模式配置信息。

S305、确定所述模式配置信息对应的业务类型。

一般的，业务类型可以是指服务端与客户端进行业务交互的类型，例如：用于视频通信的类型、用于发送图片文件的类型或用于传输模式配置信息的类型。服务端生成模式配置信息后，可以生成所述模式配置信息对应的业务类型编号为1，业务类型编号1表示传输所述模式配置信息。如图6所示，服务端可以设置业务类型与桥接协议的对应关系，业务类型1对应桥接协议1、业务类型2对应桥接协议2、业务类型3对应桥接协议3、业务类型4对应桥接协议4等，服务端确定业务类型编号后，就可以通过对应关系快速准确地确定对应的桥接协议。

S306、确定所述业务类型对应的桥接协议，并通过所述桥接协议将所述模式配置信息发送给客户端。

一般的，服务端确定所述模式配置信息对应的业务类型后，可以确定所述业务类型对应的桥接协议，例如：服务端预先设置业务类型与桥接协议的对应关系，业务类型1对应桥接协议1、业务类型2对应桥接协议2、业务类型3对应桥接协议3等，服务端确定传输所述模式配置信息的是业务类型编号1，那么就可以确定桥接协议编号为1。然后服务端在桥接协议集合中，查询桥接协议编号为1的桥接协议，通过桥接协议编号为1的桥接协议与客户端建立桥接，然后将所述模式配置信息发送给客户端。服务端可以将所述模式配置信息设置为Json数据格式，有助于传输的稳定性和安全性。

S307、将所述模式配置信息对应的展示样式保存为参考样式。

一般的，服务端通过所述桥接协议将所述模式配置信息发送给客户端后，还可以将所述模式配置信息对应的展示样式保存为参考样式，便于后续简单快速地设置不同类型的展示样式。例如：服务端将所述模式配置信息包括展示样式包括控件1为导航栏控件、绝对坐标位置为(3,50)、对应的属性信息包括颜色为黑色等，保存为参考样式1，可以将所述参考样式1存储在本地存储空间，也可以存储在备用服务器，有助于提高存储的多样性，便于服务端能够完整地获取参考样式。如图7所示，服务端可以设置参考样式列表，服务端可以通过用户操作进入参考样式列表，显示保存的参考样式1、参考样式2和参考样式3等，然后用户可以根据自身需求选择对应的参考样式，服务端展示具体的参考样式，便于用户进行修改等操作。

S308、通过桥接协议将修改后的所述参考样式对应的模式配置信息发送给所述客户端，以使所述客户端更新对应的展示样式。

一般的，服务端将所述模式配置信息对应的展示样式保存为参考样式后，还可以对所述参考样式进行修改，例如：服务端接收来用户的修改指令，包括将参数样式中的控件1的颜色设置为红色，那么服务端可以对当前的参考样式中的控件1的配置属性进行修改，然后基于修改后的参考样式生成新的模式配置信息，再通过桥接协议将新的模式配置信息发送给所述客户端，以使所述客户端更新对应的展示样式。

本申请实施例的方案在执行时，获取配置指令对应的界面元素的展示样式，生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式，通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。本申请实施例服务端通过生成用户需要的展示样式对应的模式配置信息，然后再通过通过桥接协议将所述模式配置信息发送给客户端，用于客户端直接配置页面的展示样式，而不是通过客户端下载版本文件来更新页面，从而可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

在下述方法实施例中，为了便于说明，仅以各步骤的执行主体为客户端进行介绍说明。

下面将结合附图8或图9，对本申请实施例提供的样式配置方法进行详细介绍。

请参见图8，为本申请实施例提供了一种样式配置方法的另一交互示意图。所述方法可以包括以下步骤：

S801、通过桥接协议接收来自服务端的模式配置信息。

一般的，所述模式配置信息用于所述客户端配置对应的展示样式，可以包括整体显示模式和所述界面元素的配置属性等信息。客户端可以通过桥接协议接收来自服务端的模式配置信息，例如：客户端接收到模式配置信息包括展示样式包括控件1为导航栏控件、绝对坐标位置为(3,50)、对应的属性信息包括颜色为黑色等。在一种可能的实施例中，客户端接收到的模式配置信息可以为Json数据格式，然后客户端可以将模式配置信息转换为字典数据格式，然后通过关键字检索快速准确确定具体的整体显示模式和配置属性等信息。例如：客户端将模式配置信息转换为字典数据格式后，可以通过检索config关键字对应的值来得到用来实现展示样式的业务逻辑，通过检索topBarMode关键字对应的值来确定整体显示模式的类型等。

S802、基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性。

一般的，客户端通过桥接协议接收来自服务端的模式配置信息后，可以解析所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性，例如：可以确定研发人员在服务端的H5页面上设置的整体显示模式为滑动渐变模式，界面元素的配置属性包括控件1为导航栏控件、坐标位置为(3,50)、对应的属性信息包括颜色为黑色等，控件2为右侧滑动按钮控件、坐标位置为(10,100)、对应的属性信息包括颜色为灰色等信息。

S803、根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。

一般的，客户端确定所述服务端的整体显示模式和界面元素的配置属性后，可以根据所述整体显示模式和所述配置属性配置所述客户端的展示样式：例如客户端确定整体显示模式为滑动渐变模式，界面元素的配置属性包括控件1为导航栏控件、坐标位置为(3,50)、对应的属性信息包括颜色为黑色等，控件2为右侧滑动按钮控件、坐标位置为(10,100)、对应的属性信息包括颜色为灰色等，然后读取客户端中对应的应用程序(例如但不限于启蒙教育应用程序)的页面的展示样式对应的编码文件，基于具体参数值对编码文件进行修改，在执行修改后的编码文件，以使得客户端配置的展示样式。

由上述内容可知，通过桥接协议接收来自服务端的模式配置信息，其中，所述模式配置信息用于所述客户端配置对应的展示样式，基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性，根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。本申请实施例服务端通过生成用户需要的展示样式对应的模式配置信息，然后再通过通过桥接协议将所述模式配置信息发送给客户端，用于客户端直接配置页面的展示样式，而不是通过客户端下载版本文件来更新页面，从而可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

请参见图9，为本申请实施例提供了一种样式配置方法的另一交互示意图。该样式配置方法可以包括以下步骤：

S901、通过桥接协议接收来自服务端的模式配置信息。

一般的，所述模式配置信息用于所述客户端配置对应的展示样式，可以包括整体显示模式和所述界面元素的配置属性等信息。客户端可以通过桥接协议接收来自服务端的模式配置信息，例如：客户端接收到模式配置信息包括展示样式包括控件1为导航栏控件、绝对坐标位置为(3,50)、对应的属性信息包括颜色为黑色等。在一种可能的实施例中，客户端接收到的模式配置信息可以为Json数据格式，然后客户端可以将模式配置信息转换为字典数据格式，然后通过关键字检索快速准确确定具体的整体显示模式和配置属性等信息。例如：客户端将模式配置信息转换为字典数据格式后，可以通过检索config关键字对应的值来得到用来实现展示样式的业务逻辑，通过检索topBarMode关键字对应的值来确定整体显示模式的类型等。

S902、基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性。

一般的，客户端通过桥接协议接收来自服务端的模式配置信息后，可以解析所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性，例如：可以确定研发人员在服务端的H5页面上设置的整体显示模式为滑动渐变模式，界面元素的配置属性包括控件1为导航栏控件、坐标位置为(3,50)、对应的属性信息包括颜色为黑色等，控件2为右侧滑动按钮控件、坐标位置为(10,100)、对应的属性信息包括颜色为灰色等信息。

S903、获取所述客户端的屏幕信息，并根据所述屏幕信息、所述整体显示模式和所述配置属性计算所述客户端上所述界面元素的实际配置信息。

一般的，屏幕信息可以是指客户端显示屏的尺寸等信息。客户端确定所述服务端的整体显示模式和界面元素的配置属性后，可以获取所述客户端的屏幕信息，例如：客户端确定所述客户端的屏幕信息的屏幕信息包括尺寸大小为640*1136，确定界面元素的配置属性包括控件1的坐标位置为正中心等，那么客户端可以确定所述界面元素的实际配置信息包括坐标位置为(320,568)等。

S904、根据所述实际配置信息配置所述客户端中所述界面元素的展示样式。

一般的，客户端计算所述客户端上所述界面元素的实际配置信息后，根据所述实际配置信息配置所述客户端中所述界面元素的展示样式，例如：客户端设置控件1的坐标位置为(320,568)等。

在一种可能的实施例中，客户端配置所述客户端中所述界面元素的展示样式后，可以将实际的展示样式通过截图等操作发送给服务端，以使得服务端能够快速准确地进行分析对比设置的展示样式是否准确，满足预设效果等。

本申请实施例的方案在执行时，通过桥接协议接收来自服务端的模式配置信息，其中，所述模式配置信息用于所述客户端配置对应的展示样式，基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性，根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。本申请实施例服务端通过生成用户需要的展示样式对应的模式配置信息，然后再通过通过桥接协议将所述模式配置信息发送给客户端，用于客户端直接配置页面的展示样式，而不是通过客户端下载版本文件来更新页面，从而可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

下述为本申请装置实施例，可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。

请参见图10，其示出了本申请一个示例性实施例提供的样式配置装置的结构示意图，以下简称配置装置10。装置10可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。包括：

获取模块1001，用于获取配置指令对应的界面元素的展示样式；

生成模块1002，用于生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式；

发送模块1003，用于通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。

在一种可能的实施例中，所述获取模块1001包括：

解析单元，用于解析配置指令，确定所述界面元素的配置属性；

配置单元，用于配置所述配置属性对应的界面元素的展示样式。

在一种可能的实施例中，所述生成模块1002包括：

第一确定单元，用于确定生成指令对应的所述服务端的整体显示模式和所述界面元素的配置属性；

生成单元，用于基于所述服务端的整体显示模式和所述界面元素的配置属性生成模式配置信息。

在一种可能的实施例中，所述发送模块1003包括：

第二确定单元，用于确定所述模式配置信息对应的业务类型；

第三确定单元，用于确定所述业务类型对应的桥接协议，并通过所述桥接协议将所述模式配置信息发送给客户端。

在一种可能的实施例中，所述装置10还包括：

保存模块，用于将所述模式配置信息对应的展示样式保存为参考样式；

修改模块，用于通过桥接协议将修改后的所述参考样式对应的模式配置信息发送给所述客户端，以使所述客户端更新对应的展示样式。

本申请实施例和图2至图3的方法实施例基于同一构思，其带来的技术效果也相同，具体过程可参照图2至图3的方法实施例的描述，此处不再赘述。

所述装置10可以为实现相关功能的现场可编程门阵列(field-programmablegate array，FPGA)，专用集成芯片，系统芯片(system on chip，SoC)，中央处理器(centralprocessor unit，CPU)，网络处理器(network processor，NP)，数字信号处理电路，微控制器(micro controller unit，MCU)，还可以采用可编程控制器(programmable logicdevice，PLD)或其他集成芯片。

本申请实施例的方案在执行时，获取配置指令对应的界面元素的展示样式，生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式，通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。本申请实施例服务端通过生成用户需要的展示样式对应的模式配置信息，然后再通过通过桥接协议将所述模式配置信息发送给客户端，用于客户端直接配置页面的展示样式，而不是通过客户端下载版本文件来更新页面，从而可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

请参见图11，其示出了本申请一个示例性实施例提供的样式配置装置的另一结构示意图，以下简称配置装置11。装置11可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。包括：

接收模块1101，用于通过桥接协议接收来自服务端的模式配置信息；其中，所述模式配置信息用于所述客户端配置对应的展示样式；

确定模块1102，用于基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性；

配置模块1103，用于根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。

在一种可能的实施例中，所述配置模块1103包括：

获取单元，用于获取所述客户端的屏幕信息，并根据所述屏幕信息、所述整体显示模式和所述配置属性计算所述客户端上所述界面元素的实际配置信息；

配置单元，用于根据所述实际配置信息配置所述客户端中所述界面元素的展示样式。

本申请实施例和图8至图9的方法实施例基于同一构思，其带来的技术效果也相同，具体过程可参照图8至图9的方法实施例的描述，此处不再赘述。

所述装置11可以为实现相关功能的现场可编程门阵列(field-programmablegate array，FPGA)，专用集成芯片，系统芯片(system on chip，SoC)，中央处理器(centralprocessor unit，CPU)，网络处理器(network processor，NP)，数字信号处理电路，微控制器(micro controller unit，MCU)，还可以采用可编程控制器(programmable logicdevice，PLD)或其他集成芯片。

本申请实施例的方案在执行时，通过桥接协议接收来自服务端的模式配置信息，其中，所述模式配置信息用于所述客户端配置对应的展示样式，基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性，根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。本申请实施例服务端通过生成用户需要的展示样式对应的模式配置信息，然后再通过通过桥接协议将所述模式配置信息发送给客户端，用于客户端直接配置页面的展示样式，而不是通过客户端下载版本文件来更新页面，从而可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

本申请实施例还提供了一种计算机存储介质，所述计算机存储介质可以存储有多条指令，所述指令适于由处理器加载并执行如上述的方法步骤，具体执行过程可以参见图2或图3或图8或图9所示实施例的具体说明，在此不进行赘述。

本申请还提供了一种计算机程序产品，该计算机程序产品存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的模板的控制方法。

请参见图12，为本申请实施例提供了一种电子设备的结构示意图。如图12所示，所述电子设备12可以包括：至少一个处理器1201，至少一个网络接口1204，用户接口1203，存储器1205，至少一个通信总线1202。

其中，通信总线1202用于实现这些组件之间的连接通信。

其中，用户接口1203可以包括显示屏(Display)、摄像头(Camera)，可选用户接口1203还可以包括标准的有线接口、无线接口。

其中，网络接口1204可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。

其中，处理器1201可以包括一个或者多个处理核心。处理器1201利用各种借口和线路连接整个终端1200内的各个部分，通过运行或执行存储在存储器1205内的指令、程序、代码集或指令集，以及调用存储在存储器1205内的数据，执行终端1200的各种功能和处理数据。可选的，处理器1201可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器1201可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器1201中，单独通过一块芯片进行实现。

其中，存储器1205可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选的，该存储器1205包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器1205可用于存储指令、程序、代码、代码集或指令集。存储器1205可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器1205可选的还可以是至少一个位于远离前述处理器1201的存储装置。如图12所示，作为一种计算机存储介质的存储器1205中可以包括操作系统、网络通信模块、用户接口模块以及样式配置应用程序。

在图12所示的电子设备1200中，用户接口1203主要用于为用户提供输入的接口，获取用户输入的数据；而处理器1201可以用于调用存储器1205中存储的样式配置应用程序，并具体执行以下操作：

获取配置指令对应的界面元素的展示样式；

生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式；

通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。

在一个实施例中，处理器1201执行所述获取配置指令对应的界面元素的展示样式时，具体执行：

解析所述配置指令，确定所述界面元素的配置属性；

配置所述配置属性对应的界面元素的展示样式。

在一个实施例中，处理器1201执行所述生成所述界面元素的展示样式对应的模式配置信息时，具体执行：

确定生成指令对应的所述服务端的整体显示模式和所述界面元素的配置属性；

基于所述服务端的整体显示模式和所述界面元素的配置属性生成模式配置信息。

在一个实施例中，处理器1201执行所述通过桥接协议将所述模式配置信息发送给客户端时，具体执行：

确定所述模式配置信息对应的业务类型；

确定所述业务类型对应的桥接协议，并通过所述桥接协议将所述模式配置信息发送给客户端。

在一个实施例中，处理器1201执行所述生成所述界面元素的展示样式对应的模式配置信息之后，还用于执行：

将所述模式配置信息对应的展示样式保存为参考样式；

通过桥接协议将修改后的所述参考样式对应的模式配置信息发送给所述客户端，以使所述客户端更新对应的展示样式。

本申请实施例的技术构思和图2或图3的技术构思相同，具体过程可参照图2或图3的方法实施例，此处不再赘述。

在本申请实施例中，获取配置指令对应的界面元素的展示样式，生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式，通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。本申请实施例服务端通过生成用户需要的展示样式对应的模式配置信息，然后再通过通过桥接协议将所述模式配置信息发送给客户端，用于客户端直接配置页面的展示样式，而不是通过客户端下载版本文件来更新页面，从而可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

请参见图13，为本申请实施例提供了一种电子设备的结构示意图。如图13所示，所述电子设备13可以包括：至少一个处理器1301，至少一个网络接口1304，用户接口1303，存储器1305，至少一个通信总线1302。

其中，通信总线1302用于实现这些组件之间的连接通信。

其中，用户接口1303可以包括显示屏(Display)、摄像头(Camera)，可选用户接口1303还可以包括标准的有线接口、无线接口。

其中，网络接口1304可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。

其中，处理器1301可以包括一个或者多个处理核心。处理器1301利用各种借口和线路连接整个终端1300内的各个部分，通过运行或执行存储在存储器1305内的指令、程序、代码集或指令集，以及调用存储在存储器1305内的数据，执行终端1300的各种功能和处理数据。可选的，处理器1301可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器1301可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器1301中，单独通过一块芯片进行实现。

其中，存储器1305可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选的，该存储器1305包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器1305可用于存储指令、程序、代码、代码集或指令集。存储器1305可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器1305可选的还可以是至少一个位于远离前述处理器1301的存储装置。如图13所示，作为一种计算机存储介质的存储器1305中可以包括操作系统、网络通信模块、用户接口模块以及样式配置应用程序。

在图13所示的电子设备1300中，用户接口1303主要用于为用户提供输入的接口，获取用户输入的数据；而处理器1301可以用于调用存储器1305中存储的样式配置应用程序，并具体执行以下操作：

通过桥接协议接收来自服务端的模式配置信息；其中，所述模式配置信息用于所述客户端配置对应的展示样式；

基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性；

根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。

在一个实施例中，处理器1301执行所述根据所述整体显示模式和所述配置属性配置所述客户端的展示样式时，具体执行：

获取所述客户端的屏幕信息，并根据所述屏幕信息、所述整体显示模式和所述配置属性计算所述客户端上所述界面元素的实际配置信息；

根据所述实际配置信息配置所述客户端中所述界面元素的展示样式。

本申请实施例的技术构思和图8或图9的技术构思相同，具体过程可参照图8或图9的方法实施例，此处不再赘述。

在本申请实施例中，通过桥接协议接收来自服务端的模式配置信息，其中，所述模式配置信息用于所述客户端配置对应的展示样式，基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性，根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。本申请实施例服务端通过生成用户需要的展示样式对应的模式配置信息，然后再通过通过桥接协议将所述模式配置信息发送给客户端，用于客户端直接配置页面的展示样式，而不是通过客户端下载版本文件来更新页面，从而可以大大的减少研发人员开发更新版本的工作量，提高客户端样式配置效率。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。

以上所揭露的仅为本申请较佳实施例而已，当然不能以此来限定本申请之权利范围，因此依本申请权利要求所作的等同变化，仍属本申请所涵盖的范围。

Claims (11)

1.一种样式配置方法，其特征在于，应用于服务端，所述方法包括：

获取配置指令对应的界面元素的展示样式；

生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式；

通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。

2.根据权利要求1所述的方法，其特征在于，所述获取配置指令对应的界面元素的展示样式，包括：

解析配置指令，确定所述界面元素的配置属性；

配置所述配置属性对应的界面元素的展示样式。

3.根据权利要求2所述的方法，其特征在于，所述生成所述界面元素的展示样式对应的模式配置信息，包括：

确定生成指令对应的所述服务端的整体显示模式和所述界面元素的配置属性；

基于所述服务端的整体显示模式和所述界面元素的配置属性生成模式配置信息。

4.根据权利要求1所述的方法，其特征在于，所述通过桥接协议将所述模式配置信息发送给客户端，包括：

确定所述模式配置信息对应的业务类型；

确定所述业务类型对应的桥接协议，并通过所述桥接协议将所述模式配置信息发送给客户端。

5.根据权利要求1所述的方法，其特征在于，所述生成所述界面元素的展示样式对应的模式配置信息之后，还包括：

将所述模式配置信息对应的展示样式保存为参考样式；

通过桥接协议将修改后的所述参考样式对应的模式配置信息发送给所述客户端，以使所述客户端更新对应的展示样式。

6.一种样式配置方法，其特征在于，应用于客户端，所述方法包括：

通过桥接协议接收来自服务端的模式配置信息；其中，所述模式配置信息用于所述客户端配置对应的展示样式；

基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性；

根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。

7.根据权利要求6所述的方法，其特征在于，所述根据所述整体显示模式和所述配置属性配置所述客户端的展示样式，包括：

获取所述客户端的屏幕信息，并根据所述屏幕信息、所述整体显示模式和所述配置属性计算所述客户端上所述界面元素的实际配置信息；

根据所述实际配置信息配置所述客户端中所述界面元素的展示样式。

8.一种样式配置装置，其特征在于，包括：

获取模块，用于获取配置指令对应的界面元素的展示样式；

生成模块，用于生成所述界面元素的展示样式对应的模式配置信息；其中，所述模式配置信息用于设置客户端页面的展示样式；

发送模块，用于通过桥接协议将所述模式配置信息发送给客户端，以使所述客户端配置对应的展示样式。

9.一种样式配置装置，其特征在于，包括：

接收模块，用于通过桥接协议接收来自服务端的模式配置信息；其中，所述模式配置信息用于所述客户端配置对应的展示样式；

确定模块，用于基于所述模式配置信息确定所述服务端的整体显示模式和界面元素的配置属性；

配置模块，用于根据所述整体显示模式和所述配置属性配置所述客户端的展示样式。

10.一种计算机存储介质，其特征在于，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行如权利要求1～5或6～7任意一项的方法步骤。

11.一种电子设备，其特征在于，包括：存储器和处理器；其中，所述存储器存储有计算机程序，所述计算机程序适用于由所述处理器加载并执行如权利要求1～5或6～7任意一项的方法步骤。

Images