界面动态生成方法、系统、设备以及介质与流程

本发明涉及的是一种界面合成领域的技术，更具体的说，涉及一种界面动态生成方法、系统、设备以及介质。

背景技术：

智能手机之普及不用多说，手机app渗透到各个行业：电商(淘宝、京东等)、金融(各手机行业、p2p借贷等)、医疗(智慧医疗)、交通(滴滴、uber等)、教育(慕课网等)、餐饮(饿了吗、美团等)。企业，无论规模大小，都已经订制或将要订制自己的app。这么多app无外乎就三种模式：nativeapp、webapp、hybridapp。

nativeapp是指原生开发，目前较为成熟，各大公司均采用此方式。但是其人工成本较高，同一个项目，至少需要android端、ios端、web端三个开发团队。

webapp是指基于web的系统和应用，运行在高端手机的网络和浏览器上，用网页技术开发实现特定功能的应用。与wap的区别：功能层面。wap的侧重使用网页技术在移动端做展示，包括文字、媒体文件。webapp侧重使用网页技术实现app功能。

hybridapp，基于第三方跨平台移动应用引擎框架进行开发。使用html5和js作为开发，调用引擎封装的底层功能如照相机、传感器、通讯录等。其具有nativeapp良好用户交互体验的优势，同时，具有webapp跨平台开发的优势。

基于nativeapp、webapp或hybridapp模式开发的客户端，无法及时的调整显示界面，必须等待客户端进行版本更新时才能调整显示界面。

技术实现要素：

针对现有技术存在的问题，本发明的目的在于提供一种界面动态生成方法、系统、设备以及介质，能够根据客户端发出的界面请求动态的获取业务数据和界面模块的接口编号，根据接口编号获取界面模板，而后将业务数据对界面模板进行更新形成界面数据，并将界面数据发送至客户端，由客户端根据动态生成的界面数据来形成显示界面，从而使得客户端能够不依赖于版本更新，实时动态的形成新的显示界面，并且开发人员能够对界面模板及时且相对独立的更改，以使得客户端能够生成不同的显示界面。

根据本发明的一个方面，提供一种界面动态生成方法，包括：

接收一由客户端发送的界面请求；

根据所述界面请求匹配得到与所述界面请求对应的业务数据以及与所述界面请求对应的接口编号，所述接口编号映射于一界面模板；

根据所述接口编号提取所述界面模板，所述界面模板包括文本字段、图片字段以及跳转字段；

根据所述业务数据更新所述界面模板中的所述文本字段、所述图片字段以及所述跳转字段以生成界面数据，并将所述界面数据发送至所述客户端。

优选的，所述界面模板包括若干渲染单元，所述渲染单元包括渲染类型、所述文本字段、所述图片字段以及所述跳转字段。

优选的，所述根据所述业务数据更新所述界面模板中的所述文本字段、所述图片字段以及所述跳转字段以生成界面数据，并将所述界面数据发送至所述客户端具体包括：

根据所述文本字段提取所述业务数据中的文本数据，并将所述文本数据替换所述界面模板中的所述文本字段；

根据所述图片字段提取所述业务数据中的图片数据，并将所述图片数据替换所述界面模板中的所述图片字段；

根据所述跳转字段提取所述业务数据中的跳转数据，并将所述跳转数据替换所述界面模板中的所述跳转字段。

优选的，所述业务数据中包括第一路径和第二路径，所述跳转字段包括图标路径和跳转路径，所述根据所述跳转字段提取所述业务数据中的跳转数据，并将所述跳转数据替换所述界面模板中的所述跳转字段具体步骤包括：

提取所述业务数据中所述第一路径和所述第二路径；

根据所述第一路径替换所述界面模板中的所述图标路径；

根据所述第二路径替换所述界面模板中的所述跳转路径。

优选的，所述文本字段、所述图片字段以及所述跳转字段为el表达式。

优选的，所述客户端中，每一所述渲染类型映射于一显示栏。

优选的，具体包括：

数据服务器接收一由客户端发送的界面请求；

数据服务器根据所述界面请求匹配得到与所述界面请求对应的业务数据以及与所述界面请求对应的接口编号，所述接口编号映射于一界面模板；

渲染服务器根据所述接口编号提取所述界面模板，所述界面模板包括文本字段、图片字段以及跳转字段；

渲染服务器根据所述业务数据更新所述界面模板中的所述文本字段、所述图片字段以及所述跳转字段以生成界面数据，并将所述界面数据发送至所述客户端。

根据本发明的一个方面，提供一种界面动态生成系统，包括：

接收模块，接收一由客户端发送的界面请求；

数据匹配模块，根据所述界面请求匹配得到与所述界面请求对应的业务数据以及与所述界面请求对应的接口编号，所述接口编号映射于一界面模板；

模板匹配模块，根据所述接口编号提取所述界面模板，所述界面模板包括文本字段、图片字段以及跳转字段；

数据生成模块，根据所述业务数据更新所述界面模板中的所述文本字段、所述图片字段以及所述跳转字段以生成界面数据，并将所述界面数据发送至所述客户端。

根据本发明的一个方面，提供一种界面动态生成设备，包括：

处理器；

存储器，其中存储有所述处理器的可执行指令；

其中，所述处理器配置为经由执行所述可执行指令来执行上述界面动态生成方法的步骤。

根据本发明的一个方面，提供一种计算机可读存储介质，用于存储程序，其特征在于，所述程序被执行时实现上述界面动态生成方法的步骤。

上述技术方案的有益效果是：

本发明的界面动态生成方法、系统、设备以及介质，能够根据客户端发出的界面请求动态的获取业务数据和界面模块的接口编号，根据接口编号获取界面模板，而后将业务数据对界面模板进行更新形成界面数据，并将界面数据发送至客户端，由客户端根据动态生成的界面数据来形成显示界面，从而使得客户端能够不依赖于版本更新，实时动态的形成新的显示界面，并且开发人员能够对界面模板及时且相对独立的更改，以使得客户端能够生成不同的显示界面。

本发明的其它特征和优点以及本发明的各种实施例的结构和操作，将在以下参照附图进行详细的描述。应当注意，本发明不限于本文描述的具体实施例。在本文给出的这些实施例仅仅是为了说明的目的。

附图说明

通过阅读参照以下附图对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显。

图1为本发明的较佳的实施例中，一种界面动态生成方法的具体实施场景；

图2为本发明的较佳的实施例中，一种界面动态生成方法的流程示意图；

图3为本发明的较佳的实施例中，一种界面数据的生成流程图；

图4为本发明的较佳的实施例中，一种跳转字段的更新流程图；

图5为本发明的较佳的实施例中，一种界面示意图；

图6为本发明的较佳的实施例中，一种界面动态生成系统的结构框图；

图7为本发明的较佳的实施例中，一种界面动态生成设备的结构示意图；

图8为本发明的较佳的实施例中，一种计算机可读存储介质的结构示意图。

附图标记：

101移动设备

102数据服务器

103渲染服务器

104模板服务器

401屏幕

402第一显示区域

403第二显示区域

404第三显示区域

从以下结合附图的详细描述中，本发明的特征和优点将变得更加明显。贯穿附图，相同的附图标识相应元素。在附图中，相同附图标记通常指示相同的、功能上相似的和/或结构上相似的元件。

具体实施方式

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

本申请中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。“上”、“下”、“左”、“右”等仅用于表示相对位置关系，当被描述对象的绝对位置改变后，则该相对位置关系也可能相应地改变。

需要说明的是，在不冲突的情况下，本发明中的实施例及实施例中的特征可以相互组合。

下面结合附图和具体实施例对本发明作进一步说明，但不作为本发明的限定。

图1是一种界面动态生成方法的具体实施场景。在图1示出的实施场景中，包括移动设备101、数据服务器102、模板服务器104以及渲染服务器103。移动设备101和数据服务器102之间通过网络相连，该移动设备101可以但不限于任何一种可以与用户进行交互的人机交互电子产品，例如：智能手机、平板电脑以及台式电脑等。该移动设备101的操作系统可以是任意操作系统，例如：android操作系统、ios操作系统。数据服务器102可以是但不限于一种能够按照实现设定或存储的指令，自动进行数值计算和信息处理的电子设备，其硬件包括但不限于微处理器、专用集成电路(asic)、可编程逻辑器件(pld)、现场可编程门阵列(fpga)、数字信号处理器(dsp)以及嵌入式设备等。数据服务器102还可以是台式计算机、网络主机、单个网络服务器、多个网络服务器集群或多个服务器构成的云；在此，云由基于云计算(cloudcomputing)的大量计算机或网络服务器构成，其中，云计算是分布式计算的一种，由一群松散耦合的计算机组成的虚拟超级计算机。网络可以包括但不限于互联网、广域网、城域网、vpn网络、无线自组织网络(adhoc网络)等。同样的，模板服务器104和渲染服务器103也可以是台式计算机、网络主机、单个网络服务器、多个网络服务器集群或多个服务器构成的云。

以下基于图1示出的具体实施场景对界面动态生成方法行详细描述。

图2是一种界面动态生成方法的流程示意图。该图2示出的界面动态生成方法具体包括步骤s202、步骤s204、步骤s206以及步骤s208。步骤s202，接收一由客户端发送的界面请求；步骤s204，根据界面请求匹配得到与界面请求对应的业务数据以及与界面请求对应的接口编号，接口编号映射于一界面模板；步骤s206，根据接口编号提取界面模板，界面模板包括文本字段、图片字段以及跳转字段；步骤s208，根据业务数据更新界面模板中的文本字段、图片字段以及跳转字段以生成界面数据，并将界面数据发送至客户端。

在步骤s202中，数据服务器102接收一由客户端发送的界面请求。数据服务器102接收运行于移动设备101的客户端发出的界面请求。在移动设备101中运行客户端时，客户端需要根据用户输入的操作，来显示不同的界面。客户端需要在移动设备101的屏幕401上显示界面时，会向业务数据服务器102发送一个界面请求，并从渲染服务器103接收该界面请求所对应的界面数据，而后根据该界面数据来显示相应的界面。

在步骤s204中，数据服务器102根据界面请求匹配得到与界面请求对应的业务数据以及与界面请求对应的接口编号，接口编号映射于一界面模板。业务数据中包括文本数据、图片数据以及以及跳转数据。跳转数据中包括第一路径和第二路径。

在步骤s206中，渲染服务器103根据接口编号提取界面模板，界面模板包括文本字段、图片字段以及跳转字段。跳转字段中包括图标路径和跳转路径。文本字段、图片字段以及跳转字段为el(expressionlanguage)表达式。

在步骤s208中，渲染服务器103根据业务数据更新界面模板中的文本字段、图片字段以及跳转字段以生成界面数据，并将界面数据发送至客户端。

图3是一种界面数据的生成流程图。图3示出的步骤s208中，具体包括以下步骤：步骤s302、步骤s304以及步骤s306。在步骤s302中，根据文本字段提取业务数据中的文本数据，并将文本数据替换界面模板中的文本字段；在步骤s304中，根据图片字段提取业务数据中的图片数据，并将图片数据替换界面模板中的图片字段；在步骤s306中，根据跳转字段提取业务数据中的跳转数据，并将跳转数据替换界面模板中的跳转字段。

图4是一种跳转字段的更新流程图。步骤s306具体包括：步骤s402，提取业务数据中第一路径和第二路径；步骤s404，根据第一路径替换界面模板中的图标路径；步骤s406，根据第二路径替换界面模板中的跳转路径。

业务数据中的跳转数据包括第一路径和第二路径。数据服务器102根据接收到的界面请求，提取相应的业务数据以及与该界面请求对应的接口编号。每一个接口编号都对应了一个界面模板，界面模板单独的存储于模板服务器104中。数据服务器102提取的业务数据包括第一路径和第二路径，第一路径和第二路径均为一统一资源定位符(url)。

业务数据中的第一路径和第二路径的格式为：

其中，"icon"指代的第一路径，"action"为第二路径，第一路径和第二路径成组配对，第一路径和第二路径组成一路径组，每一个路径组都有相应的组名，例如："advert2"、"advert1"等。

界面模板包括图标路径和跳转路径。渲染服务器103接收数据服务器102发出的接口编号也业务数据。渲染服务器103根据接口编号在模板服务器104中根据接口编号匹配的得到相应的界面模板。渲染服务器103根据接口编号匹配得到的界面模板的格式如下：

上述的界面模板中包括若干渲染单元，渲染单元的格式为：

"type":"servicead",

"icon":"${advert2.icon}",

"title":"广告",

"action":"${advert2.action}"

每个渲染单元中，包括渲染类型("type")、图标路径("icon")、渲染标题("title")以及跳转路径("action")。渲染标题为一由汉字字符组成的字符串。

渲染单元中还包括：文本字段、图片字段。本文中只是针对跳转字段的更新过程作具体说明，文本字段和图片字段的更新也是相同的原理。

根据第一路径和第二路径更新界面模板中的图标路径和跳转路径以生成界面数据，并将界面数据发送至客户端。即渲染服务器103根据第一路径和第二路径根据界面模块中的图标路径和跳转路径，之后生成界面数据。渲染服务器103将界面数据发送至移动设备101的客户端。

通过步骤s402、步骤s404以及步骤s406后，更新后的界面模板(界面数据)为：

图5是一种界面示意图。图5中界面包括位于屏幕401中的第一显示区域402、第二显示区域403以及第三显示区域404。根据上述更新后的界面模板中图标路径提取一图片显示于第三显示区域404，将渲染标题中的字符显示于第二显示区域403。将第一显示区域402与跳转路径向关联，即点击第一显示区域402时，能够转向跳转路径所指示的页面。而渲染类型映射于一显示栏，该显示栏决定了第一显示区域402、第二显示区域403以及第三显示区域404的位置关系。

根据本发明的一个方面，提供一种界面动态生成系统。

图6为一种界面动态生成系统的结构框图。该界面动态生成系统500包括：

接收模块501，接收一由客户端发送的界面请求；

数据匹配模块502，根据界面请求匹配得到与界面请求对应的业务数据以及与界面请求对应的接口编号，接口编号映射于一界面模板；

模板匹配模块503，根据接口编号提取界面模板，界面模板包括文本字段、图片字段以及跳转字段；

数据生成模块504，根据业务数据更新界面模板中的文本字段、图片字段以及跳转字段以生成界面数据，并将界面数据发送至客户端。

根据本发明的一个方面，提供一种界面动态生成设备，包括：处理器；存储器，其中存储有处理器的可执行指令；其中，可执行指令在被执行时处理器执行界面动态生成方法的步骤。

图7是本发明的界面动态生成设备的结构示意图。下面参照图7来描述根据本发明的这种实施方式的电子设备600。图7显示的电子设备600仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图7所示，电子设备600以通用计算设备的形式表现。电子设备600的组件可以包括但不限于：至少一个处理单元610、至少一个存储单元620、连接不同平台组件(包括存储单元620和处理单元610)的总线630、显示单元640等。

其中，存储单元存储有程序代码，程序代码可以被处理单元610执行，使得处理单元610执行本说明书上述电子处方流转处理方法部分中描述的根据本发明各种示例性实施方式的步骤。例如，处理单元610可以执行如图2中所示的步骤。

存储单元620可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(ram)6201和/或高速缓存存储单元6202，还可以进一步包括只读存储单元(rom)6203。

存储单元620还可以包括具有一组(至少一个)程序模块6205的程序/实用工具6204，这样的程序模块6205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线630可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备600也可以与一个或多个外部设备700(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备600交互的设备通信，和/或与使得该电子设备600能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口650进行。并且，电子设备600还可以通过网络适配器660与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。网络适配器660可以通过总线630与电子设备600的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备600使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储平台等。

根据本发明的一个方面，提供一种计算机可读存储介质，用于存储程序，所述程序被执行时实现上述方法的步骤。

图8是本发明的计算机可读存储介质的结构示意图。参考图8所示，描述了根据本发明的实施方式的用于实现上述方法的程序产品800，其可以采用便携式紧凑盘只读存储器(cd-rom)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、rf等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，程序设计语言包括面向对象的程序设计语言—诸如java、c++等，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(lan)或广域网(wan)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

综上，本发明能够根据客户端发出的界面请求动态的获取业务数据和界面模块的接口编号，根据接口编号获取界面模板，而后将业务数据对界面模板进行更新形成界面数据，并将界面数据发送至客户端，由客户端根据动态生成的界面数据来形成显示界面，从而使得客户端能够不依赖于版本更新，实时动态的形成新的显示界面，并且开发人员能够对界面模板及时且相对独立的更改，以使得客户端能够生成不同的显示界面。

以上内容是结合具体的优选实施方式对本发明所作的进一步详细说明，不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干简单推演或替换，都应当视为属于本发明的保护范围。