一种用户界面生成方法及装置与流程

1.本技术涉及计算机领域，具体涉及一种用户界面生成方法及装置。


背景技术：

2.目前，用户界面(例如，应用程序中的界面)开发过程为：工程师根据用户界面需求进行编码生成界面程序，使得客户端可以通过运行该界面程序实现该用户界面的加载。其中，因界面程序无法重复使用，使得在更新用户界面时需要重新编辑界面程序，如此导致用户界面开发过程缺乏灵活性。


技术实现要素：

3.有鉴于此，本技术实施例提供一种用户界面生成方法及装置，能够灵活地生成用户界面。
4.为解决上述问题，本技术实施例提供的技术方案如下：
5.一种用户界面生成方法，所述方法包括：
6.接收可视化配置平台发送的界面标识对应的卡片模板信息，所述卡片模板信息包括卡片模板类型以及卡片模板关联关系；
7.获取所述卡片模板类型对应的资源数据；
8.根据所述卡片模板类型对应的资源数据以及所述卡片模板信息生成所述界面标识对应的用户界面配置数据；
9.响应于客户端发送的携带有所述界面标识的界面生成请求，将所述用户界面配置数据发送给所述客户端，以使所述客户端对所述用户界面配置数据进行解析生成用户界面。
10.在一种可能的实现方式中，所述卡片模板信息是所述可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及所述卡片模板的关联关系生成的。
11.在一种可能的实现方式中，所述根据所述卡片模板类型对应的资源数据以及所述卡片模板信息生成所述界面标识对应的用户界面配置数据，包括：
12.根据所述卡片模板信息生成初始结构数据；
13.在所述初始结构数据中查找目标卡片模板类型对应的数据位置，在所述目标卡片模板类型对应的数据位置填入所述目标卡片模板类型对应的资源数据，生成所述界面标识对应的用户界面配置数据，所述目标卡片模板类型分别为所述卡片模板信息包括的卡片模板类型中的每一个。
14.在一种可能的实现方式中，当所述卡片模板信息为初始结构数据时，所述根据所述卡片模板类型信息对应的资源数据以及所述卡片模板信息生成所述界面标识对应的用户界面配置数据，包括：
15.在所述初始结构数据中查找目标卡片模板类型对应的数据位置，在所述目标卡片模板类型对应的数据位置填入所述目标卡片模板类型对应的资源数据，生成所述界面标识
对应的用户界面配置数据，所述目标卡片模板类型分别为所述卡片模板信息包括的卡片模板类型中的每一个。
16.一种用户界面生成方法，所述方法包括：
17.向服务器发送携带有界面标识的界面生成请求；
18.接收所述服务器发送的所述界面标识对应的用户界面配置数据，所述界面标识对应的用户界面配置数据是所述服务器根据卡片模板类型对应的资源数据以及所述界面标识对应的卡片模板信息生成的，所述界面标识对应的卡片模板信息是所述服务器从可视化配置平台接收的，所述卡片模板信息包括所述卡片模板类型以及卡片模板关联关系；
19.对所述用户界面配置数据进行解析生成用户界面。
20.在一种可能的实现方式中，所述对所述用户界面配置数据进行解析生成用户界面，包括：
21.从所述用户界面配置数据中解析出卡片模板类型以及所述卡片模板类型对应的资源数据，生成所述卡片模板类型对应的实例数据；
22.从所述用户界面配置数据中读取所述卡片模板关联关系，根据所述卡片模板关联关系以及所述卡片模板类型对应的实例数据，生成用户界面。
23.在一种可能的实现方式中，所述方法还包括：
24.响应于用户的触发操作，当目标卡片模板划出所述用户界面时，将目标实例数据保存到缓存中，所述目标实例数据为目标卡片模板的卡片模板类型对应的实例数据；
25.响应于用户的触发操作，当所述目标卡片模板重新划入所述用户界面时，从所述缓存中读取所述目标实例数据，在所述用户界面中利用所述目标实例数据渲染出所述目标卡片模板。
26.在一种可能的实现方式中，所述卡片模板信息是所述可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及所述卡片模板的关联关系生成的。
27.一种用户界面生成装置，所述装置包括：
28.模板信息接收单元，用于接收可视化配置平台发送的界面标识对应的卡片模板信息，所述卡片模板信息包括卡片模板类型以及卡片模板关联关系；
29.资源数据获取单元，用于获取所述卡片模板类型对应的资源数据；
30.配置数据生成单元，用于根据所述卡片模板类型对应的资源数据以及所述卡片模板信息生成所述界面标识对应的用户界面配置数据；
31.配置数据发送单元，用于响应于客户端发送的携带有所述界面标识的界面生成请求，将所述用户界面配置数据发送给所述客户端，以使所述客户端对所述用户界面配置数据进行解析生成用户界面。
32.在一种可能的实现方式中，所述卡片模板信息是所述可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及所述卡片模板的关联关系生成的。
33.在一种可能的实现方式中，所述配置数据生成单元，包括：
34.结构数据生成子单元，用于根据所述卡片模板信息生成初始结构数据；
35.配置数据生成子单元，用于在所述初始结构数据中查找目标卡片模板类型对应的数据位置，在所述目标卡片模板类型对应的数据位置填入所述目标卡片模板类型对应的资源数据，生成所述界面标识对应的用户界面配置数据，所述目标卡片模板类型分别为所述
卡片模板信息包括的卡片模板类型中的每一个。
36.在一种可能的实现方式中，当所述卡片模板信息为初始结构数据时，所述配置数据生成单元，具体用于：
37.在所述初始结构数据中查找目标卡片模板类型对应的数据位置，在所述目标卡片模板类型对应的数据位置填入所述目标卡片模板类型对应的资源数据，生成所述界面标识对应的用户界面配置数据，所述目标卡片模板类型分别为所述卡片模板信息包括的卡片模板类型中的每一个。
38.一种用户界面生成装置，所述装置包括：
39.生成请求发送单元，用于向服务器发送携带有界面标识的界面生成请求；
40.配置数据接收单元，用于接收所述服务器发送的所述界面标识对应的用户界面配置数据，所述界面标识对应的用户界面配置数据是所述服务器根据卡片模板类型对应的资源数据以及所述界面标识对应的卡片模板信息生成的，所述界面标识对应的卡片模板信息是所述服务器从可视化配置平台接收的，所述卡片模板信息包括所述卡片模板类型以及卡片模板关联关系；
41.用户界面生成单元，用于对所述用户界面配置数据进行解析生成用户界面。
42.在一种可能的实现方式中，所述用户界面生成单元，包括：
43.实例数据生成子单元，用于从所述用户界面配置数据中解析出卡片模板类型以及所述卡片模板类型对应的资源数据，生成所述卡片模板类型对应的实例数据；
44.用户界面生成子单元，用于从所述用户界面配置数据中读取所述卡片模板关联关系，根据所述卡片模板关联关系以及所述卡片模板类型对应的实例数据，生成用户界面。
45.在一种可能的实现方式中，所述装置还包括：
46.实例数据保存单元，用于响应于用户的触发操作，当目标卡片模板划出所述用户界面时，将目标实例数据保存到缓存中，所述目标实例数据为目标卡片模板的卡片模板类型对应的实例数据；
47.实例数据读取单元，用于响应于用户的触发操作，当所述目标卡片模板重新划入所述用户界面时，从所述缓存中读取所述目标实例数据，在所述用户界面中利用所述目标实例数据渲染出所述目标卡片模板。
48.在一种可能的实现方式中，所述卡片模板信息是所述可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及所述卡片模板的关联关系生成的。
49.一种用于用户界面生成的装置，包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令：
50.接收可视化配置平台发送的界面标识对应的卡片模板信息，所述卡片模板信息包括卡片模板类型以及卡片模板关联关系；
51.获取所述卡片模板类型对应的资源数据；
52.根据所述卡片模板类型对应的资源数据以及所述卡片模板信息生成所述界面标识对应的用户界面配置数据；
53.响应于客户端发送的携带有所述界面标识的界面生成请求，将所述用户界面配置数据发送给所述客户端，以使所述客户端对所述用户界面配置数据进行解析生成用户界
面。
54.一种用于用户界面生成的装置，包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令：
55.向服务器发送携带有界面标识的界面生成请求；
56.接收所述服务器发送的所述界面标识对应的用户界面配置数据，所述界面标识对应的用户界面配置数据是所述服务器根据卡片模板类型对应的资源数据以及所述界面标识对应的卡片模板信息生成的，所述界面标识对应的卡片模板信息是所述服务器从可视化配置平台接收的，所述卡片模板信息包括所述卡片模板类型以及卡片模板关联关系；
57.对所述用户界面配置数据进行解析生成用户界面。
58.一种计算机可读介质，其上存储有指令，当由一个或多个处理器执行时，使得装置执行上述第一种用户界面生成方法，或者执行上述第二种用户界面生成方法。
59.由此可见，本技术实施例具有如下有益效果：
60.本技术实施例提供的用户界面生成方法中，服务器在接收到可视化配置平台发送的界面标识对应的卡片模板信息之后，服务器可以先获取该卡片模板类型对应的资源数据，再根据卡片模板信息携带的卡片模板类型对应的资源数据以及该卡片模板信息，生成界面标识对应的用户界面配置数据，以便在服务器接收到客户端发送的携带有界面标识的界面生成请求之后，服务器将该用户界面配置数据发送给客户端，以使该客户端对用户界面配置数据进行解析生成用户界面。其中，因用于生成用户界面的用户界面配置数据是由服务器基于可视化配置平台发送的卡片模板信息自动生成的，使得用户界面配置数据能够随着卡片模板信息的更新进行相应地更新，从而使得在更新用户界面时只需更新卡片模板信息即可，无需重新编辑界面程序，如此实现了用户界面的灵活开发。
附图说明
61.图1为本技术实施例提供的用户界面生成方法的示例性应用场景的框架示意图；
62.图2为本技术实施例提供的一种应用于服务器的用户界面生成方法的流程图；
63.图3为本技术实施例提供的一种应用于客户端的用户界面生成方法的流程图；
64.图4为本技术实施例提供的另一种应用于客户端的用户界面生成方法的流程图；
65.图5为本技术实施例提供的一种用户界面生成方法的流程图；
66.图6为本技术实施例提供的一种用户界面生成装置的结构示意图；
67.图7为本技术实施例提供的另一种用户界面生成装置的结构示意图；
68.图8为本技术实施例提供的客户端的结构示意图；
69.图9为本技术实施例提供的服务器的结构示意图。
具体实施方式
70.为使本技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本技术实施例作进一步详细的说明。
71.为了便于理解和解释本技术实施例提供的技术方案，下面将先对本技术的背景技术进行说明。
72.发明人对传统的用户界面开发过程研究中发现：传统的用户界面开发过程通常需要先编写界面程序，再由客户端运行该界面程序来实现用户界面的加载。其中，因界面程序无法重复使用，使得在更新用户界面时需要重新编辑界面程序，如此导致用户界面开发过程缺乏灵活性。
73.基于此，本技术实施例提供了一种用户界面生成方法，该方法包括：服务器在接收到可视化配置平台发送的界面标识对应的卡片模板信息之后，服务器可以先获取该卡片模板类型对应的资源数据，再根据卡片模板信息携带的卡片模板类型对应的资源数据以及该卡片模板信息，生成界面标识对应的用户界面配置数据，以便在服务器接收到客户端发送的携带有界面标识的界面生成请求之后，服务器将该用户界面配置数据发送给客户端，以使该客户端对用户界面配置数据进行解析生成用户界面。其中，因用于生成用户界面的用户界面配置数据是由服务器基于可视化配置平台发送的卡片模板信息自动生成的，使得用户界面配置数据能够随着卡片模板信息的更新进行相应地更新，从而使得在更新用户界面时只需更新卡片模板信息即可，无需重新编辑界面程序，如此实现了用户界面的灵活开发。
74.为了便于理解本技术实施例提供的用户界面生成方法，下面先结合图1对本技术实施例提供的用户界面生成方法的应用场景进行说明。其中，图1为本技术实施例提供的用户界面生成方法的示例性应用场景的框架示意图。其中，本技术实施例提供的用户界面生成方法可以应用于服务器101。
75.实际应用中，当可视化配置平台102获取到界面标识对应的卡片模板信息之后，可视化配置平台102将界面标识对应的卡片模板信息发送给服务器101，使得服务器101能够基于该卡片模板信息生成该界面标识对应的用户界面配置数据，并将该用户界面配置数据发送给客户端103，以便客户端103对该用户界面配置数据进行解析生成用户界面。其中，服务器101生成用户界面配置数据的具体过程为：服务器101先获取该卡片模板类型对应的资源数据，再根据卡片模板信息携带的卡片模板类型对应的资源数据以及该卡片模板信息，生成界面标识对应的用户界面配置数据。
76.需要说明的是，可视化配置平台102独立于服务器101和客户端103，而且，本技术实施例不限定可视化配置平台102，例如，可视化配置平台102可以是终端。另外，本技术实施例不限定可视化配置平台102获取界面标识对应的卡片模板信息的实施方式，例如，可视化配置平台102可以获取自身生成或存储的卡片模板信息，也可以接收用户提供的卡片模板信息，也可以接收其它设备发送的卡片模板信息。其中，其它设备可以为不同于服务器101、可视化配置平台102和客户端103的独立存在的设备，可以为现有、正在研发的或将来研发的、能够向可视化配置平台102发送界面标识对应的卡片模板信息的设备。
77.本领域技术人员可以理解，图1所示的框架示意图仅是本技术的实施方式可以在其中得以实现的一个示例。本技术实施方式的适用范围不受到该框架任何方面的限制。
78.需要注意的是，客户端103或可视化配置平台102可以是现有的、正在研发的或将来研发的、能够通过任何形式的有线和/或无线连接(例如，wi-fi、lan、蜂窝、同轴电缆等)相互交互的任何用户设备，包括但不限于：现有的、正在研发的或将来研发的智能可穿戴设备、智能手机、非智能手机、平板电脑、膝上型个人计算机、桌面型个人计算机、小型计算机、中型计算机、大型计算机等。本技术的实施方式在此方面不受任何限制。还需要注意的是，本技术实施例中服务器101可以是现有的、正在研发的或将来研发的、能够执行上述操作的
设备的一个示例。本技术的实施方式在此方面不受任何限制。
79.为便于理解本技术实施例提供的技术方案，下面将结合附图对本技术实施例提供的用户界面生成方法进行说明。
80.参见图2，该图为本技术实施例提供的一种应用于服务器的用户界面生成方法的流程图，如图2所示，该方法可以包括s201-s204：
81.s201：服务器接收可视化配置平台发送的界面标识对应的卡片模板信息。
82.可视化配置平台是指能够为用户提供界面可视化配置服务的平台；而且，本技术实施例不限定可视化配置平台，例如，可视化配置平台可以是前端上的操作界面。另外，用户可以通过在可视化配置平台上对各卡片模板进行添加、删除、拖拽，来实现界面的可视化配置。
83.界面标识用于唯一标识用户界面；而且，界面标识与用户界面一一对应。
84.卡片模板信息用于表征可视化配置平台上卡片模板的相关信息；而且，卡片模板信息可以包括卡片模板类型以及卡片模板关联关系。
85.其中，卡片模板类型用于表征可视化配置平台上卡片模板的种类信息；而且，本技术实施例不限定卡片模板类型，例如，卡片模板类型可以为按钮、文本框或复选框等。另外，卡片模板关联关系用于表征可视化配置平台上不同卡片模板之间的关联关系；而且，本技术实施例不限定卡片模板关联关系，例如，卡片模板关联关系可以包括归属关系、位置相对关系、出现顺序关联关系等。
86.另外，卡片模板信息是可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及卡片模板的关联关系生成的。其中，用户界面所需卡片模板是指构建用户界面所需要的卡片模板。
87.基于上述内容可知，本技术实施例中，当用户在可视化界面上利用卡片模板构建好用户界面之后，首先，可视化配置平台可以获取用户在可视化界面上选择的卡片模板以及所选择的卡片模板之间的关联关系，例如所选择的卡片模板之间的归属关系、位置相对关系、出现顺序关联关系等。从而将用户选择的用户界面所需卡片模板以及卡片模板的关联关系作为卡片模板信息，使得该卡片模板信息携带有卡片模板类型以及卡片模板关联关系。然后，可视化配置平台将该卡片模板信息发送至服务器，以便服务器能够基于该卡片模板信息生成用户界面配置数据。
88.s202：服务器获取卡片模板类型对应的资源数据。
89.资源数据可以包括卡片模板类型对应的卡片模板的属性信息。例如，资源数据可以包括卡片模板的形状、颜色等属性信息。
90.基于上述内容可知，本技术实施例中，在服务器接收到卡片模板信息之后，服务器可以先根据卡片模板信息中携带的卡片模板类型，确定出卡片模板类型对应的资源数据，以便后续服务器能够依据该资源数据生成用户界面配置数据。
91.需要说明的是，本技术实施例不限定服务器获取卡片模板类型与资源数据之间对应关系的具体实施方式，例如，服务器可以从自身存储空间中读取卡片模板类型与资源数据之间对应关系，也可以从其它设备中接收卡片模板类型与资源数据之间对应关系。
92.s203：服务器根据卡片模板类型对应的资源数据以及卡片模板信息生成界面标识对应的用户界面配置数据。
93.用户界面配置数据是指客户端生成用户界面所需要的数据。
94.本技术实施例中，服务器在获取到卡片模板类型对应的资源数据之后，服务器可以利用卡片模板类型对应的资源数据以及卡片模板信息，生成界面标识对应的用户界面配置数据，以便后续服务器能够响应于客户端的界面生成请求，将该用户界面配置数据发送给客户端，使得客户端能够使用该用户界面配置数据生成该用户标识对应的用户界面。
95.另外，本技术实施例还提供了s203的两种实施方式，请参见下文具体实施方式。
96.s204：服务器响应于客户端发送的携带有界面标识的界面生成请求，将用户界面配置数据发送给客户端，以使该客户端对用户界面配置数据进行解析生成用户界面。
97.界面生成请求是由客户端生成的，而且，界面生成请求携带有界面标识。另外，本技术实施例还提供了客户端生成界面生成请求的相关内容，请参见下文s301。
98.本技术实施例中，服务器在接收到客户端发送的界面生成请求之后，服务器可以根据该界面生成请求携带的界面标识，确定该界面标识对应的用户界面配置数据，并由服务器将该界面标识对应的用户界面配置数据反馈至客户端，使得客户端能够利用该界面标识对应的用户界面配置数据生成用户界面。
99.另外，本技术实施例还提供了客户端生成用户界面的相关内容，请参见下文s303以及s303的一种实施方式。
100.基于上述s201至s204的相关内容可知，在本技术实施例中，服务器在接收到可视化配置平台发送的界面标识对应的卡片模板信息之后，服务器可以先获取该卡片模板类型对应的资源数据，再根据卡片模板信息携带的卡片模板类型对应的资源数据以及该卡片模板信息，生成界面标识对应的用户界面配置数据，以便在服务器接收到客户端发送的携带有界面标识的界面生成请求之后，服务器将该用户界面配置数据发送给客户端，以使该客户端对用户界面配置数据进行解析生成用户界面。其中，因用于生成用户界面的用户界面配置数据是由服务器基于可视化配置平台发送的卡片模板信息自动生成的，使得用户界面配置数据能够随着卡片模板信息的更新进行相应地更新，从而使得在更新用户界面时只需更新卡片模板信息即可，无需重新编辑界面程序，如此实现了用户界面的灵活开发。
101.在本技术实施例一种可能的实现方式中，本技术实施例还提供了s203(也就是，服务器根据卡片模板类型对应的资源数据以及卡片模板信息生成界面标识对应的用户界面配置数据)的两种实施方式，下面分别进行介绍。
102.作为s203的第一种实施方式，当卡片模板信息为初始结构数据时，则s203具体可以为：服务器在初始结构数据中查找目标卡片模板类型对应的数据位置，在目标卡片模板类型对应的数据位置填入目标卡片模板类型对应的资源数据，生成界面标识对应的用户界面配置数据，该目标卡片模板类型分别为卡片模板信息包括的卡片模板类型中的每一个。
103.初始结构数据用于表征用户界面的结构；而且，本技术实施例不限定初始结构数据的格式，例如，初始结构数据可以利用树形json数据表示。
104.基于上述s203的第一种实施方式的内容可知，如果卡片模板信息是初始结构数据，则表示卡片模板信息能够表征用户界面的结构，此时，服务器在获取到卡片模板信息以及卡片模板类型对应的资源数据之后，服务器可以在初始结构数据中查找卡片模板信息包括的第i个卡片模板类型对应的数据位置，再将第i个卡片模板类型对应的资源数据填入到第i个卡片模板类型对应的数据位置，生成界面标识对应的用户界面配置数据。其中，i为正
整数，且i≤n，n表示卡片模板信息中的卡片模板类型总数。
105.作为s203的第二种实施方式，当卡片模板信息不是初始结构数据时，则s203具体可以为：服务器根据卡片模板信息生成初始结构数据，并在初始结构数据中查找目标卡片模板类型对应的数据位置，在目标卡片模板类型对应的数据位置填入目标卡片模板类型对应的资源数据，生成界面标识对应的用户界面配置数据，该目标卡片模板类型分别为卡片模板信息包括的卡片模板类型中的每一个。
106.基于上述s203的第二种实施方式的内容可知，当卡片模板信息不是初始结构数据，且卡片模板信息携带了与构建用户界面结构相关的信息时，服务器在获取到卡片模板信息以及卡片模板类型对应的资源数据之后，可以先利用卡片模板信息生成初始结构数据，再在初始结构数据中查找卡片模板信息包括的第i个卡片模板类型对应的数据位置，再将第i个卡片模板类型对应的资源数据填入到第i个卡片模板类型对应的数据位置，生成界面标识对应的用户界面配置数据。其中，i为正整数，且i≤n，n表示卡片模板信息中的卡片模板类型总数。
107.另外，本技术实施例还提供了一种应用于客户端的用户界面生成方法，如图3所示，该方法包括s301-s303：
108.s301：客户端向服务器发送携带有界面标识的界面生成请求。
109.本技术实施例不限定界面生成请求的生成方式，例如，用户可以通过在客户端上访问界面标识对应的界面时触发携带有该界面标识的界面生成请求。
110.s302：客户端接收服务器发送的界面标识对应的用户界面配置数据。
111.界面标识对应的用户界面配置数据是服务器根据卡片模板类型对应的资源数据以及该界面标识对应的卡片模板信息生成的；而且，服务器生成界面标识对应的用户界面配置数据的技术详情请参见上文。
112.界面标识对应的卡片模板信息是服务器从可视化配置平台接收的，而且卡片模板信息包括卡片模板类型以及卡片模板关联关系。
113.卡片模板信息的相关内容请参见上文s203。另外，在一种可能的实施方式中，卡片模板信息是可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及所述卡片模板的关联关系生成的。
114.基于上述内容可知，本技术实施例中，在客户端向服务器发送了携带有界面标识的界面生成请求之后，客户端可以接收到服务器反馈的界面标识对应的用户界面配置数据，使得客户端能够基于该用户界面配置数据生成用户界面。
115.s303：客户端对用户界面配置数据进行解析生成用户界面。
116.本技术实施例中，客户端在接收到服务器发送的界面标识对应的用户界面配置数据之后，客户端可以对用户界面配置数据进行解析生成用户界面，以便后续用户能够在客户端上显示的用户界面进行浏览以及操作。
117.另外，本技术实施例还提供了s303的一种实施方式，其具体可以包括以下步骤：
118.第一步：客户端从用户界面配置数据中解析出卡片模板类型以及卡片模板类型对应的资源数据，生成卡片模板类型对应的实例数据。
119.第二步：客户端从用户界面配置数据中读取卡片模板关联关系。
120.第三步：客户端根据卡片模板关联关系以及卡片模板类型对应的实例数据，生成
用户界面。
121.需要说明的是，本技术实施例不限定第一步和第二步的执行顺序。
122.基于上述s303的具体实施方式可知，本技术实施例中，客户端在接收到服务器发送的用户界面配置数据之后，客户端可以从用户界面配置数据中分别获取到卡片模板关联关系、卡片模板类型以及卡片模板类型对应的资源数据，以便在客户端利用卡片模板类型以及卡片模板类型对应的资源数据生成卡片模板类型对应的实例数据之后，客户端可以根据卡片模板关联关系和卡片模板类型对应的实例数据生成用户界面。
123.基于上述s301至s303的相关内容可知，在本技术实施例中，当用户在客户端触发了界面生成请求之后，客户端可以向服务器发送携带有界面标识的界面生成请求，接收服务器反馈的该界面标识对应的用户界面配置数据，并对用户界面配置数据进行解析生成用户界面。其中，因用于生成用户界面的用户界面配置数据是由服务器基于可视化配置平台发送的卡片模板信息自动生成的，使得用户界面配置数据能够随着卡片模板信息的更新进行相应地更新，从而使得在更新用户界面时只需更新卡片模板信息即可，无需重新编辑界面程序，如此实现了用户界面的灵活开发。
124.在本技术实施例一种可能的实现方式中，本技术实施例还提供了应用于客户端的用户界面生成方法的另一种实施方式，在该实施方式中，如图4所示，用户界面生成方法除了包括上述s301-s303以外，还包括s304-s305：
125.s304：客户端响应于用户的触发操作，当目标卡片模板划出用户界面时，将目标实例数据保存到缓存中，该目标实例数据为目标卡片模板的卡片模板类型对应的实例数据。
126.其中，触发操作是指用户在浏览客户端上用户界面时触发的操作。
127.s305：客户端响应于用户的触发操作，当目标卡片模板重新划入用户界面时，从缓存中读取目标实例数据，在用户界面中利用目标实例数据渲染出目标卡片模板。
128.基于上述s304和s305的内容可知，本技术实施例中，在客户端生成用户界面之后，用户可以在该用户界面上进行浏览以及操作。此时，当用户在用户界面上将目标卡片模板划出用户界面时，客户端可以将该目标卡片模板对应的目标实例数据保存至缓存中，以便后续用户在用户界面上重新将目标卡片模板划入用户界面时，客户端能够从缓存中直接读取该目标卡片模板对应的目标实例数据，并在用户界面中利用该目标卡片模板对应的目标实例数据渲染出目标卡片模板。如此有利于提高用户界面的渲染效率。
129.基于上述用户界面生成方法的相关内容，为了便于理解该用户界面生成方法，下面结合图5所示的服务器、客户端以及可视化配置平台之间的交互过程进行说明。
130.如图所示，用户界面生成方法可以包括s501-s507：
131.s501：可视化配置平台将界面标识对应的卡片模板信息发送至服务器。
132.s502：服务器接收可视化配置平台发送的界面标识对应的卡片模板信息，该卡片模板信息包括卡片模板类型以及卡片模板关联关系。
133.需要说明的是，s502的内容与s201的内容相同，请参见上文s201。
134.s503：服务器获取卡片模板类型对应的资源数据。
135.需要说明的是，s502的内容与s202的内容相同，请参见上文s202。
136.s504：服务器根据卡片模板类型对应的资源数据以及卡片模板信息生成界面标识对应的用户界面配置数据。
137.需要说明的是，s504的内容与s203的内容相同，请参见上文s203。
138.s505：客户端向服务器发送携带有界面标识的界面生成请求。
139.需要说明的是，s505的内容与s301的内容相同，请参见上文s301。
140.s506：服务器响应于客户端发送的携带有界面标识的界面生成请求，将用户界面配置数据发送给客户端。
141.需要说明的是，s506的内容与s204的内容相同，请参见上文s204。
142.s507：客户端对用户界面配置数据进行解析生成用户界面。
143.需要说明的是，s507的内容与s303的内容相同，请参见上文s303。
144.基于上述s501至s507的相关内容可知，本技术实施例中，服务器在接收到可视化配置平台发送的界面标识对应的卡片模板信息之后，服务器可以先获取该卡片模板类型对应的资源数据，再根据卡片模板信息携带的卡片模板类型对应的资源数据以及该卡片模板信息，生成界面标识对应的用户界面配置数据，以便在服务器接收到客户端发送的携带有界面标识的界面生成请求之后，服务器将该用户界面配置数据发送给客户端，以使该客户端对用户界面配置数据进行解析生成用户界面。其中，因用于生成用户界面的用户界面配置数据是由服务器基于可视化配置平台发送的卡片模板信息自动生成的，使得用户界面配置数据能够随着卡片模板信息的更新进行相应地更新，从而使得在更新用户界面时只需更新卡片模板信息即可，无需重新编辑界面程序，如此实现了用户界面的灵活开发。
145.基于上述方法实施例提供的用户界面生成方法，本技术实施例还提供了两种用户界面生成装置，下面结合附图分别进行介绍。
146.一种可能的用户界面生成装置的相关内容如下：
147.参见图6，该图为本技术实施例提供的一种用户界面生成装置的结构示意图。
148.本技术实施例提供的用户界面生成装置，包括：
149.模板信息接收单元601，用于接收可视化配置平台发送的界面标识对应的卡片模板信息，所述卡片模板信息包括卡片模板类型以及卡片模板关联关系；
150.资源数据获取单元602，用于获取所述卡片模板类型对应的资源数据；
151.配置数据生成单元603，用于根据所述卡片模板类型对应的资源数据以及所述卡片模板信息生成所述界面标识对应的用户界面配置数据；
152.配置数据发送单元604，用于响应于客户端发送的携带有所述界面标识的界面生成请求，将所述用户界面配置数据发送给所述客户端，以使所述客户端对所述用户界面配置数据进行解析生成用户界面。
153.在一种可能的实现方式中，所述卡片模板信息是所述可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及所述卡片模板的关联关系生成的。
154.在一种可能的实现方式中，所述配置数据生成单元603，包括：
155.结构数据生成子单元，用于根据所述卡片模板信息生成初始结构数据；
156.配置数据生成子单元，用于在所述初始结构数据中查找目标卡片模板类型对应的数据位置，在所述目标卡片模板类型对应的数据位置填入所述目标卡片模板类型对应的资源数据，生成所述界面标识对应的用户界面配置数据，所述目标卡片模板类型分别为所述卡片模板信息包括的卡片模板类型中的每一个。
157.在一种可能的实现方式中，当所述卡片模板信息为初始结构数据时，所述配置数
据生成单元603，具体用于：
158.在所述初始结构数据中查找目标卡片模板类型对应的数据位置，在所述目标卡片模板类型对应的数据位置填入所述目标卡片模板类型对应的资源数据，生成所述界面标识对应的用户界面配置数据，所述目标卡片模板类型分别为所述卡片模板信息包括的卡片模板类型中的每一个。
159.另一种可能的用户界面生成装置的相关内容如下：
160.参见图7，该图为本技术实施例提供的另一种用户界面生成装置的结构示意图。
161.本技术实施例提供的用户界面生成装置，包括：
162.生成请求发送单元701，用于向服务器发送携带有界面标识的界面生成请求；
163.配置数据接收单元702，用于接收所述服务器发送的所述界面标识对应的用户界面配置数据，所述界面标识对应的用户界面配置数据是所述服务器根据卡片模板类型对应的资源数据以及所述界面标识对应的卡片模板信息生成的，所述界面标识对应的卡片模板信息是所述服务器从可视化配置平台接收的，所述卡片模板信息包括所述卡片模板类型以及卡片模板关联关系；
164.用户界面生成单元703，用于对所述用户界面配置数据进行解析生成用户界面。
165.在一种可能的实现方式中，所述用户界面生成单元703，包括：
166.实例数据生成子单元，用于从所述用户界面配置数据中解析出卡片模板类型以及所述卡片模板类型对应的资源数据，生成所述卡片模板类型对应的实例数据；
167.用户界面生成子单元，用于从所述用户界面配置数据中读取所述卡片模板关联关系，根据所述卡片模板关联关系以及所述卡片模板类型对应的实例数据，生成用户界面。
168.在一种可能的实现方式中，所述装置还包括：
169.实例数据保存单元，用于响应于用户的触发操作，当目标卡片模板划出所述用户界面时，将目标实例数据保存到缓存中，所述目标实例数据为目标卡片模板的卡片模板类型对应的实例数据；
170.实例数据读取单元，用于响应于用户的触发操作，当所述目标卡片模板重新划入所述用户界面时，从所述缓存中读取所述目标实例数据，在所述用户界面中利用所述目标实例数据渲染出所述目标卡片模板。
171.在一种可能的实现方式中，所述卡片模板信息是所述可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及所述卡片模板的关联关系生成的。
172.图8示出了一种客户端1200的框图。例如，客户端1200可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
173.参照图8，客户端1200可以包括以下一个或多个组件：处理组件1202，存储器1204，电源组件1206，多媒体组件1208，音频组件1210，输入/输出(i/o)的接口1212，传感器组件1214，以及通信组件1216。
174.处理组件1202通常控制客户端1200的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理元件1202可以包括一个或多个处理器1220来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件1202可以包括一个或多个模块，便于处理组件1202和其他组件之间的交互。例如，处理部件1202可以包括多媒体模块，以方便多媒体组件1208和处理组件1202之间的交互。
175.存储器1204被配置为存储各种类型的数据以支持在客户端1200的操作。这些数据的示例包括用于在客户端1200上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器1204可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(sram)，电可擦除可编程只读存储器(eeprom)，可擦除可编程只读存储器(eprom)，可编程只读存储器(prom)，只读存储器(rom)，磁存储器，快闪存储器，磁盘或光盘。
176.电源组件1206为客户端1200的各种组件提供电力。电源组件1206可以包括电源管理系统，一个或多个电源，及其他与为客户端1200生成、管理和分配电力相关联的组件。
177.多媒体组件1208包括在所述客户端1200和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(lcd)和触摸面板(tp)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1208包括一个前置摄像头和/或后置摄像头。当客户端1200处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
178.音频组件1210被配置为输出和/或输入音频信号。例如，音频组件1210包括一个麦克风(mic)，当客户端1200处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1204或经由通信组件1216发送。在一些实施例中，音频组件1210还包括一个扬声器，用于输出音频信号。
179.i/o接口为处理组件1202和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
180.传感器组件1214包括一个或多个传感器，用于为客户端1200提供各个方面的状态评估。例如，传感器组件1214可以检测到设备1200的打开/关闭状态，组件的相对定位，例如所述组件为客户端1200的显示器和小键盘，传感器组件1214还可以检测客户端1200或客户端1200一个组件的位置改变，用户与客户端1200接触的存在或不存在，客户端1200方位或加速/减速和客户端1200的温度变化。传感器组件1214可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1214还可以包括光传感器，如cmos或ccd图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1214还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
181.通信组件1216被配置为便于客户端1200和其他设备之间有线或无线方式的通信。客户端1200可以接入基于通信标准的无线网络，如wifi，2g或3g，或它们的组合。在一个示例性实施例中，通信部件1216经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信部件1216还包括近场通信(nfc)模块，以促进短程通信。例如，在nfc模块可基于射频识别(rfid)技术，红外数据协会(irda)技术，超宽带(uwb)技术，蓝牙(bt)技术和其他技术来实现。
182.在示例性实施例中，客户端1200可以被一个或多个应用专用集成电路(asic)、数字信号处理器(dsp)、数字信号处理设备(dspd)、可编程逻辑器件(pld)、现场可编程门阵列
(fpga)、控制器、微控制器、微处理器或其他电子元件实现，用于执行下述方法：
183.向服务器发送携带有界面标识的界面生成请求；
184.接收所述服务器发送的所述界面标识对应的用户界面配置数据，所述界面标识对应的用户界面配置数据是所述服务器根据卡片模板类型对应的资源数据以及所述界面标识对应的卡片模板信息生成的，所述界面标识对应的卡片模板信息是所述服务器从可视化配置平台接收的，所述卡片模板信息包括所述卡片模板类型以及卡片模板关联关系；
185.对所述用户界面配置数据进行解析生成用户界面。
186.可选的，所述对所述用户界面配置数据进行解析生成用户界面，包括：
187.从所述用户界面配置数据中解析出卡片模板类型以及所述卡片模板类型对应的资源数据，生成所述卡片模板类型对应的实例数据；
188.从所述用户界面配置数据中读取所述卡片模板关联关系，根据所述卡片模板关联关系以及所述卡片模板类型对应的实例数据，生成用户界面。
189.可选的，所述方法还包括：
190.响应于用户的触发操作，当目标卡片模板划出所述用户界面时，将目标实例数据保存到缓存中，所述目标实例数据为目标卡片模板的卡片模板类型对应的实例数据；
191.响应于用户的触发操作，当所述目标卡片模板重新划入所述用户界面时，从所述缓存中读取所述目标实例数据，在所述用户界面中利用所述目标实例数据渲染出所述目标卡片模板。
192.可选的，所述卡片模板信息是所述可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及所述卡片模板的关联关系生成的。
193.图9是本技术实施例中服务器的结构示意图。该服务器1300可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上中央处理器(central processing units，cpu)1322(例如，一个或一个以上处理器)和存储器1332，一个或一个以上存储应用程序1342或数据1344的存储介质1330(例如一个或一个以上海量存储设备)。其中，存储器1332和存储介质1330可以是短暂存储或持久存储。存储在存储介质1330的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对服务器中的一系列指令操作。更进一步地，中央处理器1322可以设置为与存储介质1330通信，在服务器1300上执行存储介质1330中的一系列指令操作。
194.更进一步地，中央处理器1322可以执行下述方法：
195.接收可视化配置平台发送的界面标识对应的卡片模板信息，所述卡片模板信息包括卡片模板类型以及卡片模板关联关系；
196.获取所述卡片模板类型对应的资源数据；
197.根据所述卡片模板类型对应的资源数据以及所述卡片模板信息生成所述界面标识对应的用户界面配置数据；
198.响应于客户端发送的携带有所述界面标识的界面生成请求，将所述用户界面配置数据发送给所述客户端，以使所述客户端对所述用户界面配置数据进行解析生成用户界面。
199.可选的，所述卡片模板信息是所述可视化配置平台根据用户利用可视化界面选择的用户界面所需卡片模板以及所述卡片模板的关联关系生成的。
200.可选的，所述根据所述卡片模板类型对应的资源数据以及所述卡片模板信息生成所述界面标识对应的用户界面配置数据，包括：
201.根据所述卡片模板信息生成初始结构数据；
202.在所述初始结构数据中查找目标卡片模板类型对应的数据位置，在所述目标卡片模板类型对应的数据位置填入所述目标卡片模板类型对应的资源数据，生成所述界面标识对应的用户界面配置数据，所述目标卡片模板类型分别为所述目标卡片模板类型包括的卡片模板类型中的每一个。
203.可选的，当所述卡片模板信息为初始结构数据时，所述根据所述卡片模板类型信息对应的资源数据以及所述卡片模板信息生成所述界面标识对应的用户界面配置数据，包括：
204.在所述初始结构数据中查找目标卡片模板类型对应的数据位置，在所述目标卡片模板类型对应的数据位置填入所述目标卡片模板类型对应的资源数据，生成所述界面标识对应的用户界面配置数据，所述目标卡片模板类型分别为所述目标卡片模板类型包括的卡片模板类型中的每一个。
205.服务器1300还可以包括一个或一个以上电源1326，一个或一个以上有线或无线网络接口1350，一个或一个以上输入输出接口1356，一个或一个以上键盘1356，和/或，一个或一个以上操作系统1341，例如windows servertm，mac os xtm，unixtm,linuxtm，freebsdtm等等。
206.需要说明的是，本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统或装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。
207.应当理解，在本技术中，“至少一个(项)”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，用于描述关联对象的关联关系，表示可以存在三种关系，例如，“a和/或b”可以表示：只存在a，只存在b以及同时存在a和b三种情况，其中a，b可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b或c中的至少一项(个)，可以表示：a，b，c，“a和b”，“a和c”，“b和c”，或“a和b和c”，其中a，b，c可以是单个，也可以是多个。
208.还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
209.结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(ram)、内存、只读存储器(rom)、电可编程rom、电可擦除可编程rom、寄存器、硬盘、可移动磁盘、cd-rom、或技术
领域内所公知的任意其它形式的存储介质中。
210.对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本技术。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本技术的精神或范围的情况下，在其它实施例中实现。因此，本技术将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。