CN112286598A - 界面更新方法及装置 - Google Patents
界面更新方法及装置 Download PDFInfo
- Publication number
- CN112286598A CN112286598A CN202010787041.5A CN202010787041A CN112286598A CN 112286598 A CN112286598 A CN 112286598A CN 202010787041 A CN202010787041 A CN 202010787041A CN 112286598 A CN112286598 A CN 112286598A
- Authority
- CN
- China
- Prior art keywords
- message
- template
- content
- message content
- message template
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 61
- 238000004891 communication Methods 0.000 claims description 20
- 238000012545 processing Methods 0.000 claims description 18
- 238000013461 design Methods 0.000 description 17
- 238000010586 diagram Methods 0.000 description 11
- 230000008569 process Effects 0.000 description 7
- 238000009877 rendering Methods 0.000 description 5
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供一种界面更新方法及装置,该方法包括:获取来自于服务器的第一消息,其中,第一消息包括消息内容以及消息内容对应的消息模板。根据消息内容和消息模板,在应用程序的图形用户界面中按照消息模板显示消息内容。在需要对消息模板进行更新时,从服务器获取包括消息内容和消息内容对应的消息模板的第一消息,并且在图形用户界面中按照消息模板显示消息内容,从而可以无需进行应用程序的重启和更新,就可以实现消息模板的更新,有效降低了消息模板更新的复杂度。
Description
技术领域
本申请实施例涉及计算机技术,尤其涉及一种界面更新方法及装置。
背景技术
在目前的即时通讯(Instant Messaging,IM)聊天应用的聊天界面中,左边显示有接收的消息内容,右边显示有发送的消息内容。
现有技术在实现消息内容的显示的时候,通常是预先将各种消息类型对应的消息模板和应用程序打包在一起,在应用程序启动之后,根据需要显示的消息内容的消息类型,匹配对应的消息模板,并将消息内容填充至对应的消息模板中,从而实现消息内容的显示。
然而,若需要对消息模板进行更新,则需要将更新的消息模板和应用程序重新打包并发布,并且需要应用程序进行更新和重启,因此现有技术在对消息模板进行更新的复杂度较高。
发明内容
本申请实施例提供一种界面更新方法及装置,以克服对消息模板进行更新的复杂度较高的问题。
第一方面,本申请实施例提供一种界面更新方法,包括:
获取来自于服务器的第一消息,其中,所述第一消息包括消息内容以及所述消息内容对应的消息模板;
根据所述消息内容和所述消息模板,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
在一种可能的设计中,所述应用程序包括原生组件和网页浏览webview组件。
在一种可能的设计中,所述获取来自于服务器的第一消息之后,所述方法还包括:
解析所述第一消息,得到所述消息内容和所述消息模板;
在所述原生组件和所述webview组件之间建立通信桥接器;
所述原生组件通过所述通信桥接器,将所述消息内容和所述消息模板转发给所述webview组件。
在一种可能的设计中,所述根据所述消息内容和所述消息模板,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容,包括:
所述webview组件根据所述消息内容和所述消息模板进行渲染,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
在一种可能的设计中,所述第一消息还包括所述消息内容对应的消息类型;
所述方法还包括:
将所述消息内容对应的消息类型和所述消息内容对应的消息模板,关联保存在所述应用程序中。
在一种可能的设计中,所述消息模板包括超文本标记语言HTML标签和所述HTML标签对应的标签内容。
第二方面,本申请实施例提供一种界面更新装置,包括:
获取模块,用于获取来自于服务器的第一消息,其中,所述第一消息包括消息内容以及所述消息内容对应的消息模板;
显示模块,用于根据所述消息内容和所述消息模板,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
在一种可能的设计中,所述应用程序包括原生组件和网页浏览webview组件。
在一种可能的设计中,所述装置还包括:处理模块;
所述处理模块,用于在所述获取来自于服务器的第一消息之后,解析所述第一消息,得到所述消息内容和所述消息模板;
在所述原生组件和所述webview组件之间建立通信桥接器;
所述原生组件通过所述通信桥接器,将所述消息内容和所述消息模板转发给所述webview组件。
在一种可能的设计中,所述显示模块具体用于:
所述webview组件根据所述消息内容和所述消息模板进行渲染,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
在一种可能的设计中,所述第一消息还包括所述消息内容对应的消息类型;
所述处理模块还用于:
将所述消息内容对应的消息类型和所述消息内容对应的消息模板,关联保存在所述应用程序中。
在一种可能的设计中,所述消息模板包括超文本标记语言HTML标签和所述HTML标签对应的标签内容。
第三方面,本申请实施例提供一种界面更新设备,包括:
存储器,用于存储程序;
处理器,用于执行所述存储器存储的所述程序,当所述程序被执行时,所述处理器用于执行如上第一方面以及第一方面各种可能的设计中任一所述的方法。
第四方面,本申请实施例提供一种计算机可读存储介质,包括指令,当其在计算机上运行时,使得计算机执行如上第一方面以及第一方面各种可能的设计中任一所述的方法。
本申请实施例提供一种界面更新方法及装置,该方法包括:获取来自于服务器的第一消息,其中,第一消息包括消息内容以及消息内容对应的消息模板。根据消息内容和消息模板,在应用程序的图形用户界面中按照消息模板显示消息内容。在需要对消息模板进行更新时,从服务器获取包括消息内容和消息内容对应的消息模板的第一消息,并且在图形用户界面中按照消息模板显示消息内容,从而可以无需进行应用程序的重启和更新,就可以实现消息模板的更新,有效降低了消息模板更新的复杂度。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的原生界面绘制的聊天界面示意图;
图2为本申请实施例提供的消息模板的一种实现方式示意图;
图3为本申请实施例提供的界面更新方法的系统示意图;
图4为本申请其中一实施例提供的界面更新方法的流程图;
图5为本申请另一实施例提供的界面更新方法的流程图;
图6为本申请实施例提供的消息模板的更新示意图;
图7为本申请实施例提供的界面更新装置的结构示意图;
图8为本申请实施例提供的界面更新设备的硬件结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
首先结合图1对聊天界面进行介绍,图1为本申请实施例提供的原生界面绘制的聊天界面示意图,如图1所示:
在IM聊天应用的聊天界面中,界面的左边可以显示有应用程序接收的消息内容,界面的右边可以显示有应用程序发送的消息内容,其中,消息内容可以有多种类型,例如可以为图1中所示的文本消息、语音消息、视频消息、文件消息等,其中各个类型的消息内容可以对应各自的消息模板,消息模板用于指示消息内容的显示方式。
例如消息模板可以指示显示消息内容的对话框的长度、对话框的宽度,对话框的颜色、对话框的边框阴影、对话框中的消息内容显示的位置等,可以理解的是,每一个消息类型均对应各自的消息模板,本实施例对各个消息类型的消息模板的具体实现方式不做限制,其可以根据实际需求进行设计。
通常,IM聊天应用在显示消息内容之前,需要预先将各个消息类型的消息模板编辑好,并且将编辑好的消息模板和应用程序打包在一起,和应用程序一起进行发布。
在应用程序启动并进入聊天界面之后,此时若存在需要显示的消息内容,则根据需要显示的消息内容对应的消息类型,在应用程序中匹配各个消息类型对应的消息模板,并且将消息内容填充到对应的消息模板中,从而实现对消息内容的显示。
下面结合图2对一个具体的示例中,将消息内容填充到对应的消息模板中的一种可能的实现方式进行介绍,图2为本申请实施例提供的消息模板的一种实现方式示意图。
参见图2,假设当前需要显示的消息内容包括文本消息,则在进入当前的聊天界面之后,可以获取文本消息的消息模板,该消息模板例如可以指示文本消息的显示长度、宽度、文本的位置、文本的字体、文本的大小,以及假设当前需要显示的文本消息的消息内容为“给你看个视频”、“什么视频”,从而得到图2所显示的文本消息201和202。
以及,假设当前需要显示的消息内容还包括视频消息,则在进入当前的聊天界面之后,可以获取视频消息的消息模板,该消息模板例如可以指示视频消息的显示长度、宽度、显示的图像帧、显示的暂停符号等,从而得到图2所显示的视频消息203。
以及,假设当前需要显示的消息内容还包括语音消息,则在进入当前的聊天界面之后,可以获取语音消息的消息模板,该消息模板例如可以指示语音消息的显示长度、宽度、显示的语音符号、显示的语音长度等,从而得到图2所示显示的语音消息204。
上述图2介绍了文本消息、视频消息和语言消息的消息模板的一种可能的实现方式,在实际实现过程中,各种消息类型对应的消息模板可以根据实际需求进行选择,本实施例对消息模板的具体实现方式不作限定。
上述介绍的现有技术中的聊天界面的实现方式可以称为原生界面绘制,其中原生界面绘制的实现方式,若需要对消息模板进行更新,例如新增一个消息类型的消息模板,或者替换一个消息类型的消息模板,则需要重新进行应用程序的开发,并将更新的消息模板和应用程序一起打包,并部署到渠道。
同时,在新的消息模板和应用程序一起打包发布之后,应用程序必须进行更新和重新启动,才能够应用新的消息模板,因此现有技术的实现方式中,对消息模板进行更新的复杂度较高。
基于现有技术中的问题,本申请提出了如下技术构思:上述介绍的在需要对消息模板进行更新时,需要对应用程序进行重新开发、打包、部署,同时应用程序还需要进行更新和重启,这些都是原生界面绘制固有的缺点,然而超文本标记语言(Hyper Text MarkupLanguage,HTML)页面可以克服上述缺点,HTML页面在版本迭代时,无需进行的打包就可以实时发布,因此若基于HTML标签进行消息模板的更新,就可以有效降低更新的复杂度。
下面结合具体的实施例对本申请提供的方法进行介绍,首先结合图3对本申请所涉及的界面更新的系统进行介绍,图3为本申请实施例提供的界面更新方法的系统示意图,如图3所示,该系统包括:服务器301以及应用程序302。
其中服务器301与应用程序302可以进行交互,交互的方式例如可以是无线网络,该无线网络可以是2G网络、3G网络、4G网络或者5G网络、无线保真(Wireless Fidelity,简称WIFI)网络等。本申请实施例对交互的具体类型或者具体形式并不做限定,只要其能够实现服务器和终端交互的功能即可。
在一种可能的实现方式中,应用程序302通常运行在用户持有的终端设备上,其中终端设备例如可以是计算机设备、平板电脑或移动电话(或称为“蜂窝”电话)等,终端设备还可以是便携式、袖珍式、手持式、计算机内置的移动装置或设备,此处不做特别限制。
在本实施例中,应用程序102例如可以为IM应用程序,用于实现消息收发的逻辑功能、界面展示或者接收用户触发的操作指令等,本申请实施例对应用程序302的具体实现方式不做限制,本领域技术人员可以理解,应用程序302的具体实现方式可以根据需要进行设定。
目前,应用程序的页面可以是原生页面,或者还可以是HTML页面,或者还可以是两者的混合页面,其中,原生页面是指采用原生语言编写的页面,HTML页面指的是采用HTML语言编写的页面,混合页面则是指两种页面的结合。
如图2所示,本申请中的应用程序302可以包括原生组件和网页浏览(webview)组件,其中,原生组件可以用于显示原生页面和部分混合页面,webview组件可以用于显示HTML页面和部分混合页面。
其中,服务器301可以接收应用程序302发送的消息或数据等,并进行相关的存储和处理等操作,其中处理操作例如可以为将应用程序302发送的消息转发至对应的应用程序,从而实现消息的发送;或者服务器301还可以接收应用程序302发送的指令,根据逻辑判断进行相应地处理。服务器301还可以向应用程序302发送指令,应用程序302进行相关的指令执行等操作,本申请实施例对服务器301的实现方式同样不做特别限制。
在上述介绍的系统的基础上,下面结合图4对本申请实施例提供的界面更新方法进行详细介绍,图4为本申请其中一实施例提供的界面更新方法的流程图。
如图4所示,该方法包括:
S401、获取来自于服务器的第一消息,其中,第一消息包括消息内容以及消息内容对应的消息模板。
本实施例中的应用程序可以从服务器获取消息,在一种可能的实现方式中,应用程序可以接收来自于服务器的第一消息,以实现获取第一消息;或者,应用程序还可以主动从服务器拉取第一消息,以实现获取第一消息,本实施例对获取第一消息的具体实现方式不做限定,其可以根据实际需求进行选择。
其中,第一消息包括消息内容和消息内容对应的消息模板,本实施例中的消息模板包括HTML标签和HTML标签对应的标签内容,其示例性的一种实现例如可以为:
<html标签>
颜色;
长度;
宽度;
</html标签>
其中,HTML标签例如可以用于指示消息的类型,例如上述的HTML标签对应的是文字消息,则上述的消息模板就是文字消息的消息模板,上述的HTML标签包括标签头和标签尾,其中标签头和标签尾中间的部分即为标签内容,其中标签内容用于指示消息内容的具体显示方式,例如标签内容可以包括消息内容显示的颜色、长度、宽度等,或者还可以包括字体、大小等内容,本实施例对消息模板的具体实现方式不做限制,其可以根据实际需求进行设置和选择,
可以理解的是,本实施例中是在需要对消息模板进行更新时,才会在第一消息中同时包括消息内容以及消息内容对应的消息模板;若当前无需对消息模板进行更新,则应用程序获取的第一消息中可以仅包括消息内容,此时应用程序可以从本地获取消息内容对应的消息模板即可。
其中对消息模板进行更新有多种可能的实现方式,在一种可能的实现方式中,可以是在需要对某个消息类型的消息模板进行修改时,在第一消息中包括消息内容以及对应的消息模板;
在另一种可能的实现方式中,可以是在需要新增某个消息类型及其对应的消息模板时,在第一消息中包括消息内容以及对应的消息模板。
S402、根据消息内容和消息模板,在应用程序的图形用户界面中按照消息模板显示消息内容。
本实施例中的消息模板用于指示消息内容的显示样式,则应用程序可以根据消息内容和消息模板,在应用程序的图形用户界面中按照消息模板显示消息内容,以实现在需要对消息模板进行更新时,可以直接动态的进行更新以及显示,无需更新并重启应用程序。
其中,消息模板的具体实现方式可以根据实际需求进行选择,本实施例对消息模板的实现方式不做限制。
本申请实施例提供的界面更新方法,包括:获取来自于服务器的第一消息,其中,第一消息包括消息内容以及消息内容对应的消息模板。根据消息内容和消息模板,在应用程序的图形用户界面中按照消息模板显示消息内容。在需要对消息模板进行更新时,从服务器获取包括消息内容和消息内容对应的消息模板的第一消息,并且在图形用户界面中按照消息模板显示消息内容,从而可以无需进行应用程序的重启和更新,就可以实现消息模板的更新,有效降低了消息模板更新的复杂度。
在上述实施例的基础上,下面结合一个具体的实施例对本申请提供的界面更新方法进行进一步地详细介绍,图5为本申请另一实施例提供的界面更新方法的流程图,如图5所示,该方法包括:
S501、获取来自于服务器的第一消息,其中,第一消息包括消息内容以及消息内容对应的消息模板。
其中,S501的实现方式与S401的实现方式相同,此处不再赘述。
S502、解析第一消息,得到消息内容和消息模板。
在本实施例中,消息内容和消息内容对应的消息模板例如可以打包在一起,得到了第一消息,则应用程序在获取到第一消息之后,可以对第一消息进行解析,从而得到消息内容和消息模板。
S503、在原生组件和webview组件之间建立通信桥接器。
基于上述介绍的内容可以确定的是,本实施例中的应用程序包括原生组件和webview组件,其中,应用程序接收到的消息和数据等会首先到达原生组件,而本实施例中的消息模板包括HTML标签和标签内容,其需要webview组件进行处理,才能够实现对消息内容的显示。
因此本实施例中在原生组件和webview组件之间建立通信桥接器,以使得原生组件和webview组件之间可以互相通信。
S504、原生组件通过通信桥接器,将消息内容和消息模板转发给webview组件。
其中,原生组件可以通过通信桥接器,将解析得到的消息内容和消息模板转发给webview组件,以便于webview组件可以根据消息模板对消息内容进行显示。
S505、webview组件根据消息内容和消息模板进行渲染,在应用程序的图形用户界面中按照消息模板显示消息内容。
其中,webview组件可以处理HTML标签和标签内容,因此webview组件可以根据消息内容和消息模板进行渲染,从而在应用程序的图形用户界面中按照消息模板显示消息内容。
在一种可能的实现方式中,webview组件可以根据消息内容和消息模板进行渲染,在应用程序的图形用户界面中动态的生成对话框,其中,对话框中包括按照消息模板显示的消息内容。
或者还可以以对话框之外的形式,按照消息模板显示消息内容,本实施例对显示消息内容的具体实现方式不做特别限制,只要消息内容的显示是按照消息模板的指示显示的即可。
本申请实施例提供的界面更新方法,包括:获取来自于服务器的第一消息,其中,第一消息包括消息内容以及消息内容对应的消息模板。解析第一消息,得到消息内容和消息模板。在原生组件和webview组件之间建立通信桥接器。原生组件通过通信桥接器,将消息内容和消息模板转发给webview组件。webview组件根据消息内容和消息模板进行渲染,在应用程序的图形用户界面中按照消息模板显示消息内容。通过在原生组件和webview组件之间建立通信桥接器,从而可以将解析得到的消息内容和消息模板转发给webview组件,以使得webview组件可以根据消息模板和消息内容进行渲染,进行消息内容的显示,其中HTML格式的消息模板可以实现动态的更新,而webview组件保证了HTML格式的消息模板可以在图形用户界面中显示,从而能够保证本申请的界面更新方法的可实现性,以有效降低消息模板更新的复杂度。
在上述实施例的基础上,本申请实施例中的第一消息还可以包括消息类型,在一种可能的实现方式中,消息类型例如可以包括:文字、语音、视频、超链接、文件、图片、小程序等,在实际实现过程中,消息类型的实现方式可以根据实际需求进行扩展,凡是可以通过IM聊天应用发送的消息的类型均可以作为本实施例中的消息类型。
则本申请提供的界面更新方法还可以包括:
将所述消息内容对应的消息类型和所述消息内容对应的消息模板,关联保存在所述应用程序中。
在一种可能的实现方式中,若该消息类型是新增的消息类型,在可以将该消息类型和对应的消息模板直接存储在应用程序中,以使得后续再次获取到这种消息类型的消息时,可以直接从本地获取消息模板,以进行消息内容的显示。
在另一种可能的实现方式中,若该消息内容是已有的消息类型,也就是说当前对消息模板的更新是原有的消息模板的替换,则可以将该消息类型和消息模板关联存储在应用程序中,而对该消息类型对应的原有的消息模板进行覆盖,从而可以在后续按照更新后的消息模板显示消息内容。
在本实施例中,通过将消息类型和消息模板关联保存在应用程序中,从而可以将更新的消息模板进行存储,在之后按照更新的消息模板进行消息内容的显示。
在上述实施例的基础上,下面结合图6以一次具体的聊天过程为例,对本申请实施例提供的界面更新方法进行介绍。图6为本申请实施例提供的消息模板的更新示意图。
可以理解的是,应用程序在第一次发布的时候,会在本地打包一个基础的HTML资源文件,该HTML资源文件中可以包括至少一个基础的消息类型以及这些基础的消息类型各自对应的消息模板,跟随应用程序一起发布,因此本实施例中针对基础的消息类型,若无需对其对应的消息模板进行更新,则可以从本地获取对应的消息模板,进行消息内容的显示,例如图6中的文本消息、语音消息、文件消息等,可以直接进行显示。
假设当前存在一个新的消息类型,并且服务器为该消息类型配置了对应的消息模板,则应用程序可以获取来自于服务器的第一消息,该第一消息中包括消息内容和消息模板,应用程序对获取到的第一消息进行解析,可以得到消息内容和消息模板。
因为解析得到了消息模板,则可以确定当前需要对消息模板进行更新,因此应用程序在原生组件和webview组件之间建立通信桥接器,将消息内容和消息模板转发给webview组件,webview组件可以根据消息内容和消息模板进行渲染,从而在图形用户界面中按照消息模板显示消息内容,例如得到了图6中的601所示的对话框。
上述接收第一消息,根据消息内容和消息模板进行渲染,以实现消息模板的更新以及根据更新的消息模板显示消息内容,因为html标签可以支持动态的嵌入,因此上述过程是在应用程序进行消息的收发过程中进行的,因此无需重新进行应用程序的开发、打包、更新等操作,因此本实施例提供的界面更新方法,只要在聊天界面中能及时的获取到消息模板和消息内容,就可以把任何复杂的界面效果在用户无感知的情况下渲染出来,整个过程无需用户进行额外操作,从而降低了消息模板的更新的复杂度。
图7为本申请实施例提供的界面更新装置的结构示意图。如图7所示,该装置70包括:获取模块701、显示模块702以及处理模块703。
获取模块701,用于获取来自于服务器的第一消息,其中,所述第一消息包括消息内容以及所述消息内容对应的消息模板;
显示模块702,用于根据所述消息内容和所述消息模板,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
在一种可能的设计中,所述应用程序包括原生组件和网页浏览webview组件。
在一种可能的设计中,所述装置还包括:处理模块703;
所述处理模块703,用于在所述获取来自于服务器的第一消息之后,解析所述第一消息,得到所述消息内容和所述消息模板;
在所述原生组件和所述webview组件之间建立通信桥接器;
所述原生组件通过所述通信桥接器,将所述消息内容和所述消息模板转发给所述webview组件。
在一种可能的设计中,所述显示模块702具体用于:
所述webview组件根据所述消息内容和所述消息模板进行渲染,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
在一种可能的设计中,所述第一消息还包括所述消息内容对应的消息类型;
所述处理模块703还用于:
将所述消息内容对应的消息类型和所述消息内容对应的消息模板,关联保存在所述应用程序中。
在一种可能的设计中,所述消息模板包括超文本标记语言HTML标签和所述HTML标签对应的标签内容。
本实施例提供的装置,可用于执行上述方法实施例的技术方案,其实现原理和技术效果类似,本实施例此处不再赘述。
图8为本申请实施例提供的界面更新设备的硬件结构示意图,如图8所示,本实施例的界面更新设备80包括:处理器801以及存储器802;其中
存储器802,用于存储计算机执行指令;
处理器801,用于执行存储器存储的计算机执行指令,以实现上述实施例中界面更新方法所执行的各个步骤。具体可以参见前述方法实施例中的相关描述。
可选地,存储器802既可以是独立的,也可以跟处理器801集成在一起。
当存储器802独立设置时,该界面更新设备还包括总线803,用于连接所述存储器802和处理器801。
本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上界面更新设备所执行的界面更新方法。
在本申请所提供的几个实施例中,应该理解到,所揭露的设备和方法,可以通过其它的方式实现。例如,以上所描述的设备实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个模块可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或模块的间接耦合或通信连接,可以是电性,机械或其它的形式。
上述以软件功能模块的形式实现的集成的模块,可以存储在一个计算机可读取存储介质中。上述软件功能模块存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(英文:processor)执行本申请各个实施例所述方法的部分步骤。
应理解,上述处理器可以是中央处理单元(英文:Central Processing Unit,简称:CPU),还可以是其他通用处理器、数字信号处理器(英文:Digital Signal Processor,简称:DSP)、专用集成电路(英文:Application Specific Integrated Circuit,简称:ASIC)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合发明所公开的方法的步骤可以直接体现为硬件处理器执行完成,或者用处理器中的硬件及软件模块组合执行完成。
存储器可能包含高速RAM存储器,也可能还包括非易失性存储NVM,例如至少一个磁盘存储器,还可以为U盘、移动硬盘、只读存储器、磁盘或光盘等。
总线可以是工业标准体系结构(Industry Standard Architecture,ISA)总线、外部设备互连(Peripheral Component,PCI)总线或扩展工业标准体系结构(ExtendedIndustry Standard Architecture,EISA)总线等。总线可以分为地址总线、数据总线、控制总线等。为便于表示,本申请附图中的总线并不限定仅有一根总线或一种类型的总线。
上述存储介质可以是由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。存储介质可以是通用或专用计算机能够存取的任何可用介质。
本领域普通技术人员可以理解:实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时,执行包括上述各方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
Claims (14)
1.一种界面更新方法,其特征在于,包括:
获取来自于服务器的第一消息,其中,所述第一消息包括消息内容以及所述消息内容对应的消息模板;
根据所述消息内容和所述消息模板,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
2.根据权利要求1所述的方法,其特征在于,所述应用程序包括原生组件和网页浏览webview组件。
3.根据权利要求2所述的方法,其特征在于,所述获取来自于服务器的第一消息之后,所述方法还包括:
解析所述第一消息,得到所述消息内容和所述消息模板;
在所述原生组件和所述webview组件之间建立通信桥接器;
所述原生组件通过所述通信桥接器,将所述消息内容和所述消息模板转发给所述webview组件。
4.根据权利要求3所述的方法,其特征在于,所述根据所述消息内容和所述消息模板,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容,包括:
所述webview组件根据所述消息内容和所述消息模板进行渲染,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
5.根据权利要求1所述的方法,其特征在于,所述第一消息还包括所述消息内容对应的消息类型;
所述方法还包括:
将所述消息内容对应的消息类型和所述消息内容对应的消息模板,关联保存在所述应用程序中。
6.根据权利要求1-5任一项所述的方法,其特征在于,所述消息模板包括超文本标记语言HTML标签和所述HTML标签对应的标签内容。
7.一种界面更新装置,其特征在于,包括:
获取模块,用于获取来自于服务器的第一消息,其中,所述第一消息包括消息内容以及所述消息内容对应的消息模板;
显示模块,用于根据所述消息内容和所述消息模板,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
8.根据权利要求7所述的装置,其特征在于,所述应用程序包括原生组件和网页浏览webview组件。
9.根据权利要求8所述的装置,其特征在于,所述装置还包括:处理模块;
所述处理模块,用于在所述获取来自于服务器的第一消息之后,解析所述第一消息,得到所述消息内容和所述消息模板;
在所述原生组件和所述webview组件之间建立通信桥接器;
所述原生组件通过所述通信桥接器,将所述消息内容和所述消息模板转发给所述webview组件。
10.根据权利要求9所述的装置,其特征在于,所述显示模块具体用于:
所述webview组件根据所述消息内容和所述消息模板进行渲染,在应用程序的图形用户界面中按照所述消息模板显示所述消息内容。
11.根据权利要求9所述的装置,其特征在于,所述第一消息还包括所述消息内容对应的消息类型;
所述处理模块还用于:
将所述消息内容对应的消息类型和所述消息内容对应的消息模板,关联保存在所述应用程序中。
12.根据权利要求7-11任一项所述的装置,其特征在于,所述消息模板包括超文本标记语言HTML标签和所述HTML标签对应的标签内容。
13.一种界面更新设备,其特征在于,包括:
存储器,用于存储程序;
处理器,用于执行所述存储器存储的所述程序,当所述程序被执行时,所述处理器用于执行如权利要求1至6中任一所述的方法。
14.一种计算机可读存储介质,其特征在于,包括指令,当其在计算机上运行时,使得计算机执行如权利要求1至6中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010787041.5A CN112286598A (zh) | 2020-08-07 | 2020-08-07 | 界面更新方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010787041.5A CN112286598A (zh) | 2020-08-07 | 2020-08-07 | 界面更新方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112286598A true CN112286598A (zh) | 2021-01-29 |
Family
ID=74420714
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010787041.5A Pending CN112286598A (zh) | 2020-08-07 | 2020-08-07 | 界面更新方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112286598A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108924030A (zh) * | 2018-05-31 | 2018-11-30 | 康键信息技术(深圳)有限公司 | 电子装置、动态配置消息展示方式的方法及存储介质 |
CN110609965A (zh) * | 2018-05-28 | 2019-12-24 | 腾讯科技(深圳)有限公司 | 一种页面显示方法、装置和存储介质 |
CN110727497A (zh) * | 2019-10-22 | 2020-01-24 | 网易(杭州)网络有限公司 | 消息显示方法及装置 |
CN111190591A (zh) * | 2019-09-06 | 2020-05-22 | 腾讯科技(深圳)有限公司 | 界面展示方法、数据处理方法、装置、终端及服务器 |
-
2020
- 2020-08-07 CN CN202010787041.5A patent/CN112286598A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110609965A (zh) * | 2018-05-28 | 2019-12-24 | 腾讯科技(深圳)有限公司 | 一种页面显示方法、装置和存储介质 |
CN108924030A (zh) * | 2018-05-31 | 2018-11-30 | 康键信息技术(深圳)有限公司 | 电子装置、动态配置消息展示方式的方法及存储介质 |
CN111190591A (zh) * | 2019-09-06 | 2020-05-22 | 腾讯科技(深圳)有限公司 | 界面展示方法、数据处理方法、装置、终端及服务器 |
CN110727497A (zh) * | 2019-10-22 | 2020-01-24 | 网易(杭州)网络有限公司 | 消息显示方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107992301B (zh) | 用户界面实现方法、客户端及存储介质 | |
WO2018196617A1 (zh) | 一种页面加载方法、系统、服务器及终端 | |
US10452747B2 (en) | Dynamically formatting scalable vector graphics | |
CN111433743A (zh) | 一种app远程控制方法及相关设备 | |
EP4083849A1 (en) | Document translation method and apparatus, storage medium, and electronic device | |
US11295064B2 (en) | Method for transmitting information at user device side and network device side | |
CN110457609A (zh) | 一种页面处理的方法、装置、计算机设备和存储介质 | |
CN109670132A (zh) | 一种页面绘制方法、装置、终端设备及存储介质 | |
CN114218890A (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
US20060140513A1 (en) | Dynamic image production method and system | |
CN111147354A (zh) | 消息处理方法、装置、设备及存储介质 | |
CN116820635A (zh) | 一种文档块分享方法、装置、系统及存储介质 | |
CN112286598A (zh) | 界面更新方法及装置 | |
CN112163432A (zh) | 翻译方法、翻译装置和电子设备 | |
CN116578795A (zh) | 网页页面的生成方法及装置、存储介质、电子设备 | |
CN115878226A (zh) | 一种h5离线包加载方法及装置 | |
CN115329720A (zh) | 一种文档展示方法、装置、设备及存储介质 | |
CN113110829B (zh) | 多ui组件库数据处理方法及装置 | |
CN112487218B (zh) | 内容处理方法、系统、装置、计算设备和存储介质 | |
KR20050030372A (ko) | 그래픽 아이콘이 포함된 단문 메시지 통신 시스템 | |
CN113297425A (zh) | 文档转换方法、装置、服务器及存储介质 | |
CN111063347B (zh) | 实时语音识别方法、服务端及客户端 | |
CN107977451B (zh) | 在显示页面中添加动态内容的方法、装置和终端设备 | |
CN109725932B (zh) | 一种应用组件的说明文档生成方法和装置 | |
CN112214712A (zh) | 一种浏览器的自动切换方法、装置、存储介质及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |