CN110716783A - 一种前端页面生成、部署方法及装置、存储介质和设备 - Google Patents

一种前端页面生成、部署方法及装置、存储介质和设备 Download PDF

Info

Publication number
CN110716783A
CN110716783A CN201910956071.1A CN201910956071A CN110716783A CN 110716783 A CN110716783 A CN 110716783A CN 201910956071 A CN201910956071 A CN 201910956071A CN 110716783 A CN110716783 A CN 110716783A
Authority
CN
China
Prior art keywords
page
target front
configuration information
end page
layout 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
Application number
CN201910956071.1A
Other languages
English (en)
Inventor
颜峰
陆杰
吴明辉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Miaozhen Information Technology Co Ltd
Miaozhen Systems Information Technology Co Ltd
Original Assignee
Miaozhen Systems Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Miaozhen Systems Information Technology Co Ltd filed Critical Miaozhen Systems Information Technology Co Ltd
Priority to CN201910956071.1A priority Critical patent/CN110716783A/zh
Publication of CN110716783A publication Critical patent/CN110716783A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请实施例提供一种前端页面生成、部署方法及装置、存储介质和设备,所述前端页面生成方法包括:接收来自客户端的页面初始化请求,其中,所述页面初始化请求用于请求所述后端服务器发送待显示的目标前端页面;基于所述页面初始化请求,获取所述目标前端页面对应的通用页面布局模板和页面配置信息,其中,所述页面配置信息与所述通用页面布局模板相匹配;基于所述页面配置信息,通过所述页面布局模板生成所述目标前端页面;将所述目标前端页面发送至所述客户端,以使所述客户端显示出所述目标前端页面。如此,通过通用页面布局模板和页面配置信息来动态生成前端页面,能够实现提高前端页面开发效率。

Description

一种前端页面生成、部署方法及装置、存储介质和设备
技术领域
本申请涉及互联网技术领域,尤其涉及一种前端页面生成、部署方法及装置、存储介质和设备。
背景技术
随着计算机网络技术的飞速发展,为了给用户提供更好地IT(InternetTechnology,互联网技术)软件服务,计算机系统越来越复杂,功能越来越丰富,因而,前端页面的开发需求也越来越大。
目前在进行前端页面的开发时,往往要由前端开发人员与后端开发人员不断地进行沟通及调试来静态地生成每一个前端页面,并将每一个前端页面部署在后端服务器上。但是,由于目前计算机系统中存在着大量布局相似的前端页面,如报表类页面、数据明细类页面、搜索页面、管理页面等,采用目前生成前端页面的方式则不可避免地在开发前端页面时就需要做大量的重复性开发工作,导致前端页面开发效率较低。
发明内容
有鉴于此,本申请实施例提供一种前端页面生成、部署方法及装置、存储介质和设备,通过前端页面对应的通用页面布局模板和各个页面配置信息来动态生成对应的前端页面,如此,在开发布局相似的前端页面时,只需开发通用页面布局模板和页面配置信息,能够提高开发前端页面的效率。
本申请实施例主要提供如下技术方案:
第一方面,本申请实施例提供了一种前端页面生成方法,应用于后端服务器,所述方法包括:接收来自客户端的页面初始化请求,其中,所述页面初始化请求用于请求所述后端服务器发送待显示的目标前端页面;基于所述页面初始化请求,获取所述目标前端页面对应的通用页面布局模板和页面配置信息,其中,所述页面配置信息与所述通用页面布局模板相匹配;基于所述页面配置信息,通过所述页面布局模板生成所述目标前端页面;将所述目标前端页面发送至所述客户端,以使所述客户端显示出所述目标前端页面。
第二方面,本申请实施例提供了一种前端页面部署方法,应用于后端服务器,所述方法包括:在确定用于创建前端页面的前端开发资源接口处于释放状态后,通过调用所述前端开发资源接口,获取预先配置的如上述的目标前端页面对应的通用页面布局模板;基于所述目标前端页面对应的通用页面布局模板,定义所述目标前端页面对应的页面配置信息,其中,所述页面配置信息与所述通用页面布局模板相匹配;将所述目标前端页面对应的通用页面布局模板和所述目标前端页面对应的页面配置信息部署在所述后端服务器上,以使所述后端服务器能够基于所述目标前端页面对应的通用页面布局模板和所述目标前端页面对应的页面配置信息生成所述目标前端页面。
第三方面,本申请实施例提供了一种前端页面生成装置,应用于后端服务器,所述装置包括:接收单元,用于接收来自客户端的页面初始化请求,其中,所述页面初始化请求用于请求所述后端服务器发送待显示的目标前端页面;获取单元,用于基于所述页面初始化请求,获取所述目标前端页面对应的通用页面布局模板和页面配置信息,其中,所述页面配置信息与所述通用页面布局模板相匹配;生成单元,用于基于所述页面配置信息,通过所述页面布局模板生成所述目标前端页面;发送单元,用于将所述目标前端页面发送至所述客户端,以使所述客户端显示出所述目标前端页面。
第四方面,本申请实施例提供了一种前端页面部署装置,应用于后端服务器,所述装置包括:模板获取单元,用于在确定用于创建前端页面的前端开发资源接口处于释放状态后,通过调用所述前端开发资源接口,获取预先配置的如上述的目标前端页面对应的通用页面布局模板;定义单元,用于基于所述目标前端页面对应的通用页面布局模板,定义所述目标前端页面对应的页面配置信息,其中,所述页面配置信息与所述通用页面布局模板相匹配;部署单元,用于将所述目标前端页面对应的通用页面布局模板和所述目标前端页面对应的页面配置信息部署在所述后端服务器上,以使所述后端服务器能够基于所述目标前端页面对应的通用页面布局模板和所述目标前端页面对应的页面配置信息生成所述目标前端页面。
第五方面,本申请实施例提供了一种计算机可读存储介质,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在计算机设备执行上述的前端页面生成方法或上述的前端页面部署方法的步骤。
第六方面,本申请实施例提供了一种计算机设备,所述计算机设备包括:至少一个处理器;以及与所述处理器连接的至少一个存储器、总线;其中,所述处理器、存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行上述的前端页面生成方法或上述的前端页面部署方法的步骤。
本申请实施例提供的前端页面生成、部署方法及装置、存储介质和设备,在后端服务器接收到客户端发送的用于请求后端服务器发送待显示的目标前端页面的页面初始化请求后,后端服务器就可以根据该页面初始化请求,获取到该目标前端页面对应的通用页面布局模板和页面配置信息。接下来,后端服务器就可以基于该页面配置信息,通过该页面布局模板生成客户端所请求的目标前端页面,最后,后端服务器就可以将该目标前端页面发送给客户端,以便客户端显示出该目标前端页面。这样,由于后端服务器是通过目标前端页面对应的页面配置信息和通用页面布局模板来动态生成目标前端页面的,无需预先由开发人员静态生成前端页面,那么,在开发页面布局相似的前端页面的过程中,就无需开发人员一个个地分别重复地开发前端页面,只需要开发出某类型的前端页面所对应的通用页面布局模板和各个前端页面独有的页面配置信息即可,从而,能够大大提高开发前端页面的效率。
本申请的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本申请而了解。本申请的其他优点可通过在说明书、权利要求书以及附图中所描述的方案来实现和获得。
附图说明
附图用来提供对本申请技术方案的理解,并且构成说明书的一部分,与本申请的实施例一起用于解释本申请的技术方案,并不构成对本申请技术方案的限制。
图1为本申请实施例中的前端页面生成方法的流程示意图;
图2A~图2B为前端页面的示意图;
图3为本申请实施例中的前端页面部署方法的流程示意图;
图4为本申请实施例中的前端页面生成装置的结构示意图;
图5为本申请实施例中的前端页面部署装置的结构示意图;
图6为本申请实施例中的计算机设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。
本申请实施例提供一种前端页面生成方法。在实际应用中,该前端页面生成方法应用于后端服务器。图1为本申请实施例中的前端页面生成方法的流程示意图,参见图1所示,该前端页面生成方法可以包括:
S101:接收来自客户端的页面初始化请求;
其中,页面初始化请求用于请求后端服务器发送待显示的目标前端页面。
这里,目标前端页面可以为具有相似页面布局的多个前端页面中的一个。
为了避免后端服务器给客户端返回了错误的前端页面,需要后端服务器能够准确地获取到客户端所请求显示的目标前端页面所对应的通用页面布局模板和页面配置信息,那么,作为示例,客户端在向后端服务器发送页面初始化请求时,可以在该页面初始化请求中携带有目标前端页面所对应的统一资源标识符(Uniform Resource Identifier,URI),以便后端服务器可以基于该目标前端页面对应的URI来获取目标前端页面对应的通用页面布局模板和页面配置信息。
S102:基于页面初始化请求,获取目标前端页面对应的通用页面布局模板和页面配置信息;
其中,页面配置信息与通用页面布局模板相匹配。
这里,通用页面布局模板可用于创建具有相似布局的多个前端页面。在实际应用中,根据添加至通用页面布局模板中的页面配置信息的不同,能够生成不同功能、不同显示样式的具有相似布局的多个前端页面。
举例来说,参见图2A和图2B所示的前端页面,虽然两者显示样式和显示内容不同,但是图2A所示的前端页面和图2B所示的前端页面在页面布局上是非常相似的,其中,根据页面布局可以将图2A所示的前端页面和图2B所示的前端页面均划分为管理页面,此类管理页面在页面布局上均具有:检索项目部分201、显示控件部分202(如检索按钮)、数据明细部分203(如数据表格)、TAB页选项部分204等部分。
在实际应用中,为了后端服务器能够准确地获取到客户端所请求显示的目标前端页面所对应的通用页面布局模板和页面配置信息,客户端在向后端服务器发送页面初始化请求中可以中携带有目标前端页面对应的统一资源标识符,那么,在具体实施过程中,上述S102可以包括以下步骤1021~1022:
步骤1021:从页面初始化请求中获取目标前端页面对应的统一资源标识符;
步骤1022:基于目标前端页面对应的统一资源标识符,获取目标前端页面对应的通用页面布局模板和页面配置信息。
在实际应用中,目标前端页面对应的统一资源标识符可以为能够提供目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息在后端服务器中的路径的字符串,如“http://www.XXX.com/getuserInfo”等;目标前端页面对应的统一资源标识符也可以为能够表示资源名称的字符串,如“XXX.com/getuserInfo”等;目标前端页面对应的统一资源标识符还可以为能够表示目标前端页面所属的类别信息和能够唯一标识目标前端页面的标识信息的字符串,如“managepage:getuserInfo”等。当然,目标前端页面对应的统一资源标识符还可以为其它,这里,本申请实施例不做具体限定。
作为示例,以客户端发送给后端服务器的页面初始化请求中所携带的统一资源标识符是用于表示目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息在后端服务器中的路径的字符串为例,假设目标前端页面对应的统一资源标识符为“http://www.XXX.com/getuserInfo”,那么,后端服务器可以通过直接访问该统一资源标识符即“http://www.XXX.com/getuserInfo”,来获取到目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息。
作为示例,以客户端发送给后端服务器的页面初始化请求中所携带的统一资源标识符为用于表示资源名称的字符串为例,假设目标前端页面对应的统一资源标识符为“XXX.com/getuserInfo”,那么,在后端服务器中部署目标前端页面对应的通用页面布局模板和页面配置信息时,可以预先将目标前端页面对应的统一资源标识符分别与目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息相关联。这样,在后端服务器从客户端发送的页面初始化请求中获取到目标前端页面所对应的统一资源标识符之后,后端服务器就可以根据它们之间的关联关系,从数据库中获取到目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息。
在本申请另一实施例中,上述步骤1022可以包括:基于目标前端页面对应的统一资源标识符,获取目标前端页面对应的类别信息和标识信息;根据目标前端页面对应的类别信息,从预先设置的页面模板库中,获取目标前端页面对应的通用页面布局模板;根据目标前端页面对应的标识信息,从预先设置的页面配置信息库中,获取目标前端页面对应的页面配置信息。
这里,目标前端页面对应的类别信息用于表征目标前端页面所属的前端页面的类型,例如,图2A所示的前端页面和图2B所示的前端页面所属的前端页面类型均为管理页面。
这里,目标前端页面对应的标识信息用于唯一标识该目标前端页面。在实际应用中,可以用数字、字符串等来作为目标前端页面对应的标识信息,这里,本申请实施例不做具体限定。
作为示例,以客户端发送给后端服务器的页面初始化请求中所携带的统一资源标识符为用于表示目标前端页面所属的类别信息和能够唯一标识目标前端页面的标识信息的字符串为例,假设目标前端页面对应的统一资源标识符为“managepage:getuserInfo”,后端服务器可以直接对统一资源标识符进行解析,可以从统一资源标识符中提取出目标前端页面对应的类别信息为“managepage”,并可以从统一资源标识符中提取出目标前端页面对应的标识信息为“getuserInfo”,这样,后端服务器就可以根据类别信息“managepage”,从预先设置的页面模板库中获取该类别信息“managepage”所对应的通用页面布局模板,即目标前端页面所属类别即管理页面所对应的通用页面布局模板,然后将该类别信息“managepage”所对应的通用页面布局模板作为目标前端页面所对应的通用页面布局模板,并可以根据标识信息“getuserInfo”从预先设置的页面配置信息库中获取该标识信息“getuserInfo”所对应的页面配置信息,将该标识信息“getuserInfo”所对应的页面配置信息作为目标前端页面对应的页面配置信息。这样,就获取到了目标前端页面对应的通用页面布局模板和页面配置信息。
在实际应用中,上述目标前端页面对应的页面配置信息可以包括:页面显示数据和页面获取事件。当然,还可以包括其它生成前端页面所需的配置信息,如页面布局所对应的文件地址等,这里,本申请实施例不做具体限定。
举例来说,以目标前端页面的类别为用户管理页面为例,那么,该目标前端页面对应的页面显示数据可以包括:检索项信息(如用户名、性别等)、数据明细信息、检索按钮的属性信息、下载按钮的属性信息等。以目标前端页面为搜索引擎主页为例,那么,该目标前端页面对应的页面显示数据:搜索栏的属性信息、地址栏的属性信息、主页显示图标等。
举例来说,以目标前端页面的类别为用户管理页面为例,那么,该目标前端页面对应的页面获取事件可以包括:检索事件、下载事件等。
S103:基于页面配置信息,通过页面布局模板生成目标前端页面;
S104:将目标前端页面发送至客户端,以使客户端显示出目标前端页面。
作为示例,在后端服务器获取到目标前端页面对应的页面布局模板和页面配置信息后,后端服务器就可以将该页面配置信息匹配添加到页面布局模板中,这样,就可以通过该页面布局模板生成了所需要的目标前端页面。接下来,在后端服务器生成了目标前端页面后,就可以将该目标前端页面发送给客户端。从而,客户端在接收到后端服务器所发送的目标前端页面后,就可以将该目标前端页面渲染出来显示给用户。
举例来说,假设前端页面1和前端页面2具有相似页面布局,均可属于管理页面,并在后端服务器上部署有管理页面对应的通用页面布局X、前端页面1所对应的页面配置信息1以及前端页面2所对应的页面配置信息2,那么,在实际应用中,当客户端发送给后端服务器的页面初始化请求是用于请求前端页面1时,后端服务器可以基于页面配置信息1,通过通用页面布局X动态地生成前端页面1,并将该前端页面1发送给客户端,这样,客户端就可以显示出前端页面1;当客户端发送给后端服务器的页面初始化请求是用于请求前端页面2时,后端服务器可以基于页面配置信息2,通过通用页面布局X动态地生成前端页面2,并将该前端页面2发送给客户端,这样,客户端就可以显示出前端页面2。
在本申请另一实施例中,为了避免在开发前端页面时做大量的重复性开发工作,提高开发效率,在具体实施过程中,在上述S101之后,上述前端页面生成方法还可以包括:在确定用于创建前端页面的前端开发资源接口处于释放状态后,通过调用前端开发资源接口,获取预先配置的目标前端页面对应的通用页面布局模板;基于目标前端页面对应的通用页面布局模板,定义目标前端页面对应的页面配置信息;将目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息部署在后端服务器上。这样,在开发页面布局相似的多个前端页面的过程中,无需一个个地分别重复地开发各个前端页面,而是只用在后端服务器中部署出该类型的前端页面对应的通用页面布局模板和各个前端页面独有的页面配置信息,这样,当客户端向后端服务器请求目标前端页面时,可以由后端服务器基于目标前端页面对应的通用页面布局模板和目标前端页面所对应的页面配置信息,动态地生成目标前端页面。如此,通过后端服务器动态生成前端页面,能够避免进行大量的重复性开发工作,大大提高开发前端页面的效率。此外,还能够减少前端开发人员与后端开发人员开发前端页面时所需的沟通交流时间,更能够在一定程度上再次提高前端页面的开发效率。
至此,便完成了在客户端请求前端页面时,由后端服务器根据前端页面对应的通用页面布局模板和页面配置信息来动态生成前端页面的过程。
由上述内容可知,本申请实施例提供的前端页面生成方法,在后端服务器接收到客户端发送的用于请求后端服务器发送待显示的目标前端页面的页面初始化请求后,后端服务器就可以根据该页面初始化请求,获取到该目标前端页面对应的通用页面布局模板和页面配置信息。接下来,后端服务器就可以基于该页面配置信息,通过该页面布局模板生成客户端所请求的目标前端页面,最后,后端服务器就可以将该目标前端页面发送给客户端,以便客户端显示出该目标前端页面。这样,由于后端服务器是通过目标前端页面对应的页面配置信息和通用页面布局模板来动态生成目标前端页面的,那么,在开发页面布局相似的前端页面的过程中,无需开发人员一个个地分别重复地开发前端页面,只需要开发出某类型的前端页面对应的通用页面布局模板和各个前端页面独有的页面配置信息即可,从而,能够大大提高开发前端页面的效率。此外,还能减少前端开发人员与后端开发人员开发前端页面时所需的沟通交流时间,也能够在一定程度上提高开发效率。
基于同一发明构思,本申请实施例提供一种前端页面部署方法。应用于以下场景:为了避免后端服务器预先生成所有前端页面,提高前端页面的开发效率,可以在开发页面布局相似的前端页面的过程中,只在后端服务器中部署出某类别的前端页面对应的通用页面布局模板和各个前端页面独有的页面配置信息,当客户端向后端服务器请求目标前端页面时,由后端服务器基于目标前端页面对应的通用页面布局模板和页面配置信息,动态地生成该目标前端页面。
图3为本申请实施例中的前端页面部署方法的流程示意图,参见图3所示,该前端页面部署方法可以包括:
S301:在确定用于创建前端页面的前端开发资源接口处于释放状态后,通过调用前端开发资源接口,获取预先配置的目标前端页面对应的通用页面布局模板;
这里,通用页面布局模板可用于创建具有相似布局的多个前端页面。在实际应用中,根据添加至通用页面布局模板中的页面配置信息的不同,能够生成不同功能、不同显示样式的具有相似布局的多个前端页面。其中,目标前端页面可以为具有相似页面布局的多个前端页面中的一个。
作为示例,在开发页面布局相似的多个前端页面的过程中,无需一个个地分别重复地开发各个前端页面,而是可以先由前端开发人员在后端服务器上预先通过调用用于创建前端页面的前端开发资源接口来预先配置出目标前端页面所属类别对应的通用页面布局模板,并释放该前端开发资源接口。这样,在前端开发资源接口处于释放状态后,就可以由后端开发人员对后端服务器进行操作,使得后端服务器通过调用前端开发资源接口,来获取到预先配置的目标前端页面对应的通用页面布局模板,以便接下来根据该通用页面布局模板来定义出目标前端页面所独有的页面配置信息。如此,在开发相似地多个前端页面的过程中,对于前端人员来说只需要预先设置一个通用页面布局模板,后端开发人员就可以基于该通用页面布局模板开发出多个不同的前端页面来满足不同的业务需求,这样,通过前端开发资源接口可以解耦前端开发人员与后端开发人员的相互依赖,前端开发人员与后端开发人员就不需要不停地沟通及调试,减少了沟通成本,而且无需相互等待进行联调,减少了浪费的时间,从而,能够提高开发前端页面的效率。
S302:基于目标前端页面对应的通用页面布局模板,定义目标前端页面对应的页面配置信息;
其中,页面配置信息与通用页面布局模板相匹配。
S303:将目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息部署在后端服务器上,以使后端服务器能够基于目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息生成目标前端页面。
在实际应用中,上述目标前端页面对应的页面配置信息可以包括:页面显示数据和页面获取事件。当然,还可以包括其它生成前端页面所需的配置信息,如页面布局所对应的文件地址等,这里,本申请实施例不做具体限定。
举例来说,以目标前端页面的类别为用户管理页面为例,那么,该目标前端页面对应的页面显示数据可以包括:检索项信息(如用户名、性别等)、数据明细信息、检索按钮的属性信息、下载按钮的属性信息等。以目标前端页面为搜索引擎主页为例,那么,该目标前端页面对应的页面显示数据:搜索栏的属性信息、地址栏的属性信息、主页显示图标等。
举例来说,以目标前端页面的类别为用户管理页面为例,那么,该目标前端页面对应的页面获取事件可以包括:检索事件、下载事件等。
举例来说,假设前端页面1和前端页面2具有相似页面布局,均可属于管理页面,并在后端服务器上部署有管理页面对应的通用页面布局X、前端页面1所对应的页面配置信息1以及前端页面2所对应的页面配置信息2,那么,在实际应用中,当客户端发送给后端服务器的页面初始化请求是用于请求前端页面1时,后端服务器可以基于页面配置信息1,通过通用页面布局X动态地生成前端页面1,并将该前端页面1发送给客户端,这样,客户端就可以显示出前端页面1;当客户端发送给后端服务器的页面初始化请求是用于请求前端页面2时,后端服务器可以基于页面配置信息2,通过通用页面布局X动态地生成前端页面2,并将该前端页面2发送给客户端,这样,客户端就可以显示出前端页面2。
至此,便完成了在开发前端页面时部署前端页面的过程。
由上述内容可知,本申请实施例提供的前端页面部署方法,在开发前端页面的过程中,后端服务器在确定用于创建前端页面的前端开发资源接口处于释放状态后,就可以通过调用该前端开发资源接口,来获取到由前端人员预先配置的目标前端页面对应的通用页面布局模板,接下来,后端服务器可以基于目标前端页面对应的通用页面布局模板,定义出目标前端页面对应的页面配置信息,其中,页面配置信息与通用页面布局模板相匹配;最后,将目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息部署在后端服务器上,以便当客户端向后端服务器请求目标前端页面时,可以由后端服务器基于目标前端页面对应的通用页面布局模板和目标前端页面各自对应的页面配置信息,动态地生成对应的每个前端页面,并将该目标前端页面发送给客户端。这样,在开发页面布局相似的多个前端页面的过程中,通过在后端服务器中部署出该类型的前端页面对应的通用页面布局模板和各个前端页面独有的页面配置信息,并通过后端服务器动态地生成前端页面,无需一个个地分别重复地开发各个前端页面,而是只用开发出,能够避免进行大量的重复性开发工作,大大提高开发前端页面的效率。此外,还能够减少前端开发人员与后端开发人员开发前端页面时所需的沟通交流时间,更能够在一定程度上再次提高前端页面的开发效率。
基于同一发明构思,作为对上述方法的实现,本申请实施例提供了一种前端页面生成装置。在实际应用中,该前端页面生成装置可应用于后端服务器中。图4为本申请实施例中的前端页面生成装置的结构示意图,参见图4所示,该装置40可以包括:接收单元401,用于接收来自客户端的页面初始化请求,其中,页面初始化请求用于请求后端服务器发送待显示的目标前端页面;获取单元402,用于基于页面初始化请求,获取目标前端页面对应的通用页面布局模板和页面配置信息,其中,页面配置信息与通用页面布局模板相匹配;生成单元403,用于基于页面配置信息,通过页面布局模板生成目标前端页面;发送单元404,用于将目标前端页面发送至客户端,以使客户端显示出目标前端页面。
在本申请实施例中,获取单元,用于从页面初始化请求中获取目标前端页面对应的统一资源标识符;基于目标前端页面对应的统一资源标识符,获取目标前端页面对应的通用页面布局模板和页面配置信息。
在本申请实施例中,获取单元,用于基于目标前端页面对应的统一资源标识符,获取目标前端页面对应的类别信息和标识信息;根据类别信息,从预先设置的页面模板库中,获取目标前端页面对应的通用页面布局模板;根据标识信息,从预先设置的页面配置信息库中,获取目标前端页面对应的页面配置信息。
在本申请其它实施例中,上述装置还可以包括:模板获取单元,用于在确定用于创建前端页面的前端开发资源接口处于释放状态后,通过调用前端开发资源接口,获取预先配置的目标前端页面对应的通用页面布局模板;定义单元,用于基于目标前端页面对应的通用页面布局模板,定义目标前端页面对应的页面配置信息;部署单元,用于将目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息部署在后端服务器上。
在本申请实施例中,上述目标前端页面对应的页面配置信息可以包括:页面显示数据和页面获取事件。
基于同一发明构思,作为对上述方法的实现,本申请实施例提供了一种前端页面生成装置。在实际应用中,该前端页面部署装置可应用于后端服务器中。图5为本申请实施例中的前端页面部署装置的结构示意图,参见图5所示,该装置50可以包括:模板获取单元501,用于在确定用于创建前端页面的前端开发资源接口处于释放状态后,通过调用前端开发资源接口,获取预先配置的上述一个或多个实施例中的目标前端页面对应的通用页面布局模板;定义单元502,用于基于目标前端页面对应的通用页面布局模板,定义目标前端页面对应的页面配置信息,其中,页面配置信息与通用页面布局模板相匹配;部署单元503,用于将目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息部署在后端服务器上,以使后端服务器能够基于目标前端页面对应的通用页面布局模板和目标前端页面对应的页面配置信息生成目标前端页面。
基于同一发明构思,本申请实施例提供一种计算机设备。图6为本申请实施例中的计算机设备的结构示意图,参见图6所示,该计算机设备60包括:至少一个处理器61;以及与处理器61连接的至少一个存储器62、总线63;其中,处理器61、存储器62通过总线63完成相互间的通信;处理器61用于调用存储器62中的程序指令,以执行上述一个或多个实施例中的前端页面生成方法或前端页面部署方法的步骤。
相应地,基于同一发明构思,本申请实施例还提供了一种处理器,处理器用于运行程序,其中,程序运行时执行上述一个或多个实施例中的前端页面生成方法或前端页面部署方法的步骤。
上述处理器可由中央处理器(Central Processing Unit,CPU)、微处理器(MicroProcessor Unit,MPU)、数字信号处理器(Digital Signal Processor,DSP)、或现场可编程门阵列(Field Programmable Gate Array,FPGA)等实现。存储器可能包括计算机可读介质中的非永久性存储器,随机存储器(Random Access Memory,RAM)和/或非易失性内存等形式,如只读存储器(Read Only Memory,ROM)或闪存(Flash RAM),存储器包括至少一个存储芯片。
需要说明的是,在本申请实施例中,如果以软件功能模块的形式实现上述一个或多个实施例中的前端页面生成、部署方法,并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本申请各个实施例方法的全部或部分。
相应地,基于同一发明构思,本申请实施例再提供一种计算机可读存储介质,上述计算机可读存储介质包括存储的程序,其中,在程序运行时控制存储介质所在计算机设备执行上述一个或多个实施例中的前端页面生成方法或前端页面部署方法的步骤。
这里需要指出的是:以上装置、计算机设备或计算机可读存储介质实施例的描述,与上述方法实施例的描述是类似的,具有同方法实施例相似的有益效果。对于本申请装置、计算机设备或计算机可读存储介质实施例中未披露的技术细节,请参照本申请方法实施例的描述而理解。
本申请描述了多个实施例,但是该描述是示例性的,而不是限制性的,并且对于本领域的普通技术人员来说显而易见的是,在本申请所描述的实施例包含的范围内可以有更多的实施例和实现方案。尽管在附图中示出了许多可能的特征组合,并在具体实施方式中进行了讨论,但是所公开的特征的许多其它组合方式也是可能的。除非特意加以限制的情况以外,任何实施例的任何特征或元件可以与任何其它实施例中的任何其他特征或元件结合使用,或可以替代任何其它实施例中的任何其他特征或元件。
本申请包括并设想了与本领域普通技术人员已知的特征和元件的组合。本申请已经公开的实施例、特征和元件也可以与任何常规特征或元件组合,以形成由权利要求限定的独特的发明方案。任何实施例的任何特征或元件也可以与来自其它发明方案的特征或元件组合,以形成另一个由权利要求限定的独特的发明方案。因此,应当理解,在本申请中示出和/或讨论的任何特征可以单独地或以任何适当的组合来实现。因此,除了根据所附权利要求及其等同替换所做的限制以外,实施例不受其它限制。此外,可以在所附权利要求的保护范围内进行各种修改和改变。
此外,在描述具有代表性的实施例时,说明书可能已经将方法和/或过程呈现为特定的步骤序列。然而,在该方法或过程不依赖于本文所述步骤的特定顺序的程度上,该方法或过程不应限于所述的特定顺序的步骤。如本领域普通技术人员将理解的,其它的步骤顺序也是可能的。因此,说明书中阐述的步骤的特定顺序不应被解释为对权利要求的限制。此外,针对该方法和/或过程的权利要求不应限于按照所写顺序执行它们的步骤,本领域技术人员可以容易地理解,这些顺序可以变化,并且仍然保持在本申请实施例的精神和范围内。
本领域普通技术人员可以理解,上文中所公开方法中的全部或某些步骤、系统、装置中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。在硬件实施方式中,在以上描述中提及的功能模块/单元之间的划分不一定对应于物理组件的划分;例如,一个物理组件可以具有多个功能,或者一个功能或步骤可以由若干物理组件合作执行。某些组件或所有组件可以被实施为由处理器,如数字信号处理器或微处理器执行的软件,或者被实施为硬件,或者被实施为集成电路,如专用集成电路。这样的软件可以分布在计算机可读介质上,计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的,术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外,本领域普通技术人员公知的是,通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据,并且可包括任何信息递送介质。

Claims (10)

1.一种前端页面生成方法,其特征在于,应用于后端服务器,所述方法包括:
接收来自客户端的页面初始化请求,其中,所述页面初始化请求用于请求所述后端服务器发送待显示的目标前端页面;
基于所述页面初始化请求,获取所述目标前端页面对应的通用页面布局模板和页面配置信息,其中,所述页面配置信息与所述通用页面布局模板相匹配;
基于所述页面配置信息,通过所述页面布局模板生成所述目标前端页面;
将所述目标前端页面发送至所述客户端,以使所述客户端显示出所述目标前端页面。
2.根据权利要求1所述的方法,其特征在于,所述基于所述页面初始化请求,获取所述目标前端页面对应的通用页面布局模板和页面配置信息,包括:
从所述页面初始化请求中获取所述目标前端页面对应的统一资源标识符;
基于所述目标前端页面对应的统一资源标识符,获取所述目标前端页面对应的通用页面布局模板和页面配置信息。
3.根据权利要求2所述的方法,其特征在于,所述基于所述目标前端页面对应的统一资源标识符,获取所述目标前端页面对应的通用页面布局模板和页面配置信息,包括:
基于所述目标前端页面对应的统一资源标识符,获取所述目标前端页面对应的类别信息和标识信息;
根据所述类别信息,从预先设置的页面模板库中,获取所述目标前端页面对应的通用页面布局模板;
根据所述标识信息,从预先设置的页面配置信息库中,获取所述目标前端页面对应的页面配置信息。
4.根据权利要求1所述的方法,其特征在于,在所述接收来自客户端的页面初始化请求之前,所述方法还包括:
在确定用于创建前端页面的前端开发资源接口处于释放状态后,通过调用所述前端开发资源接口,获取预先配置的目标前端页面对应的通用页面布局模板;
基于所述目标前端页面对应的通用页面布局模板,定义所述目标前端页面对应的页面配置信息;
将所述目标前端页面对应的通用页面布局模板和所述目标前端页面对应的页面配置信息部署在所述后端服务器上。
5.根据权利要求1或4所述的方法,其特征在于,所述目标前端页面对应的页面配置信息,包括:页面显示数据和页面获取事件。
6.一种前端页面部署方法,其特征在于,应用于后端服务器,所述方法包括:
在确定用于创建前端页面的前端开发资源接口处于释放状态后,通过调用所述前端开发资源接口,获取预先配置的如权利要求1至5任一项所述的目标前端页面对应的通用页面布局模板;
基于所述目标前端页面对应的通用页面布局模板,定义所述目标前端页面对应的页面配置信息,其中,所述页面配置信息与所述通用页面布局模板相匹配;
将所述目标前端页面对应的通用页面布局模板和所述目标前端页面对应的页面配置信息部署在所述后端服务器上,以使所述后端服务器能够基于所述目标前端页面对应的通用页面布局模板和所述目标前端页面对应的页面配置信息生成所述目标前端页面。
7.一种前端页面生成装置,其特征在于,应用于后端服务器,所述装置包括:
接收单元,用于接收来自客户端的页面初始化请求,其中,所述页面初始化请求用于请求所述后端服务器发送待显示的目标前端页面;
获取单元,用于基于所述页面初始化请求,获取所述目标前端页面对应的通用页面布局模板和页面配置信息,其中,所述页面配置信息与所述通用页面布局模板相匹配;
生成单元,用于基于所述页面配置信息,通过所述页面布局模板生成所述目标前端页面;
发送单元,用于将所述目标前端页面发送至所述客户端,以使所述客户端显示出所述目标前端页面。
8.一种前端页面部署装置,其特征在于,应用于后端服务器,所述装置包括:
模板获取单元,用于在确定用于创建前端页面的前端开发资源接口处于释放状态后,通过调用所述前端开发资源接口,获取预先配置的如权利要求1至5任一项所述的目标前端页面对应的通用页面布局模板;
定义单元,用于基于所述目标前端页面对应的通用页面布局模板,定义所述目标前端页面对应的页面配置信息,其中,所述页面配置信息与所述通用页面布局模板相匹配;
部署单元,用于将所述目标前端页面对应的通用页面布局模板和所述目标前端页面对应的页面配置信息部署在所述后端服务器上,以使所述后端服务器能够基于所述目标前端页面对应的通用页面布局模板和所述目标前端页面对应的页面配置信息生成所述目标前端页面。
9.一种计算机可读存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在计算机设备执行如权利要求1至5任一项所述的前端页面生成方法或者如权利要求6所述的前端页面部署方法的步骤。
10.一种计算机设备,其特征在于,所述计算机设备包括:
至少一个处理器;
以及与所述处理器连接的至少一个存储器、总线;
其中,所述处理器、存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行如权利要求1至5任一项所述的前端页面生成方法或者如权利要求6所述的前端页面部署方法的步骤。
CN201910956071.1A 2019-10-10 2019-10-10 一种前端页面生成、部署方法及装置、存储介质和设备 Pending CN110716783A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910956071.1A CN110716783A (zh) 2019-10-10 2019-10-10 一种前端页面生成、部署方法及装置、存储介质和设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910956071.1A CN110716783A (zh) 2019-10-10 2019-10-10 一种前端页面生成、部署方法及装置、存储介质和设备

Publications (1)

Publication Number Publication Date
CN110716783A true CN110716783A (zh) 2020-01-21

Family

ID=69212303

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910956071.1A Pending CN110716783A (zh) 2019-10-10 2019-10-10 一种前端页面生成、部署方法及装置、存储介质和设备

Country Status (1)

Country Link
CN (1) CN110716783A (zh)

Cited By (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111273906A (zh) * 2020-01-22 2020-06-12 中体彩科技发展有限公司 页面布局生成装置及方法、客户端、服务端
CN111857810A (zh) * 2020-07-30 2020-10-30 上海妙一生物科技有限公司 一种前端开发文件创建方法、装置及电子设备
CN111984259A (zh) * 2020-07-10 2020-11-24 浙江大搜车软件技术有限公司 界面创建方法、装置、设备及存储介质
CN112016014A (zh) * 2020-08-18 2020-12-01 北京达佳互联信息技术有限公司 网页显示、网页资源生成方法、装置、电子设备及介质
CN112115394A (zh) * 2020-08-28 2020-12-22 长沙市到家悠享网络科技有限公司 数据展示方法、服务器、终端和介质
CN112214671A (zh) * 2020-10-09 2021-01-12 百度国际科技(深圳)有限公司 前端页面生成方法、目标用户的确定方法及装置和介质
CN112631588A (zh) * 2020-12-28 2021-04-09 北京五八信息技术有限公司 文件生成方法、装置、电子设备和计算机可读介质
CN112631702A (zh) * 2020-12-24 2021-04-09 金蝶软件(中国)有限公司 页面的处理方法、装置、计算机设备和存储介质
CN112732262A (zh) * 2021-01-22 2021-04-30 湖南金鹰卡通传媒有限公司 移动终端版块动态配置方法、系统以及存储介质
CN112965699A (zh) * 2021-04-12 2021-06-15 中国工商银行股份有限公司 前端页面生成方法、装置、计算机系统和可读存储介质
CN113050941A (zh) * 2021-03-25 2021-06-29 未鲲(上海)科技服务有限公司 前端页面生成方法、装置、设备及计算机可读存储介质
CN113553522A (zh) * 2020-04-24 2021-10-26 北京金山云网络技术有限公司 一种页面显示方法、装置、电子设备及存储介质
CN114925664A (zh) * 2022-06-15 2022-08-19 北京搜房科技发展有限公司 信息录入方法及装置、存储介质及电子设备
CN114995920A (zh) * 2022-08-03 2022-09-02 平安银行股份有限公司 信贷前端页面的配置化方法、计算机设备及可读存储介质
CN112631702B (zh) * 2020-12-24 2024-09-06 金蝶软件(中国)有限公司 页面的处理方法、装置、计算机设备和存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105574207A (zh) * 2016-01-21 2016-05-11 上海谦讯网络科技有限公司 一种wap网页开发方法
CN107066272A (zh) * 2017-03-31 2017-08-18 北京奇艺世纪科技有限公司 一种页面更新方法及装置
CN107818143A (zh) * 2017-10-16 2018-03-20 中国银联股份有限公司 一种页面配置、生成方法及装置
CN109542433A (zh) * 2018-10-17 2019-03-29 深圳壹账通智能科技有限公司 产品页面生成方法、装置、计算机设备及存储介质
CN110007916A (zh) * 2018-12-06 2019-07-12 阿里巴巴集团控股有限公司 业务系统的界面渲染方法、装置和服务器
CN110020388A (zh) * 2018-12-25 2019-07-16 阿里巴巴集团控股有限公司 一种页面展示方法及系统

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105574207A (zh) * 2016-01-21 2016-05-11 上海谦讯网络科技有限公司 一种wap网页开发方法
CN107066272A (zh) * 2017-03-31 2017-08-18 北京奇艺世纪科技有限公司 一种页面更新方法及装置
CN107818143A (zh) * 2017-10-16 2018-03-20 中国银联股份有限公司 一种页面配置、生成方法及装置
CN109542433A (zh) * 2018-10-17 2019-03-29 深圳壹账通智能科技有限公司 产品页面生成方法、装置、计算机设备及存储介质
CN110007916A (zh) * 2018-12-06 2019-07-12 阿里巴巴集团控股有限公司 业务系统的界面渲染方法、装置和服务器
CN110020388A (zh) * 2018-12-25 2019-07-16 阿里巴巴集团控股有限公司 一种页面展示方法及系统

Cited By (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111273906A (zh) * 2020-01-22 2020-06-12 中体彩科技发展有限公司 页面布局生成装置及方法、客户端、服务端
CN113553522A (zh) * 2020-04-24 2021-10-26 北京金山云网络技术有限公司 一种页面显示方法、装置、电子设备及存储介质
CN111984259A (zh) * 2020-07-10 2020-11-24 浙江大搜车软件技术有限公司 界面创建方法、装置、设备及存储介质
CN111857810A (zh) * 2020-07-30 2020-10-30 上海妙一生物科技有限公司 一种前端开发文件创建方法、装置及电子设备
CN112016014B (zh) * 2020-08-18 2023-12-26 北京达佳互联信息技术有限公司 网页显示、网页资源生成方法、装置、电子设备及介质
CN112016014A (zh) * 2020-08-18 2020-12-01 北京达佳互联信息技术有限公司 网页显示、网页资源生成方法、装置、电子设备及介质
CN112115394A (zh) * 2020-08-28 2020-12-22 长沙市到家悠享网络科技有限公司 数据展示方法、服务器、终端和介质
CN112214671A (zh) * 2020-10-09 2021-01-12 百度国际科技(深圳)有限公司 前端页面生成方法、目标用户的确定方法及装置和介质
CN112214671B (zh) * 2020-10-09 2024-09-10 百度国际科技(深圳)有限公司 前端页面生成方法、目标用户的确定方法及装置和介质
CN112631702A (zh) * 2020-12-24 2021-04-09 金蝶软件(中国)有限公司 页面的处理方法、装置、计算机设备和存储介质
CN112631702B (zh) * 2020-12-24 2024-09-06 金蝶软件(中国)有限公司 页面的处理方法、装置、计算机设备和存储介质
CN112631588A (zh) * 2020-12-28 2021-04-09 北京五八信息技术有限公司 文件生成方法、装置、电子设备和计算机可读介质
CN112732262A (zh) * 2021-01-22 2021-04-30 湖南金鹰卡通传媒有限公司 移动终端版块动态配置方法、系统以及存储介质
CN113050941A (zh) * 2021-03-25 2021-06-29 未鲲(上海)科技服务有限公司 前端页面生成方法、装置、设备及计算机可读存储介质
CN112965699B (zh) * 2021-04-12 2024-04-30 中国工商银行股份有限公司 前端页面生成方法、装置、计算机系统和可读存储介质
CN112965699A (zh) * 2021-04-12 2021-06-15 中国工商银行股份有限公司 前端页面生成方法、装置、计算机系统和可读存储介质
CN114925664A (zh) * 2022-06-15 2022-08-19 北京搜房科技发展有限公司 信息录入方法及装置、存储介质及电子设备
CN114995920A (zh) * 2022-08-03 2022-09-02 平安银行股份有限公司 信贷前端页面的配置化方法、计算机设备及可读存储介质

Similar Documents

Publication Publication Date Title
CN110716783A (zh) 一种前端页面生成、部署方法及装置、存储介质和设备
CN106648690B (zh) 一种代码自动生成方法及装置
CN109062563B (zh) 用于生成页面的方法和装置
KR20140119240A (ko) 다중 오픈 api 처리장치 및 방법
CN111538659B (zh) 业务场景的接口测试方法、系统、电子设备和存储介质
JP2019520625A (ja) ヒューマンコンピュータインタラクション方法およびその装置
CN111427577A (zh) 代码处理方法、装置及服务器
CN111225018A (zh) 一种请求报文处理方法、装置和电子设备
US10372760B2 (en) Building queries directed to objects hosted on clouds
JP2016524235A (ja) 検索推奨方法及び装置
CN111538672A (zh) 测试案例分层测试方法、计算机设备及计算机可读存储介质
CN106202440B (zh) 数据处理方法、装置及设备
CN110955449B (zh) 客户端的灰度发布方法及装置
CN111488286A (zh) 一种Android模块独立开发的方法及装置
CN111581578B (zh) 接口请求处理方法和装置
CN113254819B (zh) 一种页面渲染方法、系统、设备和存储介质
CN110781191B (zh) 编排数据的处理方法及服务器
JP2018120576A (ja) ウェブページを生成するための方法及び装置
CN112783842B (zh) 一种日志收集方法和装置
CN104156358B (zh) 一种用于数据库的表的批量读取方法、装置和系统
CN109086145B (zh) 数据生成方法、装置及计算机存储介质
JP2003167734A (ja) 名前対応付け方法及び装置
CN113448985A (zh) 一种api接口生成方法、调用方法、装置及电子设备
CN113821430A (zh) 一种多服务测试方法和装置
CN111400623A (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
RJ01 Rejection of invention patent application after publication

Application publication date: 20200121

RJ01 Rejection of invention patent application after publication