CN114428925A - 页面渲染方法、装置、电子设备和计算机可读介质 - Google Patents
页面渲染方法、装置、电子设备和计算机可读介质 Download PDFInfo
- Publication number
- CN114428925A CN114428925A CN202111644871.3A CN202111644871A CN114428925A CN 114428925 A CN114428925 A CN 114428925A CN 202111644871 A CN202111644871 A CN 202111644871A CN 114428925 A CN114428925 A CN 114428925A
- Authority
- CN
- China
- Prior art keywords
- configuration information
- page
- input box
- information input
- target
- 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
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/951—Indexing; Web crawling techniques
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开的实施例公开了页面渲染方法、装置、电子设备和计算机可读介质。该方法的一具体实施方式包括:响应于接收到作用于目标页面的选择操作,生成对应选择操作的页面请求信息,其中,页面请求信息包括对应目标页面的页面标识;将上述页面请求信息发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息的静态资源文件、动态数据和配置信息;根据静态资源文件、动态数据和配置信息,对目标页面进行渲染。该实施方式避免了与前端服务器和后端服务器的交互,缩短了页面渲染的时间。
Description
技术领域
本公开的实施例涉及计算机技术领域,具体涉及页面渲染方法、装置、电子设备和计算机可读介质。
背景技术
页面搭建,是通过用户(例如,运营人员)所配置的页面元素生成页面的技术,以便快速生成渲染后的页面供用户浏览。目前,在对页面进行渲染时,通常采用的方式为:根据前端服务器返回的相关静态资源文件和后端服务器返回的动态数据,对页面进行渲染。
然而,当采用上述渲染方式时,通常会存在以下技术问题:
第一,页面访问量较多时,与前端服务器和后端服务器的交互容易造成页面渲染的时间较长;
第二,在对页面动态资源文件进行修复或更新时,通常需要修改前端服务器/后端服务器中的页面源代码,导致修复或更新的时间较长,不利于页面的迭代。
发明内容
本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了页面渲染方法、装置、电子设备和计算机可读介质,来解决以上背景技术部分提到的技术问题中的一项或多项。
第一方面,本公开的一些实施例提供了一种页面渲染方法,该方法包括:响应于接收到作用于目标页面的选择操作,生成对应上述选择操作的页面请求信息,其中,上述页面请求信息包括对应上述目标页面的页面标识;将上述页面请求信息发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息的静态资源文件、动态数据和配置信息;根据上述静态资源文件、上述动态数据和上述配置信息,对上述目标页面进行渲染。
可选地,上述服务器包括设置服务器;以及上述配置信息是通过以下步骤得到的:响应于检测到作用于配置页面的选择操作,显示上述配置页面,其中,上述配置页面显示了至少一个配置信息输入框和提交控件,上述至少一个配置信息输入框中的配置信息输入框用于输入以及显示目标用户输入的配置信息,上述提交控件用于将上述目标用户输入至配置信息输入框的配置信息存储至设置服务器中;响应于上述至少一个配置信息输入框中均未显示历史配置信息,以及检测到上述目标用户输入至上述至少一个配置信息输入框中至少一个目标配置信息输入框的目标配置信息,在上述目标配置信息输入框中,显示上述目标配置信息,其中,上述目标配置信息包括页面标识;响应于检测到上述目标用户作用于上述提交控件的选择操作,将上述目标配置信息存储至上述设置服务器中。
可选地,上述显示上述配置页面,还包括:在上述配置页面中显示至少一个输入框删除控件,其中,上述至少一个输入框删除控件中的输入框删除控件对应上述至少一个配置信息输入框中的配置信息输入框,上述至少一个输入框删除控件中的输入框删除控件用于删除对应的配置信息输入框。
可选地,上述显示上述配置页面,还包括:在上述配置页面中显示配置信息输入框增加控件,其中,上述配置信息输入框增加控件用于增加配置信息输入框和对应配置信息输入框的配置信息删除控件。
可选地,上述显示上述配置页面,还包括:响应于检测到作用于上述配置信息输入框增加控件的选择操作,在上述配置页面中,显示对应于上述配置信息输入框增加控件的选择操作的配置信息输入框和配置信息删除控件。
可选地,上述显示上述配置页面,还包括:在上述配置页面中显示图片显示框和对应上述显示图片输入框的图片增加控件,其中,上述图片显示框用于显示上述目标用户输入的图片。
可选地,上述显示上述配置页面,还包括:响应于检测到作用于上述图片增加控件的选择操作,在上述图片显示框中显示上述目标用户输入的图片。
可选地,上述步骤还包括:响应于检测到上述至少一个配置信息输入框中存在显示了历史配置信息的至少一个历史配置信息输入框,以及检测到上述目标用户作用于上述至少一个历史配置信息输入框中的历史配置信息的修改操作,在上述至少一个历史配置信息输入框中显示上述目标用户修改后的配置信息;响应于检测到上述目标用户作用于上述提交控件的选择操作,将修改后的配置信息存储至上述设置服务器中。
可选地,上述服务器还包括前端服务器和后端服务器,在上述前端服务器中配置上述静态资源文件,在上述后端服务器中配置上述动态数据。
第二方面,本公开的一些实施例提供了一种页面渲染装置,装置包括:生成单元,被配置成响应于接收到作用于目标页面的选择操作,生成对应上述选择操作的页面请求信息,其中,上述页面请求信息包括对应上述目标页面的页面标识;发送单元,被配置成将上述页面请求信息发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息的静态资源文件、动态数据和配置信息;渲染单元,被配置成根据上述静态资源文件、上述动态数据和上述配置信息,对上述目标页面进行渲染。
可选地,上述服务器包括设置服务器;以及上述配置信息是通过以下步骤得到的:响应于检测到作用于配置页面的选择操作,显示上述配置页面,其中,上述配置页面显示了至少一个配置信息输入框和提交控件,上述至少一个配置信息输入框中的配置信息输入框用于输入以及显示目标用户输入的配置信息,上述提交控件用于将上述目标用户输入至配置信息输入框的配置信息存储至设置服务器中;响应于上述至少一个配置信息输入框中均未显示历史配置信息,以及检测到上述目标用户输入至上述至少一个配置信息输入框中至少一个目标配置信息输入框的目标配置信息,在上述目标配置信息输入框中,显示上述目标配置信息,其中,上述目标配置信息包括页面标识;响应于检测到上述目标用户作用于上述提交控件的选择操作,将上述目标配置信息存储至上述设置服务器中。
可选地,上述显示上述配置页面,还包括:在上述配置页面中显示至少一个输入框删除控件,其中,上述至少一个输入框删除控件中的输入框删除控件对应上述至少一个配置信息输入框中的配置信息输入框,上述至少一个输入框删除控件中的输入框删除控件用于删除对应的配置信息输入框。
可选地,上述显示上述配置页面,还包括:在上述配置页面中显示配置信息输入框增加控件,其中,上述配置信息输入框增加控件用于增加配置信息输入框和对应配置信息输入框的配置信息删除控件。
可选地,上述显示上述配置页面,还包括:响应于检测到作用于上述配置信息输入框增加控件的选择操作,在上述配置页面中,显示对应于上述配置信息输入框增加控件的选择操作的配置信息输入框和配置信息删除控件。
可选地,上述显示上述配置页面,还包括:在上述配置页面中显示图片显示框和对应上述显示图片输入框的图片增加控件,其中,上述图片显示框用于显示上述目标用户输入的图片。
可选地,上述显示上述配置页面,还包括:响应于检测到作用于上述图片增加控件的选择操作,在上述图片显示框中显示上述目标用户输入的图片。
可选地,上述步骤还包括:响应于检测到上述至少一个配置信息输入框中存在显示了历史配置信息的至少一个历史配置信息输入框,以及检测到上述目标用户作用于上述至少一个历史配置信息输入框中的历史配置信息的修改操作,在上述至少一个历史配置信息输入框中显示上述目标用户修改后的配置信息;响应于检测到上述目标用户作用于上述提交控件的选择操作,将修改后的配置信息存储至上述设置服务器中。
可选地,上述服务器还包括前端服务器和后端服务器,在上述前端服务器中配置上述静态资源文件,在上述后端服务器中配置上述动态数据。
第三方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现上述第一方面任一实现方式所描述的方法。
第四方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现上述第一方面任一实现方式所描述的方法。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的页面渲染方法,缩短了页面渲染的时间。具体来说,容易造成页面渲染的时间较长的原因在于:页面访问量较多时,与前端服务器和后端服务器的交互容易造成页面渲染的时间较长。基于此,本公开的一些实施例的页面渲染方法,首先,响应于接收到作用于目标页面的选择操作,生成对应上述选择操作的页面请求信息。由此,为返回用于渲染目标页面的数据提供了索引支持。然后,将上述页面请求信息发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息的静态资源文件、动态数据和配置信息。由此,可以从预设的服务器中直接获取静态资源文件、动态数据和配置信息,从而避免了与前端服务器和后端服务器的交互,缩短了页面渲染的时间。最后,根据上述静态资源文件、上述动态数据和上述配置信息,对上述目标页面进行渲染。由此,完成了对页面的渲染。从而,避免了与前端服务器和后端服务器的交互,缩短了页面渲染的时间。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,元件和元素不一定按照比例绘制。
图1是本公开的一些实施例的页面渲染方法的一个应用场景的示意图;
图2是根据本公开的页面渲染方法的一些实施例的流程图;
图3是根据本公开的页面渲染方法中生成配置信息的一些实施例的流程图;
图4是根据本公开的页面渲染方法中生成配置信息的另一些实施例的流程图;
图5是根据本公开的页面渲染装置的一些实施例的结构示意图;
图6是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例。相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1是根据本公开一些实施例的页面渲染方法的一个应用场景的示意图。
在图1的应用场景中,首先,计算设备101可以响应于接收到作用于目标页面102的选择操作,生成对应上述选择操作的页面请求信息103。其中,上述页面请求信息103包括对应上述目标页面的页面标识。然后,计算设备101可以将上述页面请求信息103发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息103的静态资源文件104、动态数据105和配置信息106。最后,计算设备101可以根据上述静态资源文件104、上述动态数据105和上述配置信息106,对上述目标页面102进行渲染。
需要说明的是,上述计算设备101可以是硬件,也可以是软件。当计算设备为硬件时,可以实现成多个服务器或终端设备组成的分布式集群,也可以实现成单个服务器或单个终端设备。当计算设备体现为软件时,可以安装在上述所列举的硬件设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解,图1中的计算设备的数目仅仅是示意性的。根据实现需要,可以具有任意数目的计算设备。
继续参考图2,示出了根据本公开的页面渲染方法的一些实施例的流程200。该页面渲染方法,包括以下步骤:
步骤201,响应于接收到作用于目标页面的选择操作,生成对应上述选择操作求的页面请求信息。
在一些实施例中,页面渲染方法的执行主体(例如图1所示的计算设备101)可以响应于接收到作用于目标页面的选择操作,生成对应上述选择操作的页面请求信息。其中,上述页面请求信息包括对应上述目标页面的页面标识。这里,选择操作可以包括但不限于:点击、拨动。这里,页面请求信息可以是指请求服务器返回用于渲染目标页面的数据的请求信息。这里,页面标识可以是指目标页面的地址标识。例如,页面标识可以是统一资源定位符(URL)。
步骤202,将上述页面请求信息发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息的静态资源文件、动态数据和配置信息。
在一些实施例中,上述执行主体可以通过有线连接或无线连接的方式将上述页面请求信息发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息的静态资源文件、动态数据和配置信息。这里,预设的服务器可以是预先存储了静态资源文件、动态数据和配置信息的单一服务器,也可以是分布式服务器。其中,当预设的服务器为分布式服务器时,静态资源文件、动态数据和配置信息分别设置在分布式服务器的不同的子服务器上。这里,动态数据可以是指服务器在运行中发生变化的数据以及在运行中需要输入、输出的数据及在连机操作中要改变的数据。这里,动态数据的类型包括但不限于:json、arraybuffer、blob、document。这里,配置信息可以是指页面中定期更换的资源文件,可以包括但不限于:文本、图片、图标、CSS样式文件。
实践中,当预设的服务器为单一服务器时,上述执行主体可以将页面请求信息发送至预设的服务器中。服务器在收到页面请求信息之后,查找页面请求信息包括的页面标识所对应的静态资源文件、动态数据和配置信息,以及将查找到的对应页面标识的静态资源文件、动态数据和配置信息发送至上述执行主体。
实践中,当预设的服务器为分布式服务器时,可以包含多个子服务器。例如,预设的服务器可以包含前端服务器、后端服务器和设置服务器。这里,设置服务器可以是指用于返回目标页面中定期更换的资源文件的服务器。例如,可以在前端服务器中配置静态资源文件,以及在后端服务器中配置动态数据。在实际的运行过程中,前端服务器在收到页面请求信息之后,查找页面请求信息包括的页面标识所对应的静态资源文件,以及将查找到的对应页面标识的静态资源文件发送至上述执行主体。后端服务器在收到页面请求信息之后,查找页面请求信息包括的页面标识所对应的动态数据,以及将查找到的对应页面标识的动态数据发送至上述执行主体。设置服务器在收到页面请求信息之后,查找页面请求信息包括的页面标识所对应的配置信息,以及将查找到对应页面标识的配置信息发送至上述执行主体。
可选地,在上述前端服务器中配置上述静态资源文件。上述静态资源文件为根据上述页面标识和对应上述目标页面的静态资源信息配置的文件。在上述后端服务器中配置上述动态数据。上述动态数据为根据上述页面标识和对应上述目标页面的页面逻辑所配置的数据。实践中,前端开发人员在根据页面标识开发完成静态资源文件的代码之后,对静态资源文件的代码进行打包和测试,在通过测试之后,部署至前端服务器中。实践中,后端开发人员在根据页面标识开发完成动态数据的代码之后,对动态数据的代码进行打包和测试,在通过测试之后,部署至后端服务器中。
步骤203,根据上述静态资源文件、上述动态数据和上述配置信息,对上述目标页面进行渲染。
在一些实施例中,上述执行主体可以利用上述静态资源文件、上述动态数据和上述配置信息,对上述目标页面进行渲染处理。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的页面渲染方法,缩短了页面渲染的时间。具体来说,容易造成页面渲染的时间较长的原因在于:页面访问量较多时,与前端服务器和后端服务器的交互容易造成页面渲染的时间较长。基于此,本公开的一些实施例的页面渲染方法,首先,响应于接收到作用于目标页面的选择操作,生成对应上述选择操作的页面请求信息。由此,为返回用于渲染目标页面的数据提供了索引支持。然后,将上述页面请求信息发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息的静态资源文件、动态数据和配置信息。由此,可以从预设的服务器中直接获取静态资源文件、动态数据和配置信息,从而避免了与前端服务器和后端服务器的交互,缩短了页面渲染的时间。最后,根据上述静态资源文件、上述动态数据和上述配置信息,对上述目标页面进行渲染。由此,完成了对页面的渲染。从而,避免了与前端服务器和后端服务器的交互,缩短了页面渲染的时间。
进一步参考图3,示出了根据本公开的页面渲染方法中生成配置信息的一些实施例。该生成配置信息的方法,包括以下步骤:
步骤301,响应于检测到作用于配置页面的选择操作,显示上述配置页面。
在一些实施例中,生成配置信息的执行主体可以是指图1所示的计算设备101,也可以是指其他用于生成配置信息的计算设备或设置服务端。这里,可以以计算设备101为执行主体。上述执行主体可以响应于检测到开发人员作用于配置页面的选择操作(例如,点击操作),显示上述配置页面。其中,上述配置页面显示了至少一个配置信息输入框和提交控件。上述至少一个配置信息输入框中的配置信息输入框用于输入以及显示目标用户输入的配置信息。上述提交控件用于将上述目标用户输入至配置信息输入框的配置信息存储至设置服务器中。这里,设置服务器可以是指上述执行主体的服务器。这里,目标用户可以是指开发人员。这里,配置信息可以是指页面中定期更换的资源文件,可以包括但不限于:文本、图片、图标、CSS样式文件。
在一些实施例的一些可选的实现方式中,上述执行主体还可以在上述配置页面中显示至少一个输入框删除控件。其中,上述至少一个输入框删除控件中的输入框删除控件对应上述至少一个配置信息输入框中的配置信息输入框。上述至少一个输入框删除控件中的输入框删除控件用于删除对应的配置信息输入框。
在一些实施例的一些可选的实现方式中,上述执行主体还可以在上述配置页面中显示配置信息输入框增加控件。其中,上述配置信息输入框增加控件可以为用于增加配置信息输入框和对应配置信息输入框的配置信息删除控件。
在一些实施例的一些可选的实现方式中,上述执行主体还可以响应于检测到作用于上述配置信息输入框增加控件的选择操作,在上述配置页面中,显示对应于上述配置信息输入框增加控件的选择操作的配置信息输入框和配置信息删除控件。实践中,上述执行主体可以响应于检测到目标用户作用于上述配置信息输入框增加控件的选择操作,在上述配置页面中增加配置信息输入框和对应配置信息输入框的配置信息删除控件。
在一些实施例的一些可选的实现方式中,上述执行主体还可以在上述配置页面中显示图片显示框和对应上述显示图片输入框的图片增加控件。其中,上述图片显示框可以用于显示上述目标用户输入的图片。这里,图片增加控件可以为用于接收目标用户的选择操作,使得目标用户可以对本地图片进行选择和确认的控件。这里,图片增加控件可以使得在配置页面的图片显示框显示用户所确认和选择的图片。
在一些实施例的一些可选的实现方式中,上述执行主体还可以响应于检测到作用于上述图片增加控件的选择操作,在上述图片显示框中显示上述目标用户输入的图片。
步骤302,响应于上述至少一个配置信息输入框中均未显示历史配置信息,以及检测到上述目标用户输入至上述至少一个配置信息输入框中至少一个目标配置信息输入框的目标配置信息,在上述目标配置信息输入框中,显示上述目标配置信息。
在一些实施例中,上述执行主体可以响应于检测到上述至少一个配置信息输入框中均未显示历史配置信息,以及检测到上述目标用户输入至上述至少一个配置信息输入框中至少一个目标配置信息输入框的目标配置信息,在上述目标配置信息输入框中,显示上述目标配置信息。这里,至少一个目标配置信息输入框中的目标配置信息输入框可以是指目标用户输入配置信息的配置信息输入框。这里,目标用户输入的配置信息可以包括但不限于:文本、图片、图标、CSS样式文件。
步骤303,响应于检测到上述目标用户作用于上述提交控件的选择操作,将上述目标配置信息存储至上述设置服务器中。
在一些实施例中,上述执行主体可以响应于检测到上述目标用户作用于上述提交控件的选择操作,将上述目标配置信息存储至上述设置服务器中。这里,选择操作可以包括但不限于以下中的一项:点击、滑动、拨动。
从图3可以看出,与图2对应的一些实施例的描述相比,图3对应的一些实施例中的流程300的相关内容作为本公开的一个发明点,由此解决了背景技术提及的技术问题二“在对页面动态资源文件进行修复或更新时,通常需要修改前端服务器/后端服务器中的页面源代码,导致修复或更新的时间较长,不利于页面的迭代”。不利于页面的迭代的因素往往如下:在对页面动态资源文件进行修复或更新时,通常需要修改前端服务器/后端服务器中的页面源代码,导致修复或更新的时间较长,不利于页面的迭代。如果解决了上述因素,就能达到有助于页面持续迭代的效果。本公开利用设置服务端配置页面定期变更的资源文件,在对页面动态资源文件进行修复或更新时,可直接在设置服务端中的配置页面对动态资源文件(配置信息)进行修复或更新,避免了修改前端服务器/后端服务器中的页面源代码。从而,降低了对页面动态资源文件进行修复或更新的时间,有助于页面的持续迭代。
进一步参考图4,示出了根据本公开的页面渲染方法中生成配置信息的另一些实施例。该生成配置信息的方法,包括以下步骤:
步骤401,响应于检测到作用于配置页面的选择操作,显示上述配置页面。
步骤402,响应于上述至少一个配置信息输入框中均未显示历史配置信息,以及检测到上述目标用户输入至上述至少一个配置信息输入框中至少一个目标配置信息输入框的目标配置信息,在上述目标配置信息输入框中,显示上述目标配置信息。
步骤403,响应于检测到上述目标用户作用于上述提交控件的选择操作,将上述目标配置信息存储至上述设置服务器中。
在一些实施例中,步骤401-403的具体实现及所带来的技术效果可以参考图3对应的那些实施例中的步骤301-303,在此不再赘述。
步骤404,响应于检测到上述至少一个配置信息输入框中存在显示了历史配置信息的至少一个历史配置信息输入框,以及检测到上述目标用户作用于上述至少一个历史配置信息输入框中的历史配置信息的修改操作,在上述至少一个历史配置信息输入框中显示上述目标用户修改后的配置信息。
在一些实施例中,生成配置信息的执行主体(图1所示的计算设备101或者设置服务端)可以响应于检测到上述至少一个配置信息输入框中存在显示了历史配置信息的至少一个历史配置信息输入框,以及检测到上述目标用户作用于上述至少一个历史配置信息输入框中的历史配置信息的修改操作,在上述至少一个历史配置信息输入框中显示上述目标用户修改后的配置信息。这里,至少一个历史配置信息输入框中的历史配置信息输入框可以是指至少一个配置信息输入框中显示了历史配置信息的配置信息输入框。实践中,上述执行主体可以响应于检测到上述至少一个配置信息输入框中存在显示了历史配置信息的至少一个历史配置信息输入框,以及检测到上述目标用户作用于上述至少一个历史配置信息输入框中的至少一个历史配置信息的修改操作,在上述至少一个历史配置信息输入框中显示上述目标用户修改后的配置信息。例如,检测到目标用户将上述至少一个历史配置信息输入框中的历史配置信息“文本A”替换为“文本B”,在上述至少一个历史配置信息输入框中显示上述目标用户修改后的配置信息“文本B”。
步骤405,响应于检测到上述目标用户作用于上述提交控件的选择操作,将修改后的配置信息存储至上述设置服务器中。
在一些实施例中,上述执行主体可以响应于检测到上述目标用户作用于上述提交控件的选择操作,将修改后的配置信息存储至上述设置服务器中。
从图4可以看出,与图3对应的一些实施例的描述相比,图4对应的一些实施例中的流程400利用设置服务端配置页面定期变更的资源文件,在对页面动态资源文件进行修复或更新时,可直接在设置服务端中的配置页面对动态资源文件(配置信息)进行修复或更新,避免了修改前端服务器/后端服务器中的页面源代码。从而,降低了对页面动态资源文件进行修复或更新的时间,有助于页面的持续迭代。
进一步参考图5,作为对上述各图所示方法的实现,本公开提供了一种页面渲染装置的一些实施例,这些装置实施例与图2所示的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,一些实施例的页面渲染装置500包括:生成单元501、发送单元502和渲染单元503。其中,生成单元501被配置成响应于接收到作用于目标页面的选择操作,生成对应上述选择操作的页面请求信息,其中,上述页面请求信息包括对应上述目标页面的页面标识;发送单元502被配置成将上述页面请求信息发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息的静态资源文件、动态数据和配置信息;渲染单元503被配置成根据上述静态资源文件、上述动态数据和上述配置信息,对上述目标页面进行渲染。
可选地,上述服务器包括设置服务器;以及上述配置信息是通过以下步骤得到的:响应于检测到作用于配置页面的选择操作,显示上述配置页面,其中,上述配置页面显示了至少一个配置信息输入框和提交控件,上述至少一个配置信息输入框中的配置信息输入框用于输入以及显示目标用户输入的配置信息,上述提交控件用于将上述目标用户输入至配置信息输入框的配置信息存储至设置服务器中;响应于上述至少一个配置信息输入框中均未显示历史配置信息,以及检测到上述目标用户输入至上述至少一个配置信息输入框中至少一个目标配置信息输入框的目标配置信息,在上述目标配置信息输入框中,显示上述目标配置信息,其中,上述目标配置信息包括页面标识;响应于检测到上述目标用户作用于上述提交控件的选择操作,将上述目标配置信息存储至上述设置服务器中。
可选地,上述显示上述配置页面,还包括:在上述配置页面中显示至少一个输入框删除控件,其中,上述至少一个输入框删除控件中的输入框删除控件对应上述至少一个配置信息输入框中的配置信息输入框,上述至少一个输入框删除控件中的输入框删除控件用于删除对应的配置信息输入框。
可选地,上述显示上述配置页面,还包括:在上述配置页面中显示配置信息输入框增加控件,其中,上述配置信息输入框增加控件用于增加配置信息输入框和对应配置信息输入框的配置信息删除控件。
可选地,上述显示上述配置页面,还包括:响应于检测到作用于上述配置信息输入框增加控件的选择操作,在上述配置页面中,显示对应于上述配置信息输入框增加控件的选择操作的配置信息输入框和配置信息删除控件。
可选地,上述显示上述配置页面,还包括:在上述配置页面中显示图片显示框和对应上述显示图片输入框的图片增加控件,其中,上述图片显示框用于显示上述目标用户输入的图片。
可选地,上述显示上述配置页面,还包括:响应于检测到作用于上述图片增加控件的选择操作,在上述图片显示框中显示上述目标用户输入的图片。
可选地,上述步骤还包括:响应于检测到上述至少一个配置信息输入框中存在显示了历史配置信息的至少一个历史配置信息输入框,以及检测到上述目标用户作用于上述至少一个历史配置信息输入框中的历史配置信息的修改操作,在上述至少一个历史配置信息输入框中显示上述目标用户修改后的配置信息;响应于检测到上述目标用户作用于上述提交控件的选择操作,将修改后的配置信息存储至上述设置服务器中。
可选地,上述服务器还包括前端服务器和后端服务器,在上述前端服务器中配置上述静态资源文件,在上述后端服务器中配置上述动态数据。
可以理解的是,该装置500中记载的诸单元与参考图2描述的方法中的各个步骤相对应。由此,上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置500及其中包含的单元,在此不再赘述。
下面参考图6,其示出了适于用来实现本公开的一些实施例的电子设备(例如图1中的计算设备101)600的结构示意图。本公开的一些实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM602被安装。在该计算机程序被处理装置601执行时,执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是,本公开的一些实施例中记载的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:响应于接收到作用于目标页面的选择操作,生成对应上述选择操作的页面请求信息,其中,上述页面请求信息包括对应上述目标页面的页面标识;将上述页面请求信息发送至预设的服务器中,以接收上述服务器发送的对应上述页面请求信息的静态资源文件、动态数据和配置信息;根据上述静态资源文件、上述动态数据和上述配置信息,对上述目标页面进行渲染。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在目标用户计算机上执行、部分地在目标用户计算机上执行、作为一个独立的软件包执行、部分在目标用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到目标用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括生成单元、发送单元和渲染单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,渲染单元还可以被描述为“利用上述静态资源文件、上述动态数据和上述配置信息,对上述目标页面进行渲染处理的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上***(SOC)、复杂可编程逻辑设备(CPLD)等等。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (12)
1.一种页面渲染方法,包括:
响应于接收到作用于目标页面的选择操作,生成对应所述选择操作的页面请求信息,其中,所述页面请求信息包括对应所述目标页面的页面标识;
将所述页面请求信息发送至预设的服务器中,以接收所述服务器发送的对应所述页面请求信息的静态资源文件、动态数据和配置信息;
根据所述静态资源文件、所述动态数据和所述配置信息,对所述目标页面进行渲染。
2.根据权利要求1所述的方法,其中,所述服务器包括设置服务器;以及
所述配置信息是通过以下步骤得到的:
响应于检测到作用于配置页面的选择操作,显示所述配置页面,其中,所述配置页面显示了至少一个配置信息输入框和提交控件,所述至少一个配置信息输入框中的配置信息输入框用于输入以及显示目标用户输入的配置信息,所述提交控件用于将所述目标用户输入至配置信息输入框的配置信息存储至设置服务器中;
响应于所述至少一个配置信息输入框中均未显示历史配置信息,以及检测到所述目标用户输入至所述至少一个配置信息输入框中至少一个目标配置信息输入框的目标配置信息,在所述目标配置信息输入框中,显示所述目标配置信息,其中,所述目标配置信息包括页面标识;
响应于检测到所述目标用户作用于所述提交控件的选择操作,将所述目标配置信息存储至所述设置服务器中。
3.根据权利要求2所述的方法,其中,所述显示所述配置页面,还包括:
在所述配置页面中显示至少一个输入框删除控件,其中,所述至少一个输入框删除控件中的输入框删除控件对应所述至少一个配置信息输入框中的配置信息输入框,所述至少一个输入框删除控件中的输入框删除控件用于删除对应的配置信息输入框。
4.根据权利要求2所述的方法,其中,所述显示所述配置页面,还包括:
在所述配置页面中显示配置信息输入框增加控件,其中,所述配置信息输入框增加控件用于增加配置信息输入框和对应配置信息输入框的配置信息删除控件。
5.根据权利要求4所述的方法,其中,所述显示所述配置页面,还包括:
响应于检测到作用于所述配置信息输入框增加控件的选择操作,在所述配置页面中,显示对应于所述配置信息输入框增加控件的选择操作的配置信息输入框和配置信息删除控件。
6.根据权利要求2所述的方法,其中,所述显示所述配置页面,还包括:
在所述配置页面中显示图片显示框和对应所述显示图片输入框的图片增加控件,其中,所述图片显示框用于显示所述目标用户输入的图片。
7.根据权利要求6所述的方法,其中,所述显示所述配置页面,还包括:
响应于检测到作用于所述图片增加控件的选择操作,在所述图片显示框中显示所述目标用户输入的图片。
8.根据权利要求2所述的方法,其中,所述步骤还包括:
响应于检测到所述至少一个配置信息输入框中存在显示了历史配置信息的至少一个历史配置信息输入框,以及检测到所述目标用户作用于所述至少一个历史配置信息输入框中的历史配置信息的修改操作,在所述至少一个历史配置信息输入框中显示所述目标用户修改后的配置信息;
响应于检测到所述目标用户作用于所述提交控件的选择操作,将修改后的配置信息存储至所述设置服务器中。
9.根据权利要求1所述的方法,其中,所述服务器还包括前端服务器和后端服务器,在所述前端服务器中配置所述静态资源文件,在所述后端服务器中配置所述动态数据。
10.一种页面渲染装置,包括:
生成单元,被配置成响应于接收到作用于目标页面的选择操作,生成对应所述选择操作的页面请求信息,其中,所述页面请求信息包括对应所述目标页面的页面标识;
发送单元,被配置成将所述页面请求信息发送至预设的服务器中,以接收所述服务器发送的对应所述页面请求信息的静态资源文件、动态数据和配置信息;
渲染单元,被配置成根据所述静态资源文件、所述动态数据和所述配置信息,对所述目标页面进行渲染。
11.一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-9中任一所述的方法。
12.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-9中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111644871.3A CN114428925A (zh) | 2021-12-29 | 2021-12-29 | 页面渲染方法、装置、电子设备和计算机可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111644871.3A CN114428925A (zh) | 2021-12-29 | 2021-12-29 | 页面渲染方法、装置、电子设备和计算机可读介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114428925A true CN114428925A (zh) | 2022-05-03 |
Family
ID=81310932
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111644871.3A Pending CN114428925A (zh) | 2021-12-29 | 2021-12-29 | 页面渲染方法、装置、电子设备和计算机可读介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114428925A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115437535A (zh) * | 2022-11-08 | 2022-12-06 | 北京德风新征程科技有限公司 | 针对烟草制丝车间的数据处理方法、装置、设备与介质 |
-
2021
- 2021-12-29 CN CN202111644871.3A patent/CN114428925A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115437535A (zh) * | 2022-11-08 | 2022-12-06 | 北京德风新征程科技有限公司 | 针对烟草制丝车间的数据处理方法、装置、设备与介质 |
CN115437535B (zh) * | 2022-11-08 | 2023-09-12 | 北京德风新征程科技股份有限公司 | 针对烟草制丝车间的数据处理方法、装置、设备与介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111459364B (zh) | 图标更新方法、装置和电子设备 | |
CN111163324B (zh) | 信息处理方法、装置和电子设备 | |
CN111596991A (zh) | 交互操作执行方法、装置和电子设备 | |
CN111309304B (zh) | 一种生成idl文件的方法、装置、介质和电子设备 | |
CN110879729A (zh) | 直播间道具配置方法、装置、可读介质及电子设备 | |
CN111596992B (zh) | 导航栏展示方法、装置和电子设备 | |
CN114428925A (zh) | 页面渲染方法、装置、电子设备和计算机可读介质 | |
CN110619101B (zh) | 用于处理信息的方法和装置 | |
CN112367241A (zh) | 消息生成和消息发送方法、装置、设备和计算机可读介质 | |
CN111756953A (zh) | 视频处理方法、装置、设备和计算机可读介质 | |
CN110618811B (zh) | 信息呈现方法和装置 | |
CN113138707B (zh) | 交互方法、装置、电子设备及计算机可读存储介质 | |
CN115470754A (zh) | 数据分析方法、装置、计算机可读介质及电子设备 | |
CN111212296B (zh) | 直播间礼物列表配置方法、装置、介质及电子设备 | |
CN114327453A (zh) | 页面显示方法、装置、设备及存储介质 | |
CN113296771A (zh) | 页面显示方法、装置、设备和计算机可读介质 | |
CN111753238A (zh) | 数据映射方法、装置和电子设备 | |
CN112764629A (zh) | 增强现实界面展示方法、装置、设备和计算机可读介质 | |
CN113971195A (zh) | 同步数据方法、装置、电子设备和介质 | |
CN111240657A (zh) | 用于生成sdk的方法、装置和电子设备 | |
CN111857879B (zh) | 数据处理方法、装置、电子设备和计算机可读介质 | |
CN113157365B (zh) | 程序运行方法、装置、电子设备和计算机可读介质 | |
CN113220293B (zh) | 页面展示方法、装置、电子设备和计算机可读介质 | |
CN111405342B (zh) | 富文本消息显示方法、装置、***、介质和电子设备 | |
CN116886531A (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 |