界面显示、加载方法及装置与流程

本发明涉及互联网领域，具体而言，涉及一种界面显示、加载方法及装置。

背景技术：

随着网络媒体信息的丰富，人们有随时随地在客户端上获取媒体信息的诉求。如何呈现多元化媒体信息和即时更新数据是客户端App保证用户新增和用户黏性的重要探索方向，因此内容类App框架以能够尽量减少终端版本发布，提高后台灵活控制终端展现和交互为主要方向。

目前，按照App上界面信息结构的复杂程度，一般有两种主流方案：1、由后台下发可能需要用到的全部数据，客户端通过产品需求进行判断组合来展示业务可交互视图，如图1(a)所示；2、由客户端主动发起对各业务模块的数据请求，再根据响应数据展示，如图1(a)所示；3、采用H5或者React Native等非Native方案实现对客户端绘制的控制，如图1(b)所示。

Native方案(即方案1和方案2)实现App交互界面对比其他方式，在接口丰富度、视图及动画的流畅度、运行速度及对用户操作的响应速度上具有绝对优势，且能够更方便的与客户端的本地功能交互。非Native方案(即方案H5和React Native)具有跨平台的通用性，前后台交互简单，功能迭代速度快。

然而，不论是方案1还是方案2，客户端都需要通过一次或多次请求才能拿到大量与业务相关的数据，需要实现产品需求制定的规则的复杂逻辑。换言之，就是复杂的业务判断逻辑需要在终端执行。

而方案3，提高了数据端(即后台)对渲染端(即客户端，即客户端)视图和交互的灵活控制，但需要App支持H5页面或控制端(即数端)指令的翻译等。

综上，现有的Native实现方案存在以下缺点：(1)后台下发数据，这对客户端展现没有直接控制作用，一套后台服务可能会包含很多对当前渲染无用的冗余数据，加重了网络请求负担，导致客户端数据解析的冗余；(2)数据与业务耦合，视图灵活度低，客户端代码复用率不高，因此增加了开发和维护成本；(3)业务逻辑绑定在客户端，逻辑扩展复杂，从而导致产品扩展性差，简单需求的增加也需要依赖App的发布。H5或者React Native方案的缺点主要在于：响应速度不理想，不同分辨率的设备适配、调用设备本地功能难度较大，对于针对平台特性的需求(如动画不支持或卡顿等)支持不足，且在内存泄露和运行Crash的上仍存在问题。

针对上述问题，目前尚未提出有效的解决方案。

技术实现要素：

本发明实施例提供了一种界面显示、加载方法及装置，以至少解决相关技术中客户端显示界面时需要与业务耦合的技术问题。

根据本发明实施例的一个方面，提供了一种界面显示方法，包括：获取客户端发送的数据请求，其中，上述数据请求中携带有上述客户端请求显示的界面所对应的应用场景的目标场景参数；获取与上述目标场景参数对应的数据字段，其中，上述数据字段用于指示上述界面的展示样式和展示内容；将上述数据字段发送给上述客户端，以指示上述客户端根据上述数据字段来显示上述界面。

根据本发明实施例的另一方面，还提供了一种界面加载方法，包括：向服务器发送的数据请求，以使上述服务器根据上述数据请求中携带的客户端请求显示的界面所对应的应用场景的目标场景参数，获取与上述目标场景参数对应的数据字段，其中，上述数据字段用于指示上述界面的展示 样式和展示内容，并将上述数据字段发送给上述客户端；接收并根据上述服务器发送的上述数据字段的指示，加载上述界面。

根据本发明实施例的另一方面，还提供了一种界面显示装置，包括：第一获取单元，用于获取客户端发送的数据请求，其中，上述数据请求中携带有上述客户端请求显示的界面所对应的应用场景的目标场景参数；第二获取单元，用于获取与上述目标场景参数对应的数据字段，其中，上述数据字段用于指示上述界面的展示样式和展示内容；第一发送单元，用于将上述数据字段发送给上述客户端，以指示上述客户端根据上述数据字段来显示上述界面。

根据本发明实施例的另一方面，还提供了一种界面加载装置，包括：第三发送单元，用于向服务器发送的数据请求，以使上述服务器根据上述数据请求中携带的客户端请求显示的界面所对应的应用场景的目标场景参数，获取与上述目标场景参数对应的数据字段，其中，上述数据字段用于指示上述界面的展示样式和展示内容，并将上述数据字段发送给上述客户端；加载单元，用于接收并根据上述服务器发送的上述数据字段的指示，加载上述界面。

在本发明实施例中，采用一种界面显示方法，包括：获取客户端发送的数据请求，其中，上述数据请求中携带有上述客户端请求显示的界面所对应的应用场景的目标场景参数；获取与上述目标场景参数对应的数据字段，其中，上述数据字段用于指示上述界面的展示样式和展示内容；将上述数据字段发送给上述客户端，以指示上述客户端根据上述数据字段来显示上述界面，达到了服务器根据客户端发送的目标场景参数提供对应界面加载数据的目的，从而实现了客户端与业务解耦的技术效果，进而解决了相关技术中客户端显示界面时需要与业务耦合的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一 部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1(a)是根据相关技术的Native实现方案的示意图；

图1(b)是根据相关技术的非Native实现方案的示意图；

图1(c)是根据本发明实施例的界面显示方法的硬件环境的示意图；

图2是根据本发明实施例的一种可选的界面显示方法的流程图；

图3(a)是根据本发明实施例的一种界面的反射实现方式的示意图；

图3(b)是根据本发明实施例的一种界面的工厂类实现方式的示意图；

图3(c)是根据本发明实施例的一种界面的显示样式的示意图；

图3(d)是根据本发明实施例的一种界面的显示样式的示意图；

图3(e)是根据本发明实施例的一种调整视图模块顺序的示意图；

图4是根据本发明实施例的一种可选的界面加载方法的流程图；

图5是根据本发明实施例的一种可选的界面加载方法的流程图；

图6是根据本发明实施例的一种可选的界面显示装置的示意图；

图7是根据本发明实施例的另一种可选的界面显示装置的示意图；

图8是根据本发明实施例的另一种可选的界面显示装置的示意图；

图9是根据本发明实施例的另一种可选的界面显示装置的示意图；

图10是根据本发明实施例的另一种可选的界面显示装置的示意图；

图11是根据本发明实施例的另一种可选的界面显示装置的示意图；

图12是根据本发明实施例的另一种可选的界面显示装置的示意图；

图13是根据本发明实施例的另一种可选的界面显示装置的示意图；

图14是根据本发明实施例的一种可选的界面加载装置的示意图；以及

图15是根据本发明实施例的一种终端的结构框图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

首先，在对本发明实施例进行描述的过程中出现的部分名词或者术语适用于如下解释：

ONAView控件：把交互界面上具有独立业务功能、可被多处复用以展示的一个视图模块，定义为一个ONAView控件。

ONA模板：每一个ONAView控件都对应一个用来控制展现的协议结构，包含显示绘制、交互操作和动态更新全部数据字段。每一个ONA模板可以完整地描述一套ONAView控件的展示样式和展示内容，ONA模板和ONAView控件在命名上显式对应。

实施例1

根据本发明实施例，提供了一种界面显示方法的方法实施例。

可选地，在本实施例中，上述界面显示方法可以应用于如图1(c)所示的由服务器102和终端104所构成的硬件环境中。如图1(c)所示，服务器102通过网络与终端104进行连接，上述网络包括但不限于：广域网、城域网或局域网，终端104并不限定于PC、手机、平板电脑等。本发明实施例的界面显示方法可以由服务器102来执行，也可以由终端104来执行，还可以是由服务器102和终端104共同执行。其中，终端104执行本发明实施例的界面显示方法也可以是由安装在其上的客户端来执行。

图2是根据本发明实施例的一种可选的界面显示方法的流程图，如图2所示，该方法可以包括以下步骤：

步骤S202，获取客户端发送的数据请求，其中，数据请求中携带有客户端请求显示的界面所对应的应用场景的目标场景参数；

步骤S204，获取与目标场景参数对应的数据字段，其中，数据字段用于指示界面的展示样式和展示内容；

步骤S206，将数据字段发送给客户端，以指示客户端根据数据字段来显示界面。

通过上述步骤S202至步骤S206，通过获取客户端发送的数据请求，其中，上述数据请求中携带有上述客户端请求显示的界面所对应的应用场景的目标场景参数；获取与上述目标场景参数对应的数据字段，其中，上述数据字段用于指示上述界面的展示样式和展示内容；将上述数据字段发送给上述客户端，以指示上述客户端根据上述数据字段来显示上述界面，可以解决了相关技术中客户端显示界面时需要与业务耦合的技术问题，进而达到客户端与业务解耦的技术效果。

在步骤S202提供的技术方案中，执行主体为服务器(即后台)，客户端发送的数据请求中除了携带上述目标场景参数之外，还携带有客户端请求显示的界面所在页面的ID(即身份标识)，以及该界面对应的控制字。需要说明的是，一个页面中可以包括一个或者多个界面。例如，在客户端， 每个ONAView控件(即每个视图模块)会被编上唯一标识的序号Index，按照ONAXxx数据协议对应ONAXxxView的规范命名。按照判断Index、反射解析ONAXxx结构数据、生成ONAXxxView绘制在页面以形成对应的界面，并以ONAXxx数据填充View的处理逻辑。这样，可以解耦视图模块创建与业务界面的关联，降低新增和扩展视图类型的复杂度。

需要说明的是，上述数据请求中携带的ID可以指示客户端请求显示界面的页面是首页还是搜索页，以及是当前页面上的哪个频道(如电影频道等)等信息。

在步骤S204提供的技术方案中，由于服务器已预先根据界面的应用场景约定了对应的数据字段，因此，在获取到目标场景参数后，可以获取与目标场景参数对应的数据字段，其中，数据字段用于指示界面的展示样式和展示内容。进一步，展示样式可以包括视图模块的布局和交互操作，该交互操作包括界面跳转和投票互动等。需要说明的是，服务器在设置数据字段时，会将每个数据字段与对应的场景参数进行映射，这样，在得到场景参数后，根据预先设定的映射关系，就可以快速、准确地找到对应的数据字段了。

在步骤S206提供的技术方案中，服务器将上述数据字段发送给客户端后，客户端可以根据该数据字段的指示，在界面上显示与该数据字段一一对应的视图模块。实施时，可以将功能界面按照能够满足展示和交互的最小视图模块进行划分，并为每一个视图模块指定对应的控制字段。

通过本发明实施例中，通过获取客户端发送的数据请求，其中，数据请求中携带有客户端请求显示的界面所对应的应用场景的目标场景参数；获取与目标场景参数对应的数据字段，其中，数据字段用于指示界面的展示样式和展示内容；将数据字段发送给客户端，以指示客户端根据数据字段来显示界面，达到了服务器根据客户端发送的目标场景参数提供对应界面加载数据的目的，从而实现了客户端与业务解耦的技术效果，进而解决了相关技术中客户端显示界面时需要与业务耦合的技术问题。

使用上述技术方案可以产生以下技术效果：ONAView与业务解耦，在一个客户端中同时承载多个业务或多个后天(即服务器)数据，对界面展现透明。这套方案可以应用在Android、iPhone、iPad等多个移动平台，且适用于视频、新闻、博客等丰富的App类型。这个方案可以帮助视频开发者实现了多线迭代、多版本并行，极大提高了联调开发效率，减少在客户端发布版本的数量。

进一步，与相关技术相比，在本申请中，由于客户端获取的界面填充数据都是服务器基于场景数据下发的，因此，服务器对客户端展现具有直接控制作用。并且，由于服务下发的数据是根据对应的场景参数下发的，因此，不可能包含与当前渲染无关的冗余数据，减轻了网络请求负担和终端数据解析的冗余。另外，在本申请中，由于判断逻辑设置在服务器侧，使得客户端在加载界面时无需考虑数据与数据与业务是否耦合，提高了视图模块的灵活度以及与之对应的数据字段的复用率，从而降低了开发和维护成本。并且，在本申请中，由于业务逻辑绑定在服务器侧，可以降低逻辑扩展复杂度，从而改善产品的扩展性，使得简单需求的增加不再需要依赖App的发布。

作为一种可选的实施例，步骤S204获取与目标场景参数匹配的目标模板包括：步骤S212，确定目标场景参数所描述的应用场景；步骤S214，确定界面在目标场景参数所描述的应用场景下所包含的目标视图模块；步骤S216，获取与目标视图模块对应的目标字段；步骤S218，将获取的目标字段拼接成目标模板。

在此，应用场景可以包括点击界面可以跳转的场景，点击界面可以投票的场景等。不同应用场景下，界面上可能包含不同的视图模块。不同的视图模块与不同的数据字段对应。因此，通过本实施例方式提供的技术方案，可以根据数据请求中携带的目标场景参数确定其所描述的应用场景，进而确定在这种应用场景下界面上应该显示哪些视图模块，从而最终找到这些视图模块对应的数据字段，并将这些数据字段拼接成目标模板。这样， 服务器可以通过下发有序的视图模块ID所对应的数据字段，来控制前段App顺序展现各视图模块，形成完整的交互界面。

作为一种可选的实施例，步骤S204获取与目标场景参数对应的数据字段包括：步骤S208，获取与目标场景参数匹配的目标模板，其中，目标模板中包括数据字段；步骤S210，获取目标模板中的数据字段。

换言之，实施时，服务器可以与客户端预先约定界面的应用场景与模板的对应关系，这样，服务器在下发数据时，可以直接通过场景参数，将该场景参数对应的模板中的数据字段按照预先设定的顺序依次下发给客户端即可。

实施时，在终端的实现框架中，规定模板和视图控件(即视图模块)之间通过枚举定义的唯一标识绑定，且三者在命名上一一对应。这种设计的好处是，在服务器下发数据和终端绘制界面这两个过程中，可以高复用数据字段并实现自动化绘制界面的目的。并且，

通过发明实施例，对模板的解析可以反射出实现自动化解析的数据Build过程。如图3(a)所示，终端根据下发数据中枚举类型2，将数据流读成了可被终端使用的对应结构体，这个过程是完全自动化的。如果需要添加新的数据解析，只需要定义好模板，并为其设置枚举类型即可。

另一方面，如图3(b)所示，将模板对应的数据结构体最终绘制成视图的过程可以通过工厂类来实现复用。终端将可能会用到的视图类型以控件的方式组织一个个单独的视图实现。视图工厂根据定义的枚举类型返回对应的视图实例。

作为一种可选的实施例，步骤S204获取与目标场景参数匹配的目标模板包括：步骤S220，获取场景参数与对应的模板之间的关联关系；步骤S222，根据获取的关联关系，从预先设定的多个模板中获取与目标场景参数具有关联关系的候选模板；步骤S224，将候选模板作为目标模板。

也即，基于可见即可得的原则，在服务器端，可以总结页面渲染的元 素，设计与业务无关的视图协议(即数据字段)，每一个数据字段描述或者控制一个视图形成的过程或样式，与业务无关，只影响视图的最终展示。如图3(c)和图3(d)所示，一个与业务无关的Poster模板控制一个海报界面的展示，每个字段都指定了界面的内容展现，部分字段影响展示内容，部分字段影响展示样式。可以通过下发前后端(即客户端与服务器)约定的样式枚举，或者通过下发或者不下发数据字段来影响前端的展示和交互，从而支持不同业务。

作为一种可选的实施例，步骤S204获取与目标场景参数匹配的目标模板包括：步骤S226，判断目标场景参数是否为用于描述界面在触发后可产生跳转的场景参数；步骤S228，若是，则获取与目标场景参数匹配的第一模板，其中，第一模板用于指示客户端显示在触发后可产生跳转的界面。也即，在本实施例中，请求显示的界面是应用在跳转场景中的。

作为一种可选的实施例，步骤S204获取与场景参数匹配的目标模板包括：步骤S230，判断目标场景参数是否为用于描述界面在触发后可进行投票的场景参数；步骤S232，若是，则获取与目标场景参数匹配的第二模板，其中，第二模板用于指示客户端显示在触发后可进行投票的界面。也即，在本实施例中，请求显示的界面是应用在投票场景中的。

作为一种可选的实施例，步骤S206，在将数据字段发送给客户端，以指示客户端根据数据字段来显示界面之后，上述方法还包括：步骤S234，获取用于调整数据字段的展示样式和/或展示内容的调整指令；步骤S236，根据调整指令，对数据字段进行调整；步骤S238，将调整后的数据字段发送给客户端，以使客户端根据整后的数据字段刷新界面。

在此，以能够被反复使用为原则，服务器可通过下发有序的视图模块Id对应的数据字段，来控制App顺序展现各视图模块，形成完整的交互界面。这些视图模块可以任意组合来灵活地支持各种业务界面，不经过前端修改可实现界面元素的增加、删除和顺序调整(如图3(e)所示)，提高视图复用，降低代码重复和维护成本。

作为一种可选的实施例，步骤S236根据调整指令，对数据字段进行调整包括：步骤S240，根据调整指令，在数据字段中增加相应的数据字段；和/或步骤S242，根据调整指令，从数据字段中删除相应的数据字段；和/或步骤S244，根据调整指令，修改数据字段中相应的数据字段；和/或步骤S246，根据调整指令，修改数据字段中相应的数据字段的位置参数和/或类型参数，以调整对应的视图模块在界面中的展示位置和/或展示类型。

作为一种可选的实施例，数据字段可被除目标模板之外的其他模板复用。也即，数据字段可以任意组合来灵活地支持各种业务界面，不经过前端修改可实现界面元素的增加、删除和顺序调整，提高视图复用，降低代码重复和维护成本。

进一步地，上述方案除了以上在字段协议对应绘制和终端渲染过程的优化，还在于在整个前后端交互过程的简化。前后端使用自动协议代码生成的方式把约定的模板生成可用的平台代码。一方面简化了协议使用，另一方面降低了强后台协议联调的复杂度和耗时。前后端可以各自生成协议代码各自开发不用互相依赖，提高了开发效率。

本方案的每一次视图模块添加和升级都为后续的使用奠定基础，不论是后端的数据填充还是前端的视图渲染，都是不断积累可复用过程和代码，不断提高后续页面多样化视图支持的灵活性，甚至可以在一定时间内只通过后台发布业务来完成App页面扩展和内容运营。

ONAView视图控件的组合支持在一定范围内的需求变更，无需发版；由后台下发控制视图的类型和顺序，通过协议字段来控制某个视图的显示元素，后台更新后，前端reload数据就可以刷新界面和数据；通过累积视图控件提高复用，减少开发和联调成本，一个ONAView是一个展示和交互的最小功能单元，职责单一方便调试和维护；使用Native的优势即在于可以很方便有效地不断优化性能和用户体验，如图4所示。

本发明还提供了一种优选实施例，该优选实施例为一种界面加载方 法，图5是根据本发明实施例的一种可选的界面加载方法的流程图，如图5所示，该方法包括如下步骤：

步骤S302，向服务器发送的数据请求，以使所述服务器根据所述数据请求中携带的客户端请求显示的界面所对应的应用场景的目标场景参数，获取与所述目标场景参数对应的数据字段，其中，所述数据字段用于指示所述界面的展示样式和展示内容，并将所述数据字段发送给所述客户端；

步骤S304，接收并根据所述服务器发送的所述数据字段的指示，加载所述界面。

在步骤S302提供的技术方案中，客户端发送的数据请求中除了携带上述目标场景参数之外，还携带有客户端请求显示的界面所在页面的ID(即身份标识)，以及该界面对应的控制字。需要说明的是，一个页面中可以包括一个或者多个界面。例如，在客户端，每个ONAView控件(即每个视图模块)会被编上唯一标识的序号Index，按照ONAXxx数据协议对应ONAXxxView的规范命名。按照判断Index、反射解析ONAXxx结构数据、生成ONAXxxView绘制在页面以形成对应的界面，并以ONAXxx数据填充View的处理逻辑。这样，可以解耦视图模块创建与业务界面的关联，降低新增和扩展视图类型的复杂度。

需要说明的是，上述数据请求中携带的ID可以指示客户端请求显示界面的页面是首页还是搜索页，以及是当前页面上的哪个频道(如电影频道等)等信息。

在步骤S302提供的技术方案中，由于服务器已预先根据界面的应用场景约定了对应的数据字段，因此，在获取到目标场景参数后，可以获取与目标场景参数对应的数据字段，其中，数据字段用于指示界面的展示样式和展示内容。进一步，展示样式可以包括视图模块的布局和交互操作，该交互操作包括界面跳转和投票互动等。需要说明的是，服务器在设置数据字段时，会将每个数据字段与对应的场景参数进行映射，这样，在得到 场景参数后，根据预先设定的映射关系，就可以快速、准确地找到对应的数据字段了。

在步骤S304提供的技术方案中，服务器将上述数据字段发送给客户端后，客户端可以根据该数据字段的指示，在界面上显示与该数据字段一一对应的视图模块。实施时，可以将功能界面按照能够满足展示和交互的最小视图模块进行划分，并为每一个视图模块指定对应的控制字段。

通过本发明实施例中，通过向服务器发送的数据请求，以使所述服务器根据所述数据请求中携带的客户端请求显示的界面所对应的应用场景的目标场景参数，获取与所述目标场景参数对应的数据字段，其中，所述数据字段用于指示所述界面的展示样式和展示内容，并将所述数据字段发送给所述客户端；接收并根据所述服务器发送的所述数据字段的指示，加载所述界面，达到了服务器根据客户端发送的目标场景参数提供对应界面加载数据的目的，从而实现了客户端与业务解耦的技术效果，进而解决了相关技术中客户端显示界面时需要与业务耦合的技术问题。

在本发明实施例中，界面绘制的数据请求只与页面类型相关，不与页面所支持业务绑定；可由数据侧完全控制界面中的展现内容；随时线上支持某个内容模块的上下线和模块间的顺序调整；不区分平台，可被多个平台同时应用。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理 解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

实施例2

根据本发明实施例，还提供了一种用于实施上述界面显示方法的界面显示装置。图6是根据本发明实施例的一种可选的界面显示装置的示意图，如图6所示，该装置可以包括：第一获取单元42，用于获取客户端发送的数据请求，其中，数据请求中携带有客户端请求显示的界面所对应的应用场景的目标场景参数；第二获取单元44，用于获取与目标场景参数对应的数据字段，其中，数据字段用于指示界面的展示样式和展示内容；第一发送单元46，用于将数据字段发送给客户端，以指示客户端根据数据字段来显示界面。

需要说明的是，该实施例中的第一获取单元42可以用于执行本申请实施例1中的步骤S202，该实施例中的第二获取单元44可以用于执行本申请实施例1中的步骤S204，该实施例中的第一发送单元46可以用于执行本申请实施例1中的步骤S206。

此处需要说明的是，上述模块与对应的步骤所实现的示例和应用场景相同，但不限于上述实施例1所公开的内容。需要说明的是，上述模块作为装置的一部分可以运行在如图1(c)所示的硬件环境中，可以通过软件实现，也可以通过硬件实现。

作为一种可选的实施例，如图5所示，第二获取单元44包括：第一获取模块442，用于获取与目标场景参数匹配的目标模板，其中，目标模板中包括数据字段；第二获取模块444，用于获取目标模板中的数据字段。

需要说明的是，该实施例中的第一获取模块442可以用于执行本申请 实施例1中的步骤S208，该实施例中的第二获取模块444可以用于执行本申请实施例1中的步骤S210。

作为一种可选的实施例，如图8所示，第二获取单元44包括：第一确定模块446，用于确定目标场景参数所描述的应用场景；第二确定模块448，用于确定界面在目标场景参数所描述的应用场景下所包含的目标视图模块；第三获取模块4410，用于获取与目标视图模块对应的目标字段；拼接模块4412，用于将获取的目标字段拼接成目标模板。

需要说明的是，该实施例中的第一确定模块446可以用于执行本申请实施例1中的步骤S212，该实施例中的第二确定模块448可以用于执行本申请实施例1中的步骤S214，该实施例中的第三获取模块4410可以用于执行本申请实施例1中的步骤S216，该实施例中的拼接模块4412可以用于执行本申请实施例1中的步骤S218。

作为一种可选的实施例，如图9所示，第二获取单元44包括：第四获取模块4414，用于获取场景参数与对应的模板之间的关联关系；第五获取模块4416，用于根据获取的关联关系，从预先设定的多个模板中获取与目标场景参数具有关联关系的候选模板；第三确定模块4418，用于将候选模板作为目标模板。

需要说明的是，该实施例中的第四获取模块4414可以用于执行本申请实施例1中的步骤S220，该实施例中的第五获取模块4416可以用于执行本申请实施例1中的步骤S222，该实施例中的第三确定模块4418可以用于执行本申请实施例1中的步骤S224。

作为一种可选的实施例，如图10所示，第二获取单元44包括：第一判断模块4420，用于判断目标场景参数是否为用于描述界面在触发后可产生跳转的场景参数；第六获取模块4422，用于在是的情况下，获取与目标场景参数匹配的第一模板，其中，第一模板用于指示客户端显示在触发后可产生跳转的界面。

需要说明的是，该实施例中的第一判断模块4420可以用于执行本申请实施例1中的步骤S226，该实施例中的第六获取模块4422可以用于执行本申请实施例1中的步骤S228。

作为一种可选的实施例，如图11所示，第二获取单元44包括：第二判断模块4424，用于判断目标场景参数是否为用于描述界面在触发后可进行投票的场景参数；第七获取模块4426，用于在是的情况下，获取与目标场景参数匹配的第二模板，其中，第二模板用于指示客户端显示在触发后可进行投票的界面。

需要说明的是，该实施例中的第二判断模块4424可以用于执行本申请实施例1中的步骤S230，该实施例中的第七获取模块4426可以用于执行本申请实施例1中的步骤S232。

作为一种可选的实施例，如图12所示，上述装置还包括：第三获取单元48，用于在将数据字段发送给客户端，以指示客户端根据数据字段来显示界面之后，获取用于调整数据字段的展示样式和/或展示内容的调整指令；调整单元410，用于根据调整指令，对数据字段进行调整；第二发送单元412，用于将调整后的数据字段发送给客户端，以使客户端根据整后的数据字段刷新界面。

需要说明的是，该实施例中的第三获取单元48可以用于执行本申请实施例1中的步骤S234，该实施例中的调整单元410可以用于执行本申请实施例1中的步骤S236，该实施例中的第二发送单元412可以用于执行本申请实施例1中的步骤S238。

作为一种可选的实施例，如图13所示，调整单元410包括：第一调整模块4102，用于根据调整指令，在数据字段中增加相应的数据字段；和/或第二调整模块4104，用于根据调整指令，从数据字段中删除相应的数据字段；和/或第三调整模块4106，用于根据调整指令，修改数据字段中相应的数据字段；和/或第四调整模块4108，用于根据调整指令，修改数据字段中相应的数据字段的位置参数和/或类型参数，以调整对应的视图模 块在界面中的展示位置和/或展示类型。

需要说明的是，该实施例中的第一调整模块4102可以用于执行本申请实施例1中的步骤S240，该实施例中的第二调整模块4104可以用于执行本申请实施例1中的步骤S242，该实施例中的第三调整模块4106可以用于执行本申请实施例1中的步骤S244，该实施例中的第四调整模块4108可以用于执行本申请实施例1中的步骤S246。

作为一种可选的实施例，数据字段可被除目标模板之外的其他模板复用。

此处需要说明的是，上述模块与对应的步骤所实现的示例和应用场景相同，但不限于上述实施例1所公开的内容。需要说明的是，上述模块作为装置的一部分可以运行在如图1(c)所示的硬件环境中，可以通过软件实现，也可以通过硬件实现。

本发明还提供了一种优选实施例，该优选实施例为一种界面加载装置，图14是根据本发明实施例的一种可选的界面加载装置的示意图，如图14所示，该装置包括：第三发送单元122，用于向服务器发送的数据请求，以使服务器根据数据请求中携带的客户端请求显示的界面所对应的应用场景的目标场景参数，获取与目标场景参数对应的数据字段，其中，数据字段用于指示界面的展示样式和展示内容，并将数据字段发送给客户端；加载单元124，用于接收并根据服务器发送的数据字段的指示，加载界面。

需要说明的是，该实施例中的第三发送单元122可以用于执行本申请实施例1中的步骤S302，该实施例中的加载单元124可以用于执行本申请实施例1中的步骤S304。

通过上述模块，可以解决了相关技术中客户端显示界面时需要与业务耦合的技术问题，进而达到客户端与业务解耦的技术效果。

实施例3

根据本发明实施例，还提供了一种用于实施上述界面显示方法的服务器或终端。

图15是根据本发明实施例的一种终端的结构框图，如图15所示，该终端可以包括：一个或多个(图中仅示出一个)处理器201、存储器203、以及传输装置205(如上述实施例中的发送装置)，如图15所示，该终端还可以包括输入输出设备207。

其中，存储器203可用于存储软件程序以及模块，如本发明实施例中的界面显示方法和装置对应的程序指令/模块，处理器201通过运行存储在存储器203内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的界面显示方法。存储器203可包括高速随机存储器，还可以包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器203可进一步包括相对于处理器201远程设置的存储器，这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

上述的传输装置205用于经由一个网络接收或者发送数据，还可以用于处理器与存储器之间的数据传输。上述的网络具体实例可包括有线网络及无线网络。在一个实例中，传输装置205包括一个网络适配器(Network Interface Controller，NIC)，其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中，传输装置205为射频(Radio Frequency，RF)模块，其用于通过无线方式与互联网进行通讯。

其中，具体地，存储器203用于存储应用程序。

处理器201可以通过传输装置205调用存储器203存储的应用程序，以执行下述步骤：获取客户端发送的数据请求，其中，数据请求中携带有客户端请求显示的界面所对应的应用场景的目标场景参数；获取与目标场景参数对应的数据字段，其中，数据字段用于指示界面的展示样式和展示内容；将数据字段发送给客户端，以指示客户端根据数据字段来显示界面。

处理器201还用于执行下述步骤：获取与目标场景参数对应的数据字段包括：获取与目标场景参数匹配的目标模板，其中，目标模板中包括数据字段；获取目标模板中的数据字段。

处理器201还用于执行下述步骤：获取与目标场景参数匹配的目标模板包括：确定目标场景参数所描述的应用场景；确定界面在目标场景参数所描述的应用场景下所包含的目标视图模块；获取与目标视图模块对应的目标字段；将获取的目标字段拼接成目标模板。

处理器201还用于执行下述步骤：获取与目标场景参数匹配的目标模板包括：获取场景参数与对应的模板之间的关联关系；根据获取的关联关系，从预先设定的多个模板中获取与目标场景参数具有关联关系的候选模板；将候选模板作为目标模板。

处理器201还用于执行下述步骤：获取与目标场景参数匹配的目标模板包括：判断目标场景参数是否为用于描述界面在触发后可产生跳转的场景参数；若是，则获取与目标场景参数匹配的第一模板，其中，第一模板用于指示客户端显示在触发后可产生跳转的界面。

处理器201还用于执行下述步骤：获取与场景参数匹配的目标模板包括：判断目标场景参数是否为用于描述界面在触发后可进行投票的场景参数；若是，则获取与目标场景参数匹配的第二模板，其中，第二模板用于指示客户端显示在触发后可进行投票的界面。

处理器201还用于执行下述步骤：在将数据字段发送给客户端，以指示客户端根据数据字段来显示界面之后，获取用于调整数据字段的展示样式和/或展示内容的调整指令；根据调整指令，对数据字段进行调整；将调整后的数据字段发送给客户端，以使客户端根据整后的数据字段刷新界面。

处理器201还用于执行下述步骤：根据调整指令，对数据字段进行调整包括：根据调整指令，在数据字段中增加相应的数据字段；和/或根据调 整指令，从数据字段中删除相应的数据字段；和/或根据调整指令，修改数据字段中相应的数据字段；和/或根据调整指令，修改数据字段中相应的数据字段的位置参数和/或类型参数，以调整对应的视图模块在界面中的展示位置和/或展示类型。

处理器201还用于执行下述步骤：数据字段可被除目标模板之外的其他模板复用。

处理器201可以通过传输装置205调用存储器203存储的应用程序，以执行下述步骤：向服务器发送的数据请求，以使所述服务器根据所述数据请求中携带的客户端请求显示的界面所对应的应用场景的目标场景参数，获取与所述目标场景参数对应的数据字段，其中，所述数据字段用于指示所述界面的展示样式和展示内容，并将所述数据字段发送给所述客户端；

处理器201还用于执行下述步骤：接收并根据所述服务器发送的所述数据字段的指示，加载所述界面。

采用本发明实施例，提供了一种客户端与业务解耦的方案。获取客户端发送的数据请求，其中，上述数据请求中携带有上述客户端请求显示的界面所对应的应用场景的目标场景参数；获取与上述目标场景参数对应的数据字段，其中，上述数据字段用于指示上述界面的展示样式和展示内容；将上述数据字段发送给上述客户端，以指示上述客户端根据上述数据字段来显示上述界面，达到了客户端与业务解耦的技术效果，进而解决了相关技术中客户端显示界面时需要与业务耦合的技术问题。

可选地，本实施例中的具体示例可以参考上述实施例1和实施例2中所描述的示例，本实施例在此不再赘述。

本领域普通技术人员可以理解，图15所示的结构仅为示意，终端可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices，MID)、PAD等终端设备。图15其并不对上述电子装置的结构造成限定。例如，终端还可包括比图15中所示更多或者更少的组件(如网络接口、显示装置等)，或者具有与图15所示不同的配置。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：闪存盘、只读存储器(Read-Only Memory，ROM)、随机存取器(Random Access Memory，RAM)、磁盘或光盘等。

实施例4

本发明的实施例还提供了一种存储介质。可选地，在本实施例中，上述存储介质可以用于执行界面显示方法的程序代码。

可选地，在本实施例中，上述存储介质可以位于上述实施例所示的网络中的多个网络设备中的至少一个网络设备上。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码：

S1，获取客户端发送的数据请求，其中，所述数据请求中携带有所述客户端请求显示的界面所对应的应用场景的目标场景参数；

S2，获取与所述目标场景参数对应的数据字段，其中，所述数据字段用于指示所述界面的展示样式和展示内容；

S3，将所述数据字段发送给所述客户端，以指示所述客户端根据所述数据字段来显示所述界面。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：获取与目标场景参数对应的数据字段包括：获取与目标场景参数匹配的目标模板，其中，目标模板中包括数据字段；获取目标模板中的数据字段。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：获 取与目标场景参数匹配的目标模板包括：确定目标场景参数所描述的应用场景；确定界面在目标场景参数所描述的应用场景下所包含的目标视图模块；获取与目标视图模块对应的目标字段；将获取的目标字段拼接成目标模板。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：获取与目标场景参数匹配的目标模板包括：获取场景参数与对应的模板之间的关联关系；根据获取的关联关系，从预先设定的多个模板中获取与目标场景参数具有关联关系的候选模板；将候选模板作为目标模板。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：获取与目标场景参数匹配的目标模板包括：判断目标场景参数是否为用于描述界面在触发后可产生跳转的场景参数；若是，则获取与目标场景参数匹配的第一模板，其中，第一模板用于指示客户端显示在触发后可产生跳转的界面。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：获取与场景参数匹配的目标模板包括：判断目标场景参数是否为用于描述界面在触发后可进行投票的场景参数；若是，则获取与目标场景参数匹配的第二模板，其中，第二模板用于指示客户端显示在触发后可进行投票的界面。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：在将数据字段发送给客户端，以指示客户端根据数据字段来显示界面之后，方法还包括：获取用于调整数据字段的展示样式和/或展示内容的调整指令；根据调整指令，对数据字段进行调整；将调整后的数据字段发送给客户端，以使客户端根据整后的数据字段刷新界面。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：根据调整指令，对数据字段进行调整包括：根据调整指令，在数据字段中增加相应的数据字段；和/或根据调整指令，从数据字段中删除相应的数据字段；和/或根据调整指令，修改数据字段中相应的数据字段；和/或根据调 整指令，修改数据字段中相应的数据字段的位置参数和/或类型参数，以调整对应的视图模块在界面中的展示位置和/或展示类型。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：数据字段可被除目标模板之外的其他模板复用。

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：以执行下述步骤：向服务器发送的数据请求，以使所述服务器根据所述数据请求中携带的客户端请求显示的界面所对应的应用场景的目标场景参数，获取与所述目标场景参数对应的数据字段，其中，所述数据字段用于指示所述界面的展示样式和展示内容，并将所述数据字段发送给所述客户端；

可选地，存储介质还被设置为存储用于执行以下步骤的程序代码：接收并根据所述服务器发送的所述数据字段的指示，加载所述界面。

可选地，本实施例中的具体示例可以参考上述实施例1和实施例2中所描述的示例，本实施例在此不再赘述。

可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在上述计算机可读取的存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在存储介质中，包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实 施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的客户端，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。