CN104572084B - 卡片业务中用户界面生成及数据下发方法、装置 - Google Patents
卡片业务中用户界面生成及数据下发方法、装置 Download PDFInfo
- Publication number
- CN104572084B CN104572084B CN201410812308.6A CN201410812308A CN104572084B CN 104572084 B CN104572084 B CN 104572084B CN 201410812308 A CN201410812308 A CN 201410812308A CN 104572084 B CN104572084 B CN 104572084B
- Authority
- CN
- China
- Prior art keywords
- data
- card
- interbehavior
- abstracted
- visual style
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
Abstract
本发明提供了用户界面生成及数据下发方法、装置。该方法包括:接收卡片模板数据及业务相关数据;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据;解析所述卡片模板数据及业务相关数据,从而生成用户界面。本申请实施例实现了各平台通用卡片模板数据,避免每个平台重发开发,降低了不同平台各自研发的成本。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种卡片业务中用户界面生成及数据下发方法、装置。
背景技术
卡片业务是百度应用(app)在首屏提供的以卡片流形式展现用户订阅信息的功能,信息是以卡片为单位。目前,为了使卡片业务更好的支持复杂多样的视觉效果,在终端与云端进行数据交流时,云端通过指定接口协议将数据下发给终端,由终端原生实现UI(User Interface,用户界面)的生成及对应的交互行为的处理。
由于不同类型的卡片视觉差异较大,例如,天气类卡片业务与股票类卡片业务就存在很大的差异,其重点显示的内容,图文展现的方式等均存在差异,终端需要针对每一类卡片开发专门的用户界面生成技术,且不同平台各自开发,成本较高。
发明内容
本发明解决的技术问题之一是提供卡片业务中用户界面数据下发及生成方法、装置,以便降低卡片业务中用户界面生成技术的研发成本。
根据本发明一方面的一个实施例,提供了一种卡片业务中用户界面生成方法,其中,包括:
接收卡片模板数据及业务相关数据;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据;
解析所述卡片模板数据及业务相关数据,从而生成用户界面。
可选地,对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;及
将交互行为抽象为一系列的动作。
可选地,对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。
可选地,解析所述卡片模板数据及业务相关数据包括:
按照卡片模板数据中的描述渲染视觉样式,构建视图树;
将业务数据中的各数据填写到所构建的视图树的对应位置。
可选地,生成用户界面还包括:
处理对应的交互响应。
根据本发明另一方面的一个实施例,提供了一种卡片业务中用户界面生成装置,包括:
用于接收卡片模板数据及业务相关数据的单元;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据;
用于解析所述卡片模板数据及业务相关数据,从而生成用户界面的单元。
可选地,对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;及
将交互行为抽象为一系列的动作。
可选地,对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。
可选地,其中用于解析所述卡片模板数据及业务相关数据,从而生成用户界面的单元解析所述卡片模板数据及业务相关数据的方法包括:
按照卡片模板数据中的描述渲染视觉样式,并构建视图树;以及
将业务数据中的各数据填写到所构建的视图树的对应位置。
可选地,用于解析所述卡片模板数据及业务相关数据,从而生成用户界面的单元生成用户界面还包括:
处理对应的交互响应。
根据本发明一方面的一个实施例,提供了一种卡片业务中用户界面数据下发方法,包括:
接收数据下发请求;
下发卡片模板数据及业务相关数据;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据。
可选地,对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;及
将交互行为抽象为一系列的动作。
可选地,对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。
可选地,所述卡片模板数据为:
文本格式数据或二进制格式数据。
根据本发明另一方面的一个实施例,提供了一种卡片业务中用户界面数据下发装置,包括:
用于接收数据下发请求的单元;
用于下发卡片模板数据及业务相关数据的单元;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据。
可选地,对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;及
将交互行为抽象为一系列的动作。
可选地,对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。
可选地,所述卡片模板数据为:
文本格式数据或二进制格式数据。
由于本申请实施例可以接收卡片模板数据及业务相关数据,并解析所述卡片模板数据及业务相关数据,从而生成用户界面。其中所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据,各平台可通用卡片模板数据,避免每个平台重发开发,降低了不同平台各自研发的成本。
同时,在开发新卡片类型以及对旧卡片进行更新时,只需创建新卡片模板,以及更新卡片模板即可,同样降低了卡片业务研发成本。
另外,云端可根据需要对卡片的视觉样式及交互方式进行调整,无需终端的修改,加强了卡片业务中视觉样式和交互方式的云端可控性。
本领域普通技术人员将了解,虽然下面的详细说明将参考图示实施例、附图进行,但本发明并不仅限于这些实施例。而是,本发明的范围是广泛的,且意在仅通过后附的权利要求限定本发明的范围。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1是根据本发明一个实施例的卡片业务中用户界面生成方法的流程图。
图2是根据本发明一个实施例的卡片视觉样式抽象后示意图。
图3是根据本发明一个实施例生成的用户界面示意图。
图4是根据本发明一个实施例的卡片业务中用户界面生成装置的结构示意图。
图5是根据本发明一个实施例的卡片业务中用户界面数据下发方法的流程图。
图6是根据本发明一个实施例的卡片业务中用户界面数据下发装置结构示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
图1是根据本发明一个实施例的卡片业务中用户界面生成方法的流程图。本发明中的方法主要通过计算机设备中的操作系统或处理控制器来完成。将操作系统或处理控制器称为卡片业务中用户界面生成装置。该计算机设备包括但不限于以下中的至少一个:用户设备、网络设备。用户设备包括但不限于计算机、智能手机、PDA等。网络设备包括但不限于单个网络服务器、多个网络服务器组成的服务器组或基于云计算的由大量计算机或网络服务器构成的云,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。
如图1中所示,该卡片业务中用户界面生成方法主要包括如下步骤:
S100、接收卡片模板数据及业务相关数据;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据;
S110、解析所述卡片模板数据及业务相关数据,从而生成用户界面。
下面对上述各步骤做进一步详细介绍。
步骤S100中,接收卡片模板数据及业务相关数据,是终端接收云端下发的卡片模板数据。模板数据是指作图或设计方案的固定格式的数据。本实施例中的卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据。
该抽象操作可在线下执行,抽象后才能生成对应的模版数据,抽象的数据相对业务数据变化频率低,因此可以从数据中分离出来。
一般一个卡片业务对应一个模板。当然,可以理解的是,如果两个或多个卡片的视觉样式和交互行为相同,则可以复用一个模版。也就是,将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。因为模版数据可以共享,所以一类卡片模板数据实际上是一个卡片模板数据。
其中,对卡片的视觉样式和交互行为进行抽象的方法包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;以及将交互行为抽象为一系列的动作。
其中,将视觉样式抽象为一系列文本和图的组合,例如,抽象后的视觉样式可以采用如下文本方式描述:
天气图大小a x b,位置在左上角,图的源地址是xxx,摄氏度大小c xd,位置在天气图右侧,并垂直居中对齐,空气质量大小e x d,位置在晴天图下方,点击查看更多大小ex d,位置在空气质量下方。
上面的文本描述可以通过统一的数据描述规范来实现,例如:
对应上述文本,抽象后的附图可如图2中所示。
其中,将交互行为抽象为一系列的动作,例如,点击“点击查看更多”指定浏览动作,具体为打开某个网页链接。
本实施例抽象后得到的卡片模板数据可以为如上面表述的文本数据(包括对应的图),也可以为对上面文本描述数据进行编译压缩处理后得到的二进制描述,即所述卡片模板数据可以为文本格式数据,也可以为二进制格式数据。
本实施例通过将卡片数据抽象成模板数据不但实现了各平台通用,而且在新卡片类型开发以及旧卡片更新中,均可以通过创建及更新模板来实现,与依赖发版的现有技术相比,有效降低了研发成本。
另外,本实施例所述的业务相关数据是指具体业务相关的数据,比如卡片模版数据中某个位置是温度,那么具体xx摄氏度就是业务相关数据。
步骤S110是实现解析所述卡片模板数据及业务相关数据,生成用户界面的步骤,其中解析所述卡片模板数据及业务相关数据的方法包括:
按照卡片模板数据中的描述渲染视觉样式,构建视图树;及,将业务数据中的各数据填写到所构建的视图树的对应位置。
例如,针对卡片模板数据中的如下文本描述:晴天图大小a x b,位置在左上角,图的源地址是xxx,摄氏度大小c x d,位置在晴天图右侧,并垂直居中对齐,空气质量大小e xd,位置在晴天图下方,点击查看更多大小e x d,位置在空气质量下方。其解析后生成的用户界面的框架如图2中所示。
假如,业务相关数据中记载:天气图为多云,摄氏度为20°,空气质量为88,良,则最后生成的用户界面可如图3中所示。
其中,生成用户界面还包括:处理对应的交互响应,即,根据行为做出对应的响应,例如,当接收到用户点击“点击查看更多”的操作行为命令时,则打开某个网页链接,具体要打开的网页链接可根据业务相关数据来确定。
本实施例的终端可以接收云端下发的卡片模板数据及业务相关数据,并对卡片模板数据及业务相关数据进行解析,从而生成卡片业务中的用户界面。该方法通过将卡片数据抽象成卡片模板数据不但实现了各平台通用,而且在新卡片类型开发以及旧卡片更新中,均可以通过创建及更新模板来实现,与依赖发版的现有技术相比,有效降低了研发成本。
以上为本申请提供的卡片业务中用户界面生成方法,基于上述方法同样的思路,本申请实施例还提供一种卡片业务中用户界面生成装置,如图4中所示,为所述装置结构示意图,该装置主要包括:
用于接收卡片模板数据及业务相关数据的单元400,以下简称数据接收单元400;本实施例中所述数据接收单元400接收的卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据;
该抽象操作可在线下执行,抽象后才能生成对应的模版数据,抽象的数据相对业务数据变化频率低,因此可以从数据中分离出来。
一般一个卡片业务对应一个模板。当然,可以理解的是,如果两个或多个卡片的视觉样式和交互行为相同,则可以复用一个模版。也就是,将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。因为模版数据可以共享,所以一类卡片模板数据实际上是一个卡片模板数据。
其中,对卡片的视觉样式和交互行为进行抽象的方法包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;以及将交互行为抽象为一系列的动作。
其中,将视觉样式抽象为一系列文本和图的组合,例如,抽象后的视觉样式可以采用如下文本方式描述:
天气图大小a x b,位置在左上角,图的源地址是xxx,摄氏度大小c xd,位置在天气图右侧,并垂直居中对齐,空气质量大小e x d,位置在晴天图下方,点击查看更多大小ex d,位置在空气质量下方。
上面的文本描述可以通过统一的数据描述规范来实现,例如:
对应上述文本,抽象后的附图可如图2中所示。
其中,将交互行为抽象为一系列的动作,例如,点击“点击查看更多”指定浏览动作,具体为打开某个网页链接。
本实施例抽象后得到的卡片模板数据可以为如上面表述的文本数据(包括对应的图),也可以为对上面文本描述数据进行编译压缩处理后得到的二进制描述,即所述卡片模板数据可以为文本格式数据,也可以为二进制格式数据。
本实施例通过将卡片数据抽象成模板数据不但实现了各平台通用,而且在新卡片类型开发以及旧卡片更新中,均可以通过创建及更新模板来实现,与依赖发版的现有技术相比,有效降低了研发成本。
另外,本实施例所述的业务相关数据是指具体业务相关的数据,比如卡片模版数据中某个位置是温度,那么具体xx摄氏度就是业务相关数据。
用于解析所述卡片模板数据及业务相关数据,从而生成用户界面的单元410,以下简称用户界面生成单元410。
其中,用户界面生成单元410解析所述卡片模板数据及业务相关数据的方法包括:
按照卡片模板数据中的描述渲染视觉样式,构建视图树;及,将业务数据中的各数据填写到所构建的视图树的对应位置。
例如,针对卡片模板数据中的如下文本描述:晴天图大小a x b,位置在左上角,图的源地址是xxx,摄氏度大小c x d,位置在晴天图右侧,并垂直居中对齐,空气质量大小e xd,位置在晴天图下方,点击查看更多大小e x d,位置在空气质量下方。其解析后生成的用户界面的框架如图2中所示。
假如,业务相关数据中记载:天气图为多云,摄氏度为20°,空气质量为88,良,则最后生成的用户界面可如图3中所示。
其中,用户界面生成单元410生成用户界面还包括:处理对应的交互响应,即,根据行为做出对应的响应,例如,当接收到用户点击“点击查看更多”的操作行为命令时,则打开某个网页链接,具体要打开的网页链接可根据业务相关数据来确定。
本实施例所述装置可以接收卡片模板数据及业务相关数据,并对卡片模板数据及业务相关数据进行解析,从而生成卡片业务中的用户界面。该方案通过将卡片数据抽象成卡片模板数据不但实现了各平台通用,而且在新卡片类型开发以及旧卡片更新中,均可以通过创建及更新模板来实现,与依赖发版的现有技术相比,有效降低了研发成本。
本申请另一实施例提供一种用户界面数据下发方法,如图5中所示,为该方法操作流程图,该用户界面数据下发方法包括如下步骤:
S500、接收数据下发请求;
S510、下发卡片模板数据及业务相关数据;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据。
下面对上述各步骤做进一步详细介绍。
步骤S500中,接收数据下发请求为服务器接收终端发送的数据下发请求,该数据下发请求是终端用于请求卡片数据。本实施例对该数据下发请求的发送时机及该数据下发请求的格式不做具体限定。
步骤S510,为服务器根据接收的数据下发请求下发卡片数据给对应的终端,其下发的卡片数据包括:卡片模板数据及业务相关数据。
模板数据是指作图或设计方案的固定格式的数据。本实施例中的卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据。
该抽象操作可在线下执行,抽象后才能生成对应的模版数据,抽象的卡片数据相对业务数据变化频率低,因此可以从数据中分离出来。
一般一个卡片业务对应一个模板。当然,可以理解的是,如果两个或多个卡片的视觉样式和交互行为相同,则可以复用一个模版。也就是,将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。因为模版数据可以共享,所以一类卡片模板数据实际上是一个卡片模板数据。
其中,对卡片的视觉样式和交互行为进行抽象的方法包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;以及将交互行为抽象为一系列的动作。
其中,将视觉样式抽象为一系列文本和图的组合,例如,抽象后的视觉样式可以采用如下文本方式描述:
天气图大小a x b,位置在左上角,图的源地址是xxx,摄氏度大小c xd,位置在天气图右侧,并垂直居中对齐,空气质量大小e x d,位置在晴天图下方,点击查看更多大小ex d,位置在空气质量下方。
上面的文本描述可以通过统一的数据描述规范来实现,例如:
对应上述文本,抽象后的附图可如图2中所示。
其中,将交互行为抽象为一系列的动作,例如,点击“点击查看更多”指定浏览动作,具体为打开某个网页链接。
本实施例抽象后得到的卡片模板数据可以为如上面表述的文本数据(包括对应的图),也可以为对上面文本描述数据进行编译压缩处理后得到的二进制描述,即所述卡片模板数据可以为文本格式数据,也可以为二进制格式数据。
另外,本实施例所述的业务相关数据是指具体业务相关的数据,比如卡片模版数据中某个位置是温度,那么具体xx摄氏度就是业务相关数据。
本实施例通过将卡片数据抽象成模板数据下发给终端,不但实现了卡片模板数据各平台通用,而且在新卡片类型开发以及旧卡片更新中,均可以通过创建及更新模板来实现,与依赖发版的现有技术相比,有效降低了研发成本。
基于上述方法同样的思路,本申请实施例还提供一种用户界面数据下发装置,如图6中所示为该装置结构示意图,该装置主要包括:
用于接收数据下发请求的单元600,以下简称请求接收单元600,该请求接收单元600接收终端发送的数据下发请求,该数据下发请求是终端用于请求卡片数据。本实施例对该数据下发请求的发送时机及该数据下发请求的格式不做具体限定。
用于下发卡片模板数据及业务相关数据的单元610,以下简称数据下发单元610;该数据下发单元610下发的数据包括:卡片模板数据及业务相关数据。其卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据。
该抽象操作可在线下执行,抽象后才能生成对应的模版数据,抽象的卡片数据相对业务数据变化频率低,因此可以从数据中分离出来。
一般一个卡片业务对应一个模板。当然,可以理解的是,如果两个或多个卡片的视觉样式和交互行为相同,则可以复用一个模版。也就是,将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。因为模版数据可以共享,所以一类卡片模板数据实际上是一个卡片模板数据。
其中,对卡片的视觉样式和交互行为进行抽象的方法包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;以及将交互行为抽象为一系列的动作。
其中,将视觉样式抽象为一系列文本和图的组合,例如,抽象后的视觉样式可以采用如下文本方式描述:
天气图大小a x b,位置在左上角,图的源地址是xxx,摄氏度大小c xd,位置在天气图右侧,并垂直居中对齐,空气质量大小e x d,位置在晴天图下方,点击查看更多大小ex d,位置在空气质量下方。
上面的文本描述可以通过统一的数据描述规范来实现,例如:
对应上述文本,抽象后的附图可如图2中所示。
其中,将交互行为抽象为一系列的动作,例如,点击“点击查看更多”指定浏览动作,具体为打开某个网页链接。
综上所述,本申请实施例在处理卡片业务时,将卡片数据抽象成卡片模板数据,各平台可通用该卡片模板数据,避免每个平台重发开发,降低了不同平台各自研发的成本。
同时,在开发新卡片类型以及对旧卡片进行更新时,只需创建新卡片模板,以及更新卡片模板即可,同样降低了卡片业务研发成本。
另外,云端可根据需要对卡片的视觉样式及交互方式进行调整,无需终端的修改,加强了卡片业务中视觉样式和交互方式的云端可控性。
需要注意的是,本发明可在软件和/或软件与硬件的组合体中被实施,例如,可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中,本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本发明的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
另外,本发明的一部分可被应用为计算机程序产品,例如计算机程序指令,当其被计算机执行时,通过该计算机的操作,可以调用或提供根据本发明的方法和/或技术方案。而调用本发明的方法的程序指令,可能被存储在固定的或可移动的记录介质中,和/或通过广播或其他信号承载媒体中的数据流而被传输,和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此,根据本发明的一个实施例包括一个装置,该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器,其中,当该计算机程序指令被该处理器执行时,触发该装置运行基于前述根据本发明的多个实施例的方法和/或技术方案。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
Claims (14)
1.一种卡片业务中用户界面生成方法,其中,包括:
接收卡片模板数据及业务相关数据;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据,所述卡片模板数据可以为文本格式数据,也可以为二进制格式数据;
解析所述卡片模板数据及业务相关数据,从而生成用户界面;其中解析所述卡片模板数据及业务相关数据的步骤进一步包括:
按照卡片模板数据中的描述渲染视觉样式,构建视图树;
将业务数据中的各数据填写到所构建的视图树的对应位置。
2.根据权利要求1所述的方法,其中对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;及
将交互行为抽象为一系列的动作。
3.根据权利要求1或2所述的方法,其中对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。
4.根据权利要求1所述的方法,其中生成用户界面还包括:
处理对应的交互响应。
5.一种卡片业务中用户界面生成装置,其中,包括:
用于接收卡片模板数据及业务相关数据的单元;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据,所述卡片模板数据可以为文本格式数据,也可以为二进制格式数据;
用于解析所述卡片模板数据及业务相关数据,从而生成用户界面的单元;其中,用于解析所述卡片模板数据及业务相关数据,从而生成用户界面的单元进一步用于:
按照卡片模板数据中的描述渲染视觉样式,并构建视图树;以及
将业务数据中的各数据填写到所构建的视图树的对应位置。
6.根据权利要求5所述的装置,其中对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;及
将交互行为抽象为一系列的动作。
7.根据权利要求5或6所述的装置,其中对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。
8.根据权利要求5所述的装置,其中用于解析所述卡片模板数据及业务相关数据,从而生成用户界面的单元生成用户界面还包括:
处理对应的交互响应。
9.一种卡片业务中用户界面数据下发方法,其中,包括:
接收数据下发请求;
下发卡片模板数据及业务相关数据;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据,所述卡片模板数据可以为文本格式数据,也可以为二进制格式数据;
其中,可通过解析所述卡片模板数据和业务相关数据,生成所述用户界面;其中,解析所述卡片模板数据及业务相关数据的步骤进一步包括:
按照卡片模板数据中的描述渲染视觉样式,构建视图树;
将业务数据中的各数据填写到所构建的视图树的对应位置。
10.根据权利要求9所述的方法,其中对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;及
将交互行为抽象为一系列的动作。
11.根据权利要求9或10所述的方法,其中对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。
12.一种卡片业务中用户界面数据下发装置,其中,包括:
用于接收数据下发请求的单元;
用于下发卡片模板数据及业务相关数据的单元;所述卡片模板数据是对卡片的视觉样式和交互行为进行抽象后得到的数据,所述卡片模板数据可以为文本格式数据,也可以为二进制格式数据;
其中,所述卡片模板数据和所述业务相关数据可被解析以生成所述用户界面;其中,所述装置进一步用于执行以下操作,以解析所述卡片模板数据及业务相关数据:
按照卡片模板数据中的描述渲染视觉样式,构建视图树;
将业务数据中的各数据填写到所构建的视图树的对应位置。
13.根据权利要求12所述的装置,其中对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式抽象为一系列文本和图的组合,布局通过相对位置来描述;及
将交互行为抽象为一系列的动作。
14.根据权利要求12或13所述的装置,其中对卡片的视觉样式和交互行为进行抽象包括:
将视觉样式和交互行为相同的同一类卡片抽象为一类卡片模板数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410812308.6A CN104572084B (zh) | 2014-12-22 | 2014-12-22 | 卡片业务中用户界面生成及数据下发方法、装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410812308.6A CN104572084B (zh) | 2014-12-22 | 2014-12-22 | 卡片业务中用户界面生成及数据下发方法、装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104572084A CN104572084A (zh) | 2015-04-29 |
CN104572084B true CN104572084B (zh) | 2018-01-12 |
Family
ID=53088250
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410812308.6A Active CN104572084B (zh) | 2014-12-22 | 2014-12-22 | 卡片业务中用户界面生成及数据下发方法、装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104572084B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107526597A (zh) * | 2017-08-30 | 2017-12-29 | 广东欧珀移动通信有限公司 | 用户界面编辑方法、装置、终端及计算机可读存储介质 |
CN109032595A (zh) * | 2018-07-03 | 2018-12-18 | 山东浪潮通软信息科技有限公司 | 一种可配置数据源的移动原生数据动态展示方法 |
CN109684008B (zh) * | 2018-12-19 | 2022-03-29 | Oppo广东移动通信有限公司 | 卡片渲染方法、装置、终端及计算机可读存储介质 |
CN110121004A (zh) * | 2019-04-03 | 2019-08-13 | 北京小米智能科技有限公司 | 卡片模板创建方法、卡片显示方法及装置 |
CN110147381B (zh) * | 2019-05-27 | 2021-07-09 | 智者四海(北京)技术有限公司 | 信息处理方法、系统及记录介质 |
CN110647327B (zh) * | 2019-09-23 | 2023-09-26 | 京东科技控股股份有限公司 | 基于卡片的用户界面动态控制的方法和装置 |
CN112559098B (zh) * | 2019-09-26 | 2022-04-26 | 华为技术有限公司 | 一种卡片渲染方法及电子设备 |
CN114764360B (zh) * | 2021-01-14 | 2024-11-05 | 钉钉控股(开曼)有限公司 | 虚拟卡片的生成方法及其交互实现方法、装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101599015A (zh) * | 2009-07-07 | 2009-12-09 | 阿里巴巴集团控股有限公司 | 一种组件解析的方法和系统 |
CN101606125A (zh) * | 2007-02-16 | 2009-12-16 | 夏普株式会社 | 用户界面生成装置、信息终端、用户界面生成控制程序、记录介质以及用户界面生成方法 |
CN101937427A (zh) * | 2009-06-30 | 2011-01-05 | 方正国际软件(北京)有限公司 | 一种基于浏览器的内容编辑及发布的系统及方法 |
CN102043861A (zh) * | 2010-12-29 | 2011-05-04 | 重庆新媒农信科技有限公司 | 基于移动终端的网页数据结构化显示方法 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8732603B2 (en) * | 2006-12-11 | 2014-05-20 | Microsoft Corporation | Visual designer for non-linear domain logic |
-
2014
- 2014-12-22 CN CN201410812308.6A patent/CN104572084B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101606125A (zh) * | 2007-02-16 | 2009-12-16 | 夏普株式会社 | 用户界面生成装置、信息终端、用户界面生成控制程序、记录介质以及用户界面生成方法 |
CN101937427A (zh) * | 2009-06-30 | 2011-01-05 | 方正国际软件(北京)有限公司 | 一种基于浏览器的内容编辑及发布的系统及方法 |
CN101599015A (zh) * | 2009-07-07 | 2009-12-09 | 阿里巴巴集团控股有限公司 | 一种组件解析的方法和系统 |
CN102043861A (zh) * | 2010-12-29 | 2011-05-04 | 重庆新媒农信科技有限公司 | 基于移动终端的网页数据结构化显示方法 |
Non-Patent Citations (1)
Title |
---|
基于模板的WEB界面客户化定制;单立群;《中国优秀硕士学位论文全文数据库信息科技辑》;20100315(第03期);第4-5页,第18-20页 * |
Also Published As
Publication number | Publication date |
---|---|
CN104572084A (zh) | 2015-04-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104572084B (zh) | 卡片业务中用户界面生成及数据下发方法、装置 | |
KR102185864B1 (ko) | 프레젠테이션을 위한 네이티브 콘텐츠의 서버측 렌더링 방법 및 시스템 | |
CN103959281B (zh) | 用于将第三方内容与在线文档签名相关联的方法 | |
US9369406B2 (en) | Resource server providing a rapidly changing resource | |
CN112100550A (zh) | 一种页面构建方法和装置 | |
CN104462131A (zh) | 信息发布页面的处理方法及装置 | |
CN105164668A (zh) | 多维布局的自动对准 | |
US20110161847A1 (en) | System and method for integrating and publishing pages of content | |
US10664980B2 (en) | Vector graphics handling processes for user applications | |
CN103559194B (zh) | 一种搜索方法、服务器、系统 | |
CN107665237B (zh) | 数据结构分类装置、非结构化数据的发布订阅系统及方法 | |
US10067915B1 (en) | Method and system for providing user interface objects in a mobile application that are scalable to mobile electronic device screens | |
CN109634608A (zh) | 界面动态生成方法、系统、设备以及介质 | |
CN102622395A (zh) | 虚拟化应用辅助访问网页的方法、服务器及客户端 | |
CN106547806B (zh) | 页面加载方法及装置 | |
CA2846581A1 (en) | Data infrastructure for providing interconnectivity between platforms, devices and operating systems | |
CN201780586U (zh) | 远程医疗在线画板系统 | |
CN103136791A (zh) | 用于飞机数字化维修应用的数据关联方法及其装置 | |
CN202799005U (zh) | 基于云计算的机顶盒上网监控系统和机顶盒 | |
CN108536715B (zh) | 一种预览页面生成方法、装置、设备以及存储介质 | |
CN103399776A (zh) | 可重用mock创建方法及系统 | |
KR101447992B1 (ko) | 증강현실을 위한 3차원 표준 모델 관리 시스템 및 방법 | |
CN103562891A (zh) | 信息处理装置、信息处理系统、以及程序 | |
CN104504000A (zh) | 一种远程镜像文件的传输方法,装置及系统 | |
CN104394230A (zh) | 一种信息呈现的方法、设备和系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |