CN114443108A - 页面更新方法、装置、设备、介质及计算机程序产品 - Google Patents
页面更新方法、装置、设备、介质及计算机程序产品 Download PDFInfo
- Publication number
- CN114443108A CN114443108A CN202210108417.4A CN202210108417A CN114443108A CN 114443108 A CN114443108 A CN 114443108A CN 202210108417 A CN202210108417 A CN 202210108417A CN 114443108 A CN114443108 A CN 114443108A
- Authority
- CN
- China
- Prior art keywords
- page
- target
- resource
- resource management
- management interface
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/65—Updates
- G06F8/656—Updates while running
-
- 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)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种页面更新方法、装置、设备、介质及计算机程序产品。该方法包括显示第一资源管理界面;接收用户对目标页面元素的目标属性的目标关键字字段的编辑输入;响应于所述编辑输入,从多媒体资源系统中获取与所述目标关键字字段对应的目标多媒体资源;根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素;将所述更新后目标页面元素发送至所述可视化引擎,以使所述可视化引擎根据所述更新后目标页面元素,更新所述第一页面。根据本申请实施例能够在需要更新可视化系统显示的页面时避免可视化引擎的重启,实现实时更新。
Description
技术领域
本申请属于数据处理领域,尤其涉及一种页面更新方法、装置、设备、介质及计算机程序产品。
背景技术
现有的可视化系统中显示的页面在进行更新时,对展示数据的当前值以及加工规则的修改可以随时更新,而对其他文本、网页链接、图片和视频等多媒体资源的修改需要对可视化引擎进行重启。
因此,如何在需要更新可视化系统显示的页面时避免可视化引擎的重启,实现实时更新成为目前急需解决的技术问题。
发明内容
本申请实施例提供一种页面更新方法、装置、设备、介质及计算机程序产品,能够在需要更新可视化系统显示的页面时避免可视化引擎的重启,实现实时更新。
第一方面,本申请实施例提供一种页面更新方法,应用于资源管理服务端,所述资源管理服务端分别与资源管理界面、多媒体资源系统以及可视化引擎连接,该方法包括:
显示第一资源管理界面,所述第一资源管理界面中包括预先与资源管理界面绑定的第一页面的页面元素的属性以及与所述属性对应的关键字字段;
接收用户对目标页面元素的目标属性的目标关键字字段的编辑输入;
响应于所述编辑输入,从多媒体资源系统中获取与所述目标关键字字段对应的目标多媒体资源,所述目标多媒体资源包括文本信息、内嵌网页链接、图片和视频音频资源中的至少一种;
根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素;
将所述更新后目标页面元素发送至所述可视化引擎,以使所述可视化引擎根据所述更新后目标页面元素,更新所述第一页面。在一种可能实现的方式中,在根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素之后,所述方法还包括:
在所述第一资源管理界面显示所述目标页面元素的预览画面。
在一种可能实现的方式中,所述第一资源管理界面还包括资源查询控件,所述方法还包括:
接收用户在所述资源查询控件中输入第一多媒体资源查询条件的第二输入;
响应于所述第二输入,查询与所述资源管理界面绑定的页面中历史上传的与所述第一多媒体资源查询条件对应的第一多媒体资源。
在一种可能实现的方式中,在所述响应于第二输入,查询与所述资源管理界面绑定的页面中历史上传的、与所述第一多媒体资源查询条件对应的第一多媒体资源之后,所述方法还包括:
接收用户的第三输入;
响应于所述第三输入,对所述第一多媒体资源进行处理操作,所述处理操作包括将所述第一多媒体资源上传至所述第一页面中、下载所述第一多媒体资源和删除所述第一多媒体资源中的至少一种。
在一种可能实现的方式中,在所述显示第一资源管理界面之前,所述方法还包括:
显示第二资源管理界面,所述第二资源管理界面包括页面的查找控件;
接收用户对所述页面的查找控件的第四输入;
响应于所述第四输入,在所述第二资源管理界面绑定的页面中查找第一页面。
第二方面,本申请实施例提供了一种页面更新装置,应用于资源管理服务端,所述资源管理服务端分别与资源管理界面、多媒体资源系统以及可视化引擎连接,装置包括:
第一显示模块,用于显示第一资源管理界面,所述第一资源管理界面中包括预先与资源管理界面绑定的第一页面的页面元素的属性以及与所述属性对应的关键字字段;
第一接收模块,用于接收用户对目标页面元素的目标属性的目标关键字字段的编辑输入;
第一获取模块,用于响应于所述编辑输入,从多媒体资源系统中获取与所述目标关键字字段对应的目标多媒体资源,所述目标多媒体资源包括文本信息、内嵌网页链接、图片和视频音频资源中的至少一种;
第一更新模块,用于根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素;
第二更新模块,用于将所述更新后目标页面元素发送至所述可视化引擎,以使所述可视化引擎根据所述更新后目标页面元素,更新所述第一页面。
在一种可能实现的方式中,所述装置还包括:
第二显示模块,用于在根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素之后,在所述第一资源管理界面显示所述目标页面元素的预览画面。
第三方面,本申请实施例提供了一种页面更新设备,设备包括:
处理器以及存储有计算机程序指令的存储器;
所述处理器执行所述计算机程序指令时实现如本申请实施例提供的任一项页面更新方法。
第四方面,本申请实施例提供了一种计算机存储介质,所述计算机可读存储介质上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现本申请实施例提供的任一项页面更新方法。
第五方面,本申请实施例提供了一种计算机程序产品,所述计算机程序产品中的指令由电子设备的处理器执行时,使得所述电子设备执行本申请实施例提供的任一项页面更新方法。
本申请实施例的一种页面更新方法、装置、设备、介质及计算机程序产品,将资源管理服务端作为中介分别与资源管理界面、多媒体资源系统以及可视化引擎连接。实现了用户在对资源管理界面中预先绑定的第一页面中页面元素的关键字字段进行编辑输入时,从多媒体资源系统中获取与关键字字段对应的目标多媒体资源,而多媒体资源可以包括页面中的文本信息、内嵌网页链接、图片和视频音频资源中的至少一种,如此根据目标多媒体资源实现了对第一页面中的目标页面元素的实时更新。进一步将更新后目标页面元素发送给可视化引擎,以使可视化引擎完成对其内第一页面的实时更新,进而实时改变可视化引擎显示的第一页面,避不需要对可视化引擎进行重启之后才能实现页面中的文本信息、内嵌网页链接、图片和/或视频音频资源的更新,在更新可视化系统显示的页面时避免可视化引擎的重启,实现实时更新。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例中所需要使用的附图作简单的介绍,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请一个实施例提供的页面更新方法的流程示意图;
图2是本申请一个实施例提供的显示有第一资源管理界面的终端显示界面示意图;
图3是本申请又一个实施例提供的显示有第一资源管理界面的终端显示界面示意图;
图4是本申请一个实施例提供的显示第一页面的终端显示界面示意图;
图5是本申请又一个实施例提供的页面更新方法的流程示意图;
图6是本申请又一个实施例提供的页面更新方法的流程示意图;
图7是本申请一个实施例提供的显示第二资源管理界面的终端显示界面示意图;
图8是本申请又一个实施例提供的页面更新装置的结构示意图;
图9是本申请又一个实施例提供的页面更新设备的结构示意图。
具体实施方式
下面将详细描述本申请的各个方面的特征和示例性实施例,为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及具体实施例,对本申请进行进一步详细描述。应理解,此处所描述的具体实施例仅意在解释本申请,而不是限定本申请。对于本领域技术人员来说,本申请可以在不需要这些具体细节中的一些细节的情况下实施。下面对实施例的描述仅仅是为了通过示出本申请的示例来提供对本申请更好的理解。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本申请技术方案中对数据的获取、存储、使用以及处理等均符合国家法律法规的相关规定。
为了便于对本申请技术方案的理解,首先对本申请实施例中的术语进行介绍:
热更新:即在不需要重启可视化引擎的前提下实时地更新页面中的多媒体资源。
如背景技术所述,现有的可视化系统中显示的页面在进行更新时,需要对可视化引擎进行重启才能完成对页面的更新。
因此,发明人提出将资源管理服务端作为中介分别与资源管理界面、多媒体资源系统以及可视化引擎连接,以实现用户在对资源管理界面中预先绑定的第一页面中页面元素的关键字字段进行编辑输入时,从多媒体资源系统中获取与关键字字段对应的目标多媒体资源,进一步将更新后目标页面元素发送给可视化引擎,以使可视化引擎完成对其内第一页面的实时更新,避免对可视化引擎的重启,实现实时更新。
为了解决现有技术问题,本申请实施例提供了一种页面更新方法、装置、设备及计算机存储介质。下面首先对本申请实施例所提供的页面更新方法进行介绍。
图1示出了本申请一个实施例提供的页面更新方法的流程示意图。该方法可以应用于资源管理服务端,需要说明的是,上述执行主体并不构成对本申请的限定。
如图1所示,本申请实施例提供的页面更新方法,应用于资源管理服务端,可以包括以下步骤:
步骤110,显示第一资源管理界面。
步骤120,接收用户对目标页面元素的目标属性的目标关键字字段的编辑输入。
步骤130,响应于编辑输入,从多媒体资源系统中获取与目标关键字字段对应的目标多媒体资源。
步骤140,根据目标多媒体资源,更新第一页面的目标页面元素,得到更新后目标页面元素。
步骤150,将所述更新后目标页面元素发送至所述可视化引擎,以使所述可视化引擎根据所述更新后目标页面元素,更新所述第一页面。
在本申请实施例中,将资源管理服务端作为中介分别与资源管理界面、多媒体资源系统以及可视化引擎连接。实现了用户在对资源管理界面中预先绑定的第一页面中页面元素的关键字字段进行编辑输入时,从多媒体资源系统中获取与关键字字段对应的目标多媒体资源,而多媒体资源可以包括页面中的文本信息、内嵌网页链接、图片和视频音频资源中的至少一种,如此根据目标多媒体资源实现了对第一页面中的目标页面元素的实时更新。进一步将更新后目标页面元素发送给可视化引擎,以使可视化引擎完成对其内第一页面的实时更新,进而实时改变可视化引擎显示的第一页面,避不需要对可视化引擎进行重启之后才能实现页面中的文本信息、内嵌网页链接、图片和/或视频音频资源的更新,在更新可视化系统显示的页面时避免可视化引擎的重启,实现实时更新。
在一些实施例中,在步骤110中,资源管理服务端分别与资源管理界面、多媒体资源系统以及可视化引擎连接,第一资源管理界面中包括预先与资源管理界面绑定的第一页面的页面元素的属性以及与属性对应的关键字字段,资源管理服务端显示第一资源管理界面。
在一些实施例中,第一资源管理界面可以通过VUE框架搭建形成,VUE具有数据双向绑定、虚拟文档对象模型(Dom)更新、模板组件化的特征,第一页面可以通过Ventuz可视化引擎进行展示,第一资源管理界面中可以预先绑定第一页面的页面元素的属性以及与属性对应的关键字字段,第一页面可以是终端的显示页面,页面元素可以是第一页面中的展示内容,页面元素的属性可以是展示内容的类型,关键字字段可以是与展示内容类型对应的展示内容的具体字段值,其中,页面元素可以是文本信息、内嵌网页链接、图片和视频音频资源中的至少一种。
在一些实施例中,第一资源管理界面还可以绑定第一页面的页面标识、页面元素的标识,页面标识可以是第一页面的名称,页面元素的标识可以是展示内容的位置名称。
作为一个示例,图2是本申请一个实施例提供的显示有第一资源管理界面的终端显示界面示意图,如图2所示,在第一资源管理界面中,第一页面可以是“2号屏-客户页面A”页面,第一页面的页面标识可以是“2号屏-客户页面A”、页面元素的标识“左侧标题”、“左侧图片文字”、“左侧图片”等,页面元素的属性“文本”、“图片”等,以及与“文本”属性对应的“XX企业的第一季度收入”、“XX企业”关键字字段,与“图片”属性对应的“XX企业第一季度收入折线图.JPG”的图片关键字字段,具体的页面元素可以由用户自行设置,在此不做限定。
在一些实施例中,在步骤120中,用户在第一资源管理界面中对第一页面中的特定页面元素进行编辑,资源管理服务端就接收用户对目标页面元素的目标属性的目标关键字字段的编辑输入,编辑操作包括但不限于修改、增加和删除中的至少一者。
在一些实施例中,页面元素可以是第一页面中的展示内容,可以包括第一页面中的文本信息、内嵌网页链接、图片和视频音频资源中的至少一者,页面元素的属性的关键字字段可以由用户进行编辑输入。
作为一个示例,如图2所示,用户可以在“左侧标题”对应的“XX企业的第一季度收入”目标关键字字段中输入“XX企业的第一季度支出”,“左侧图片”对应的“XX企业第一季度收入折线图.JPG”目标关键字字段输入“XX企业第一季度支出折线图.JPG”,“左侧图片文字”对应的“XX企业”目标关键字字段与用户需要的内容一致,可以不进行编辑。
作为一个示例,图3是本申请又一个实施例提供的显示有第一资源管理界面的终端显示界面示意图,根据用户在图2的终端显示界面中进行的编辑输入之后,显示界面如图3所示,此时在第一资源管理界面中,“左侧标题”对应的是“XX企业的第一季度支出”目标关键字字段,“左侧图片”对应的是“XX企业第一季度支出折线图.JPG”目标关键字字段,“左侧图片文字”对应的是“XX企业”目标关键字字段,用户还可以选择音频、视频或者网页链接属性的目标关键字字段进行编辑输入,在此不做限定。
在一些实施例中,在步骤130中,目标多媒体资源包括文本信息、内嵌网页链接、图片和视频音频资源中的至少一种。资源管理服务端响应于编辑输入,从多媒体资源系统中获取与目标关键字字段对应的目标多媒体资源。
在一些实施例中,在多媒体资源系统中,有与目标关键字字段对应的目标多媒体资源,在用户进行编辑输入后,资源管理服务端可以在多媒体资源系统中调取目标多媒体资源。
在一些实施例中,多媒体资源系统中可以对目标多媒体资源进行储存。
示例性的,用户可以进行“XX企业第一季度支出折线图.JPG”目标关键字字段的编辑输入,根据“XX企业第一季度支出折线图.JPG”在多媒体系统中查找与“XX企业第一季度支出折线图.JPG”对应的目标多媒体资源。
在一些实施例中,在步骤140中,资源管理服务端获取到目标多媒体资源后,将第一页面中的目标页面元素替换为对应的目标多媒体资源,得到更新后目标页面元素。
在一些实施例中,由于目标多媒体资源是目标关键字字段对应的资源,在资源管理系统获取目标多媒体资源之后,可以根据目标多媒体资源的目标关键字字段对应的目标页面元素,对第一页面的目标页面元素进行更新,具体的,更新的可以是用户编辑输入的“XX企业的第一季度支出”以及“XX企业第一季度支出折线图.JPG”的图片。
作为一个示例,图4是本申请一个实施例提供的显示第一页面的终端显示界面示意图,如图4所示,“XX企业的第一季度支出”在“左侧标题”显示,XX企业第一季度支出折线图的图片在左侧图片中显示,第一页面还可以显示其他内容,在此不做限定。
在一些实施例中,在步骤140后,还可以包括以下步骤:
在第一资源管理界面显示目标页面元素的预览画面。
在一些实施例中,用户在第一资源管理界面进行目标页面元素的第一输入之后,目标页面元素的预览画面可以在第一资源管理界面中显示。
示例性的,如图3所示,“左侧标题”对应的“XX企业的第一季度支出”可以在预览位置显示预览画面,“左侧图片文字”对应的“XX企业”还可以在预览位置显示预览画面,“左侧图片”对应的“XX企业第一季度支出折线图.JPG”的图片也可以在预览位置显示预览画面,用户可以点击预览画面中的文字查看文字详细信息,用户还可以点击预览画面中的图片查看图片详细信息,当为音频属性对应的预览画面时,用户可以点击对应的音频进行收听,当为视频属性对应的预览画面时,用户可以点击对应的视频进行播放,当为网页链接属性对应的预览画面时,用户可以点击对应的网页链接,然后跳转至对应的网页,具体显示方式以及打开方式在此不做限定。
为了方便用户查找需要更新的页面,图5是本申请又一个实施例提供的页面更新方法的流程示意图。如图5所示,第一资源管理界面还包括资源查询控件,本申请实施例的方法还可以包括以下步骤:
步骤510,接收用户在资源查询控件中输入第一多媒体资源查询条件的第二输入。
步骤520,响应于第二输入,查询与资源管理界面绑定的页面中历史上传的与第一多媒体资源查询条件对应的第一多媒体资源。
在本申请的实施例中,用户通过在资源查询控件中输入目标查询条件的第二输入,可以查询到资源管理界面绑定的页面中历史上传的与第一多媒体资源查询条件对应的第一多媒体资源,如此,用户可以实现查询到页面中历史上传的第一多媒体资源。
在一些实施例中,在步骤510中,接收用户在资源查询控件中输入第一多媒体资源查询条件的第二输入。
在一些实施例中,第一资源管理界面中还包括查询控件,用户的第二输入可以是在查询控件中输入第一多媒体资源查询条件进行查询,具体的,用户可以输入“XX企业第一季度支出”、“XX企业年度支出”等,在此不做限定。
在一些实施例中,在步骤520中,响应于第二输入,查询与资源管理界面绑定的页面中历史上传的与第一多媒体资源查询条件对应的第一多媒体资源。
在一些实施例中,响应于第二输入,查询与第一多媒体资源查询条件对应的第一多媒体资源,第一多媒体资源可以是与资源管理界面绑定的页面中历史上传的资源,资源管理界面可以通过VUE框架搭建形成,VUE具有数据双向绑定、虚拟文档对象模型(Dom)更新、模板组件化的特征,具体的,与资源管理界面绑定的页面可以是“2号屏-客户页面A”页面、“2号屏-客户页面B”页面、“2号屏-客户页面C”页面,用户可以在与资源管理界面绑定的页面中查询第一多媒体资源,第一多媒体资源可以是“2号屏-客户页面B”页面中的“XX企业第一季度支出”折线图,还可以是“2号屏-客户页面C”页面中的“XX企业年度支出”折线图,在此不做限定。
在一些实施例中,在步骤520之后,该方法还可以包括:
接收用户的第三输入。
响应于第三输入,对第一多媒体资源进行处理操作,处理操作包括将所述第一多媒体资源上传至所述第一页面中、下载所述第一多媒体资源和删除所述第一多媒体资源中的至少一种。
在一些实施例中,用户在查询到第一多媒体资源后,可以对第一多媒体资源进行上传的处理操作,然后第一多媒体资源被上传到第一页面,用户还可以对第一多媒体资源进行下载的处理操作,第一多媒体资源可以下载至本地,用户可以对本地的第一多媒体资源进行修改后然后再上传到第一页面,用户还可以将第一多媒体资源进行删除的处理操作。
在一些实施例中,用户查询到“2号屏-客户页面B”页面中的“XX企业第一季度支出”折线图,可以将“XX企业第一季度支出”折线图上传到第一页面“2号屏-客户页面A”页面中,用户查询到“2号屏-客户页面C”页面中的“XX企业年度支出”折线图,可以将“XX企业年度支出”折线图下载至本地,然后再获取“XX企业年度支出”折线图中的XX企业的第一季度支出的信息,进而将修改后的图片上传到第一页面“2号屏-客户页面A”页面中。
为了更好的实现多媒体资源的热更新,图6是本申请又一个实施例提供的页面更新方法的流程示意图。如图6所示,在一些实施例中,在步骤110之前,该方法还可以包括:
步骤610,显示第二资源管理界面,第二资源管理界面包括页面的查找控件。
步骤620,接收用户对页面的查找控件的第四输入。
步骤630,响应于第四输入,在第二资源管理界面绑定的页面中查找第一页面。
在本申请的实施例中,通过对显示在第二资源管理界面中的页面的查找控件,可以查找到第一页面,如此用户可以对第一页面进行编辑输入,然后进行多媒体资源的热更新。
在一些实施例中,在步骤610中,显示第二资源管理界面,第二资源管理界面包括页面的查找控件。
在一些实施例中,可以在终端显示第二资源管理界面,第二资源管理界面可以通过VUE框架搭建形成,VUE具有数据双向绑定、虚拟文档对象模型(Dom)更新、模板组件化的特征,第二资源管理界面中有可以让用户进行查找页面的查找控件,第二资源管理界面中还可以包括权限管理控件,可以通过权限管理功能限制使用第二资源管理界面的用户,避免用户的数据丢失或者被修改。
示例性的,图7是本申请一个实施例提供的显示第二资源管理界面的终端显示界面示意图,如图7所示,第二资源管理界面中有页面的查找控件,查找控件可以有多个“页面标识”、“创建时间”、“创建用户”、和“页面状态”等多个查询条件,第二资源管理页面还可以包括其他内容,在此不做限定。
在一些实施例中,在步骤620中,接收用户对页面的查找控件的第四输入。
在一些实施例中,第四输入可以是用户对页面的查找控件进行查找第一页面的条件,具体的,用户可以输入“2号屏-客户页面”,在此不做限定。
在一些实施例中,在步骤630中,响应于第四输入,在第二资源管理界面绑定的页面中查找第一页面。
在一些实施例中,第二资源管理界面绑定的页面可以是“2号屏-客户页面A”页面,也可以是“2号屏-客户页面B”页面、还可以是“2号屏-客户页面C”页面,响应于用户的第四输入“2号屏-客户页面”,可以在第二资源管理界面绑定的页面查找关于“2号屏-客户页面”页面。
示例性的,如图7所示,用户可以在页面的查找控件中页面标识对应的输入框中输入“2号屏-客户页面”,然后点击搜索进行查找,查找到与第二资源管理界面绑定的“2号屏-客户页面A”页面、“2号屏-客户页面B”页面和“2号屏-客户页面C”页面,进一步的,用户可以根据查找结果进行其他操作。
具体的,上述步骤中的其他相关技术方案可以参见上文步骤110至140的相关描述,此处不做赘述。
在本申请的实施例中,第一资源管理界面、第二资源管理界面以及资源管理界面可以通过Vue框架搭建形成,Vue是一种可以独立完成前后端分离式web前端的JavaScript框架,Vue使用了模型-视图-控制器(Model-view-view-model,MVVM)的设计模式,使数据逻辑层和视图表现层分离,Vue框架具有数据双向绑定、虚拟文档对象模型(Dom)更新、模板组件化的特征,可快速搭建起复杂结构的页面应用。
在本申请的实施例中,第一页面以及其他页面可以由Ventuz可视化引擎进行展示,Ventuz是真三维实时渲染的大屏可视化决策平台,具备多维度信息数据的任意可视化形式的呈现效果、可以对内嵌网页及音视频多媒体资源的高效整合,可应用到多种数据可视化展示场景中。
在本申请的实施例中,可以通过Mysql数据库存储页面以及页面元素对应的关键字字段信息,其中,Mysql数据库是一种建立在关系模型基础上,按照数据结构来组织、存储和管理数据的仓库,每个数据库由若干个数据表组成,数据表提供对存储数据增加删除修改以及查询的接口(API)。
在一些实施例中,在步骤150中,资源管理服务端通过接口与可视化引擎连接,可视化引擎用于显示第一页面,资源管理服务端将更新后目标页面元素通过接口发送给可视化引擎,可视化引擎接收到更新后目标页面元素后,在第一页面中将更新前的目标页面元素替换为对应的更新后目标页面元素,完成第一页面的更新并显示更新后的第一页面。
值得注意的是,资源管理服务端可以实时的将更新后目标页面元素用过接口发送给可视化引擎,也可以是在接收到用户更新可视化引擎显示的第一页面的输入后,响应于该输入将更新后目标页面元素用过接口发送给可视化引擎。
基于上述实施例提供的页面更新的方法,本申请实施例还提供了一种页面更新的装置,如图8所示,该装置应用于资源管理服务端,所述资源管理服务端分别与资源管理界面、多媒体资源系统以及多媒体资源系统以及可视化引擎连接,该装置包括:
第一显示模块810,用于显示第一资源管理界面。第一资源管理界面中包括预先与资源管理界面绑定的第一页面的页面元素的属性以及与属性对应的关键字字段。
第一接收模块820,用于接收用户对目标页面元素的目标属性的目标关键字字段的编辑输入。
第一获取模块830,用于响应于编辑输入,获取多媒体资源系统中与目标关键字字段对应的目标多媒体资源,目标多媒体资源包括文本信息、内嵌网页链接、图片和视频音频资源中的至少一种。
第一更新模块840,用于根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素.
第二更新模块850,用于将所述更新后目标页面元素发送至所述可视化引擎,以使所述可视化引擎根据所述更新后目标页面元素,更新所述第一页面。
在本申请实施例中的装置,实现了用户在对资源管理界面中预先绑定的第一页面中页面元素的关键字字段进行编辑输入时,从多媒体资源系统中获取与关键字字段对应的目标多媒体资源,而多媒体资源可以包括页面中的文本信息、内嵌网页链接、图片和视频音频资源中的至少一种,如此根据目标多媒体资源实现了对第一页面中的目标页面元素的实时更新。进一步将更新后目标页面元素发送给可视化引擎,以使可视化引擎完成对其内第一页面的实时更新,进而实时改变可视化引擎显示的第一页面,避不需要对可视化引擎进行重启之后才能实现页面中的文本信息、内嵌网页链接、图片和/或视频音频资源的更新,在更新可视化系统显示的页面时避免可视化引擎的重启,实现实时更新。
在本申请的实施例中,该装置还可以包括:
第二显示模块,用于在根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素之后,在第一资源管理界面显示目标页面元素的预览画面。
在本申请的实施例中,第一资源管理界面还包括资源查询控件,该装置还可以包括:
第二接收模块,用于接收用户在资源查询控件中输入第一多媒体资源查询条件的第二输入。
查询模块,用于响应于第二输入,查询与资源管理界面绑定的页面中历史上传的与第一多媒体资源查询条件对应的第一多媒体资源。
在本申请的实施例中,该装置还可以包括:
第三接收模块,用于在响应于第二输入,查询与资源管理界面绑定的页面中历史上传的、与第一多媒体资源查询条件对应的第一多媒体资源之后,接收用户的第三输入。
处理操作模块,用于响应于第三输入,对第一多媒体资源进行处理操作,处理操作包括将第一多媒体资源上传至第一页面中、下载第一多媒体资源和删除第一多媒体资源中的至少一种。
在本申请的实施例中,该装置还可以包括:
第三显示模块,用于在显示第一资源管理界面之前,显示第二资源管理界面,第二资源管理界面包括页面的查找控件。
第四接收模块,用于接收用户对页面的查找控件的第四输入。
查找模块,用于响应于第四输入,在第二资源管理界面绑定的页面中查找第一页面。
基于上述实施例提供的方法,本申请还提供了页面更新的电子设备的具体实施方式,图9示出了本申请实施例提供的页面更新的电子设备的结构示意图。
在页面更新设备可以包括处理器901以及存储有计算机程序指令的存储器902。
具体地,上述处理器901可以包括中央处理器(CPU),或者特定集成电路(Application Specific Integrated Circuit,ASIC),或者可以被配置成实施本申请实施例的一个或多个集成电路。
存储器902可以包括用于数据或指令的大容量存储器。举例来说而非限制,存储器902可包括硬盘驱动器(Hard Disk Drive,HDD)、软盘驱动器、闪存、光盘、磁光盘、磁带或通用串行总线(Universal Serial Bus,USB)驱动器或者两个或更多个以上这些的组合。在合适的情况下,存储器902可包括可移除或不可移除(或固定)的介质。在合适的情况下,存储器902可在综合网关容灾设备的内部或外部。在特定实施例中,存储器902是非易失性固态存储器。
存储器可包括只读存储器(ROM),随机存取存储器(RAM),磁盘存储介质设备,光存储介质设备,闪存设备,电气、光学或其他物理/有形的存储器存储设备。因此,通常,存储器包括一个或多个编码有包括计算机可执行指令的软件的有形(非暂态)计算机可读存储介质(例如,存储器设备),并且当该软件被执行(例如,由一个或多个处理器)时,其可操作来执行参考根据本公开的一方面的方法所描述的操作。
处理器901通过读取并执行存储器902中存储的计算机程序指令,以实现上述实施例中的任意一种页面更新方法。
在一个示例中,页面更新设备还可包括通信接口903和总线910。其中,如图9所示,处理器901、存储器902、通信接口903通过总线910连接并完成相互间的通信。
通信接口903,主要用于实现本申请实施例中各模块、装置、单元和/或设备之间的通信。
总线910包括硬件、软件或两者,将在线数据流量计费设备的部件彼此耦接在一起。举例来说而非限制,总线可包括加速图形端口(AGP)或其他图形总线、增强工业标准架构(EISA)总线、前端总线(FSB)、超传输(HT)互连、工业标准架构(ISA)总线、无限带宽互连、低引脚数(LPC)总线、存储器总线、微信道架构(MCA)总线、外围组件互连(PCI)总线、PCI-Express(PCI-X)总线、串行高级技术附件(SATA)总线、视频电子标准协会局部(VLB)总线或其他合适的总线或者两个或更多个以上这些的组合。在合适的情况下,总线910可包括一个或多个总线。尽管本申请实施例描述和示出了特定的总线,但本申请考虑任何合适的总线或互连。
另外,结合上述实施例中的在线数据流量计费方法,本申请实施例可提供一种计算机存储介质来实现。该计算机存储介质上存储有计算机程序指令;该计算机程序指令被处理器执行时实现上述实施例中的任意一种页面更新方法。
需要明确的是,本申请并不局限于上文所描述并在图中示出的特定配置和处理。为了简明起见,这里省略了对已知方法的详细描述。在上述实施例中,描述和示出了若干具体的步骤作为示例。但是,本申请的方法过程并不限于所描述和示出的具体步骤,本领域的技术人员可以在领会本申请的精神后,作出各种改变、修改和添加,或者改变步骤之间的顺序。
以上所述的结构框图中所示的功能块可以实现为硬件、软件、固件或者它们的组合。当以硬件方式实现时,其可以例如是电子电路、专用集成电路(ASIC)、适当的固件、插件、功能卡等等。当以软件方式实现时,本申请的元素是被用于执行所需任务的程序或者代码段。程序或者代码段可以存储在机器可读介质中,或者通过载波中携带的数据信号在传输介质或者通信链路上传送。“机器可读介质”可以包括能够存储或传输信息的任何介质。机器可读介质的例子包括电子电路、半导体存储器设备、ROM、闪存、可擦除ROM(EROM)、软盘、CD-ROM、光盘、硬盘、光纤介质、射频(RF)链路,等等。代码段可以经由诸如因特网、内联网等的计算机网络被下载。
还需要说明的是,本申请中提及的示例性实施例,基于一系列的步骤或者装置描述一些方法或系统。但是,本申请不局限于上述步骤的顺序,也就是说,可以按照实施例中提及的顺序执行步骤,也可以不同于实施例中的顺序,或者若干步骤同时执行。
上面参考根据本公开的实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本公开的各方面。应当理解,流程图和/或框图中的每个方框以及流程图和/或框图中各方框的组合可以由计算机程序指令实现。这些计算机程序指令可被提供给通用计算机、专用计算机、或其它可编程数据处理装置的处理器,以产生一种机器,使得经由计算机或其它可编程数据处理装置的处理器执行的这些指令使能对流程图和/或框图的一个或多个方框中指定的功能/动作的实现。这种处理器可以是但不限于是通用处理器、专用处理器、特殊应用处理器或者现场可编程逻辑电路。还可理解,框图和/或流程图中的每个方框以及框图和/或流程图中的方框的组合,也可以由执行指定的功能或动作的专用硬件来实现,或可由专用硬件和计算机指令的组合来实现。
以上所述,仅为本申请的具体实施方式,所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,上述描述的系统、模块和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。应理解,本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到各种等效的修改或替换,这些修改或替换都应涵盖在本申请的保护范围之内。
Claims (10)
1.一种页面更新方法,其特征在于,应用于资源管理服务端,所述资源管理服务端分别与资源管理界面、多媒体资源系统以及可视化引擎连接,所述方法包括:
显示第一资源管理界面,所述第一资源管理界面中包括预先与资源管理界面绑定的第一页面的页面元素的属性以及与所述属性对应的关键字字段;
接收用户对目标页面元素的目标属性的目标关键字字段的编辑输入;
响应于所述编辑输入,从多媒体资源系统中获取与所述目标关键字字段对应的目标多媒体资源,所述目标多媒体资源包括文本信息、内嵌网页链接、图片和视频音频资源中的至少一种;
根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素;
将所述更新后目标页面元素发送至所述可视化引擎,以使所述可视化引擎根据所述更新后目标页面元素,更新所述第一页面。
2.根据权利要求1所述的方法,其特征在于,在根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素之后,所述方法还包括:
在所述第一资源管理界面显示所述目标页面元素的预览画面。
3.根据权利要求1所述的方法,其特征在于,所述第一资源管理界面还包括资源查询控件,所述方法还包括:
接收用户在所述资源查询控件中输入第一多媒体资源查询条件的第二输入;
响应于所述第二输入,查询与所述资源管理界面绑定的页面中历史上传的与所述第一多媒体资源查询条件对应的第一多媒体资源。
4.根据权利要求3所述的方法,其特征在于,在所述响应于第二输入,查询与所述资源管理界面绑定的页面中历史上传的与所述第一多媒体资源查询条件对应的第一多媒体资源之后,所述方法还包括:
接收用户的第三输入;
响应于所述第三输入,对所述第一多媒体资源进行处理操作,所述处理操作包括将所述第一多媒体资源上传至所述第一页面中、下载所述第一多媒体资源和删除所述第一多媒体资源中的至少一种。
5.根据权利要求1所述的方法,其特征在于,在所述显示第一资源管理界面之前,所述方法还包括:
显示第二资源管理界面,所述第二资源管理界面包括页面的查找控件;
接收用户对所述页面的查找控件的第四输入;
响应于所述第四输入,在所述第二资源管理界面绑定的页面中查找第一页面。
6.一种页面更新装置,其特征在于,应用于资源管理服务端,所述资源管理服务端分别与资源管理界面、多媒体资源系统以及多媒体资源系统以及可视化引擎连接,所述装置包括:
第一显示模块,用于显示第一资源管理界面,所述第一资源管理界面中包括预先与资源管理界面绑定的第一页面的页面元素的属性以及与所述属性对应的关键字字段;
第一接收模块,用于接收用户对目标页面元素的目标属性的目标关键字字段的编辑输入;
第一获取模块,用于响应于所述编辑输入,从多媒体资源系统中获取与所述目标关键字字段对应的目标多媒体资源,所述目标多媒体资源包括文本信息、内嵌网页链接、图片和视频音频资源中的至少一种;
第一更新模块,用于根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素;
第二更新模块,用于将所述更新后目标页面元素发送至所述可视化引擎,以使所述可视化引擎根据所述更新后目标页面元素,更新所述第一页面。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
第二显示模块,用于在根据所述目标多媒体资源,更新所述第一页面的目标页面元素,得到更新后目标页面元素之后,在所述第一资源管理界面显示所述目标页面元素的预览画面。
8.一种页面更新设备,其特征在于,所述设备包括:处理器以及存储有计算机程序指令的存储器;
所述处理器执行所述计算机程序指令时实现如权利要求1-5任意一项所述的页面更新方法。
9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现如权利要求1-5任意一项所述的页面更新方法。
10.一种计算机程序产品,其特征在于,所述计算机程序产品中的指令由电子设备的处理器执行时,使得所述电子设备执行如权利要求1-5任意一项所述的页面更新方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210108417.4A CN114443108A (zh) | 2022-01-28 | 2022-01-28 | 页面更新方法、装置、设备、介质及计算机程序产品 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210108417.4A CN114443108A (zh) | 2022-01-28 | 2022-01-28 | 页面更新方法、装置、设备、介质及计算机程序产品 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114443108A true CN114443108A (zh) | 2022-05-06 |
Family
ID=81371050
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210108417.4A Pending CN114443108A (zh) | 2022-01-28 | 2022-01-28 | 页面更新方法、装置、设备、介质及计算机程序产品 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114443108A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115586897A (zh) * | 2022-09-30 | 2023-01-10 | 花瓣云科技有限公司 | 一种界面编程方法、装置以及相关设备 |
WO2024000955A1 (zh) * | 2022-06-29 | 2024-01-04 | 深圳前海微众银行股份有限公司 | 页面热更新方法、装置、设备及存储介质 |
-
2022
- 2022-01-28 CN CN202210108417.4A patent/CN114443108A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2024000955A1 (zh) * | 2022-06-29 | 2024-01-04 | 深圳前海微众银行股份有限公司 | 页面热更新方法、装置、设备及存储介质 |
CN115586897A (zh) * | 2022-09-30 | 2023-01-10 | 花瓣云科技有限公司 | 一种界面编程方法、装置以及相关设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9348821B2 (en) | Method and system for content management | |
CN114443108A (zh) | 页面更新方法、装置、设备、介质及计算机程序产品 | |
US20200175087A1 (en) | Comment information displaying method, device, electronic device, and computer readable medium | |
CN103914529A (zh) | 搜索展现方法和装置 | |
CN111984597A (zh) | 文件存储方法、装置、设备和介质 | |
CN112487331A (zh) | 页面生成方法和装置、存储介质和电子设备 | |
CN109299352B (zh) | 搜索引擎中网站数据的更新方法、装置和搜索引擎 | |
CN104462590A (zh) | 信息搜索方法及装置 | |
US11294964B2 (en) | Method and system for searching new media information | |
CN113589991A (zh) | 一种文本输入方法、装置、电子设备和存储介质 | |
CN115757400A (zh) | 数据表处理方法、装置、电子设备和计算机可读介质 | |
CN113360106B (zh) | 一种网页打印方法和装置 | |
CN111858581B (zh) | 一种分页查询的方法、装置、存储介质和电子设备 | |
CN111753141B (zh) | 一种数据管理方法及相关设备 | |
CN105354235A (zh) | 一种搜索结果处理方法及装置 | |
CN111367500A (zh) | 数据的处理方法和装置 | |
CN113221572B (zh) | 一种信息处理方法、装置、设备及介质 | |
US20160156693A1 (en) | System and Method for the Management of Content on a Website (URL) through a Device where all Content Originates from a Secured Content Management System | |
CN112100553A (zh) | 一种网页页面配置方法、装置、电子设备及存储介质 | |
CN111460769A (zh) | 文章发布方法、装置、存储介质和电子设备 | |
CN112541149B (zh) | 一种用于手机网页内容的恢复方法和系统 | |
CN105989147A (zh) | 路径的规划方法及装置 | |
CN112540961A (zh) | 一种定位文档中音频文件的方法及装置 | |
CN110928977A (zh) | 语音信息的分享方法、系统、可读存储介质、服务端 | |
CN106777161B (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 |