CN114254232A - 云产品页面生成方法、装置、计算机设备和存储介质 - Google Patents
云产品页面生成方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN114254232A CN114254232A CN202011018440.1A CN202011018440A CN114254232A CN 114254232 A CN114254232 A CN 114254232A CN 202011018440 A CN202011018440 A CN 202011018440A CN 114254232 A CN114254232 A CN 114254232A
- Authority
- CN
- China
- Prior art keywords
- page
- function page
- function
- information
- route
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
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)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种云产品页面生成方法、装置、计算机设备和存储介质。该方法包括:接收云产品页面展示指令,云产品页面展示指令包括初始访问路由;获取云产品页面入口配置文件中的待转换功能页面配置信息;基于待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息包括功能页面标准路由和功能页面生成调用信息;将初始访问路由进行路由转换,得到初始功能页面标准路由;基于功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息;基于初始功能页面生成调用信息进行页面生成,得到云产品初始功能页面。本方法能够提升云产品页面的生成效率,云产品页面可以是云服务器产品页面。
Description
技术领域
本申请涉及互联网技术领域,特别是涉及一种云产品页面生成方法、装置、计算机设备和存储介质。
背景技术
随着互联网技术的发展,出现了云技术,云技术是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来,实现数据的计算、储存、处理和共享的一种托管技术。通常通过云产品页面来使用户管理云技术产品。当开发具有多种功能的云产品页面时,通常通过分布式开发得到每种功能对应的页面然后通过前端路由进行跳转展示,比如,通过传统的iframe作为页面的承载容器,然后分布式开发各个功能页面。然后通过前端路由进行跳转展示。然而,通过iframe作为页面的承载容器进行前端页面分布式开发,然后通过前端路由进行跳转展示的方式会在初始进入云产品页面时,加载所有功能页面关联的所有资源,导致初始云产品页面生成的速度变慢。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提升云产品页面生成效率的云产品页面生成方法、装置、计算机设备和存储介质。
一种云产品页面生成方法,所述方法包括:
接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由;
根据云产品页面展示指令获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息;
基于待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息;
将初始访问路由进行路由转换,得到初始功能页面标准路由;
基于功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息;
基于初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面。
一种云产品页面生成装置,所述装置包括:
指令接收模块,用于接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由;
配置文件获取模块,用于根据云产品页面展示指令获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息;
标准转换模块,用于基于待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息;
路由转换模块,用于将初始访问路由进行路由转换,得到初始功能页面标准路由;
调用信息查找模块,用于基于功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息;
功能页面生成模块,用于基于初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由;
根据云产品页面展示指令获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息;
基于待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息;
将初始访问路由进行路由转换,得到初始功能页面标准路由;
基于功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息;
基于初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由;
根据云产品页面展示指令获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息;
基于待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息;
将初始访问路由进行路由转换,得到初始功能页面标准路由;
基于功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息;
基于初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面。
上述云产品页面生成方法、装置、计算机设备和存储介质,通过在接收云产品页面展示指令时,根据云产品页面展示指令获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息,然后将待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息,然后将初始访问路由进行路由转换,得到初始功能页面标准路由,再从功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息,最后使用初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面,使得在初始功能页面生成时,只需要将待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,从而不需要加载所有功能页面关联的所有资源,减少了初始功能页面加载的时间,提升了云产品页面的生成效率。
附图说明
图1为一个实施例中云产品页面生成方法的应用环境图;
图2为一个实施例中云产品页面生成方法的流程示意图;
图3为一个实施例中确定待转换功能页面配置信息的流程示意图;
图4为另一个实施例中云产品页面生成方法的流程示意图;
图5为一个具体实施例中初始功能页面的页面示意图;
图6为另一个具体实施例中初始功能页面的页面示意图;
图7为一个实施例中生成功能页面菜单列表的流程示意图;
图8为一个具体实施例中生成功能页面菜单列表的流程示意图;
图9为一个具体实施例中配置页面的页面示意图;
图10为一个具体实施例中云产品信息配置页面的页面示意图;
图11为一个具体实施例中生成功能页面菜单列表的示意图;
图12为一个实施例中得到第一功能页面的流程示意图;
图13为一个实施例中得到第二功能页面的流程示意图;
图14为一个实施例中得到第三功能页面的流程示意图;
图15为一个实施例中得到功能页面标准信息的流程示意图;
图16为一个实施例中得到云产品初始功能页面的流程示意图;
图17为一个具体实施例中得到云产品初始功能页面的流程示意图;
图18为一个具体实施例中云产品页面生成方法的流程示意图;
图19为一个具体实施例中云产品页面生成方法的架构示意图;
图20为一个具体实施例中云产品目标页面的示意图;
图21为一个实施例中云产品页面生成装置的结构框图;
图22为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
本申请提供的云产品页面生成方法,可以应用于如图1所示的应用环境中。其中,终端102通过网络与服务器104进行通信。终端102接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由;终端102根据云产品页面展示指令从服务器104获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息;终端102基于待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息;终端102将初始访问路由进行路由转换,得到初始功能页面标准路由;终端102基于功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息;终端102基于初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面。其中,终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备,服务器可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。终端可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等,但并不局限于此。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接,本申请在此不做限制。
在一个实施例中,如图2所示,提供了一种云产品页面生成方法,以该方法应用于图1中的终端为例进行说明,包括以下步骤:
步骤202,接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由。
其中,云产品页面是指管理云产品的页面。该云产品是指可以产品化的云服务,通常包括IAAS((Infrastructure as a Service,即基础设施即服务)、PAAS(Platform as aService,平台即服务)和SAAS(Software-as-a-Service,软件即服务)类型的,具体的云服务可以是比如,云服务器,私有网络,负载均衡及数据库等等。进行产品化以后都可以在云平台上提供给用户使用。云产品页面展示是指需要展示云产品的页面。该云产品可以包括多个云服务功能,每个云服务功能都有对应的功能页面。初始访问路由是指初次访问云产品页面时进入的功能页面对应的页面路由。前端页面路由是指在终端跳转的路由,跳转页面的时候不需要向服务器请求。
具体地,用户可以通过浏览器输入页面方位地址对云产品页面进行访问,该页面访问地址可以是初始访问路由,该页面访问地址中也可以是携带有初始访问路由。终端通过浏览器接收到云产品页面展示指令,云产品页面展示指令中包括初始访问路由。其中,浏览器是指用来检索、展示以及传递Web信息资源的应用程序,比如:百度浏览器、QQ浏览器、火狐浏览器、谷歌浏览器、IE(Internet Explorer)浏览器和搜狗浏览器等等。终端也可以通过云平台应用程序接收到接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由。
步骤204,根据云产品页面展示指令获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息。
其中,功能页面是指云产品中各个云服务功能对应的页面。不同的云服务功能有不同的页面。功能页面配置信息是指预先配置好的生成各个功能页面所需要的配置信息,比如路由、图片资源地址、CSS(层叠样式表,Cascading Style Sheets)文件地址、JS(javascript)文件地址和页面组件地址等等。待转换功能页面配置信息是指需要转换为功能页面标准信息的功能页面配置信息。云产品页面入口配置文件是初次访问云产品页面时获取到的配置文件,后续访问云产品页面时,不需要获取该配置文件。
具体地,终端根据云产品页面展示指令从服务器中下载到云产品页面入口配置文件,该云产品页面入口配置文件中包括待转换功能页面配置信息。在一个实施例中,也可以预先将云产品页面入口配置文件保存到终端内存中,根据云产品页面展示指令从内存中获取到云产品页面入口配置文件,并加载该云产品页面入口配置文件。
步骤206,基于待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息。
其中,待转换功能页面配置信息中包括待转换的原生路由以及待转换的功能页面依赖资源。原生路由是指该功能页面在开发时使用的与标准路由模式不同的路由模式得到的路由。待转换的功能页面依赖资源是指生成该待转换的功能页面所依赖的资源地址,可以是图片资源地址、CSS(层叠样式表,Cascading Style Sheets)文件地址、JS(javascript)文件地址和页面组件地址等等。信息标准化转换是指将各个待转换功能页面的功能页面配置信息转换为统一形式的配置信息,功能页面标准信息是指统一形式的功能页面配置信息,能够被页面渲染时识别的信息。功能页面标准路由是指统一形式的前端页面路由。功能页面生成调用信息是指调用功能页面依赖资源的信息。
具体地,终端将各个待转换功能页面配置信息进行信息标准化转换,得到所有待转换功能页面配置信息对应的功能页面标准信息,将所有待转换功能页面配置信息对应的功能页面标准信息保存到终端内存中以便后续使用,该功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息。
步骤208,将初始访问路由进行路由转换,得到初始功能页面标准路由。
具体地,初始功能页面标准路由是指初始功能页面对应的统一形式的路由。
当初始访问路由需要进行路由转换才能得到对应的初始功能页面生成调用信息时,终端将初始访问路由按照预设映射规则转换为统一形式的标准路由,得到初始功能页面标准路由。该预设映射规则是指预先设置好的将前端页面路由转换为统一形式的路由的规则。也可所以使用预先定义的转换函数将初始访问路由转换初始功能页面标准路由。
步骤210,基于功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息。
其中,初始功能页面生成调用信息是指初始功能页面对应的功能页面生成调用信息。
具体地,终端使用初始功能页面标准路由从各个功能页面标准信息中匹配一致的功能页面标准路由,当查找到一致的功能页面标准路由时,将一致的功能页面标准路由对应的功能页面生成调用信息作为初始功能页面生成调用信息。
步骤212,基于初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面。
具体地,终端通过初始功能页面生成调用信息从服务器中进行信息调用,然而进行页面渲染,生成云产品初始功能页面并进行展示。
上述云产品页面生成方法,通过在接收云产品页面展示指令时,根据云产品页面展示指令获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息,然后将待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息,然后将初始访问路由进行路由转换,得到初始功能页面标准路由,再从功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息,最后使用初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面,使得在初始功能页面生成时,只需要将待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,从而不需要加载所有功能页面关联的所有资源,减少了初始功能页面加载的时间,提升了云产品页面的生成效率。
在一个实施例中,如图3所述,在步骤S202之前,即在接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由之前,还包括:
步骤302,获取各个功能页面配置信息,各个功能页面配置信息中包括各个功能页面接入方式信息。
其中,各个功能页面配置信息是指该云产品所有的功能页面对应的功能页面配置信息。功能页面接入方式信息是指该功能页面接入该云产品的方式,可以是JS接入、Iframe(html的内联框架元素,可以嵌入一个外部的页面)接入等等。其中,接入是指使用何种方式获取到服务器中的数据。不同的功能页面配置信息可以有不同的功能页面接入方式信息,也可以有相同的功能页面接入方式信息。
具体地,终端预先获取到各个功能页面配置信息,该各个功能页面配置信息中包括各个功能页面接入方式信息。
步骤304,基于各个功能页面接入方式信息从各个功能页面配置信息中确定待转换功能页面配置信息。
步骤306,将待转换功能页面配置信息写入云产品页面入口配置文件中。
具体地,终端根据各个功能页面接入方式信息从各个功能页面配置信息中确定待转换功能页面配置信息。其中,预先设置好那些功能页面接入方式信息需要将对应的功能页面配置信息进行转换。在一个实施例中,可以根据开发功能页面时使用的前端框架从各个功能页面配置信息中确定待转换功能页面配置信息。比如,使用通用框架的功能页面配置信息为待转换功能页面配置信息,通用框架可以是vue框架(一套构建用户界面的渐进式框架)、React(是一个用于构建用户界面的JAVASCRIPT库)框架等等。然后,终端将待转换功能页面配置信息写入云产品页面入口配置文件中进行保存。
在一个实施例中,开发人员开发完成各个功能页面时,会将功能页面配置信息提供给开发管理终端,管理人员获取到功能页面配置信息进行云产品页面入口配置文件的配置。
在上述实施例中,终端可以是基于各个功能页面接入方式信息从各个功能页面配置信息中确定待转换功能页面配置信息,从而得到云产品页面入口配置文件中,方便快捷。
在一个实施例中,云产品页面入口配置文件还包括功能页面菜单列表;
如图4所示,在步骤S210之后,即在基于初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面之后,还包括:
步骤402,加载功能页面菜单列表,得到功能页面菜单列表;功能页面菜单列表中各个功能页面是通过不同的开发模式开发得到的。
其中,功能页面菜单列表是指云产品对应的各个功能页面的菜单列表,该功能页面菜单列表是预先配置到云产品页面入口配置文件中的,该功能页面菜单列表可以是功能页面对应的功能名称的列表。开发模式是指该功能页面在开发时使用的前端框架,每个功能页面是独立的,该各个功能页面是分布式开发的。不同的团体可以使用不同的前端开发框架来开发功能页面,可以同时使用新旧技术栈开发该云产品中的功能页面,从而使旧技术开发的功能页面不用重构。
具体地,终端加载云产品页面入口配置文件中配置的功能页面菜单列表,得到功能页面菜单列表。
在一个实施例中,该云产品的各个功能页面中包括有其他云产品的功能页面,比如,云服务器的各个功能页面中包括有云存储、私有网络的功能页面,从而方便用户在一个云产品的页面中完成网络、存储的相关操作,提升了云产品页面使用的灵活性。比如,将CBS(云硬盘),云硬盘是对存储进行了云化,也可与云服务器产品一同管理,即将云硬盘的部分功能页面融合到CVM(云服务器)功能中,从而可以实现管理的便利性。云产品的各个功能前端页面是不同的开发人员使用不同的技术栈进行子模块开发,然后进行功能组合得到的。
步骤404,基于功能页面菜单列表和云产品初始功能页面得到云产品目标页面。
具体地,云产品目标页面是指包括有功能页面菜单列表和云产品初始功能页面的页面。其中,功能页面菜单列表的位置可以在云产品目标页面的左侧,云产品初始功能页面的位置在云产品目标页面的右侧。在一个具体的实施例中,如图5所示,云产品的初始功能页面为功能1页面,此时,功能页面菜单列表在左侧,功能1页面在右侧。其中,功能页面菜单列表的位置可以在云产品目标页面的上侧,云产品初始功能页面的位置在云产品目标页面的下侧。在一个具体的实施例中,如图6所示,云产品的初始功能页面为功能1页面,此时,功能页面菜单列表在上侧,功能1页面在下侧。其中,功能页面菜单列表的位置可以在云产品目标页面的下侧,云产品初始功能页面的位置在云产品目标页面的上侧。功能页面菜单列表的位置可以在云产品目标页面的右侧,云产品初始功能页面的位置在云产品目标页面的左侧。该功能页面菜单列表的位置和云产品初始功能页面的位置在云产品目标页面中的位置不做限定,只要功能页面菜单列表的位置与云产品初始功能页面的位置未重叠即可。用户点击功能页面菜单列表中的功能页面即可进入对应的功能页面。
在上述实施例中,通过加载功能页面菜单列表,进而基于功能页面菜单列表和云产品初始功能页面得到云产品目标页面,从而方便用户使用,提高了效率。
在一个实施例中,如图7所示,在步骤S202之前,即在接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由之前,还包括:
步骤702,获取各个功能页面配置信息,功能页面配置信息中包括功能页面访问路由。
其中,功能页面访问路由是指访问该功能页面时使用的前端页面路由。该功能页面访问路由的形式可以与标准路由的形式一致,也可以与标准路由的形式不一致。
具体地,终端获取到各个功能页面配置信息,该功能页面配置信息中包括功能页面访问路由。
步骤704,将各个功能页面访问路由进行组合,得到云产品组合路由。
其中,进行组合是指将各个功能页面访问路由进行拼接。云产品组合路由是指将云产品各个功能页面访问路由进行拼接后得到的路由信息。
具体地,终端将各个功能页面访问路由依次进行拼接,得到拼接后的路由信息即为云产品组合路由。其中,可以将各个功能页面访问路由直接拼接得到云产品组合路由,也可以使用预设的间隔字符进行间隔后将各个功能页面访问路由依次进行拼接等等。
步骤706,获取基础功能页面菜单列表和云产品标识,根据云产品标识、云产品组合路由和基础功能页面菜单列表生成功能页面菜单列表,并将功能页面菜单列表写入云产品页面入口配置文件中。
其中,基础功能页面菜单列表是指预先设置好的功能页面菜单列表模板。功能页面菜单列表模板中包括有每个功能页面对应的功能名称。云产品标识用于标识云产品,可以是云产品的名称。
具体地,终端获取到基础功能页面菜单列表和云产品标识,将云产品组合路由中每个功能页面访问路由与基础功能页面菜单列表中的功能名称关联,从而生成功能页面菜单列表。然后将功能页面菜单列表写入云产品页面入口配置文件中。
在一个具体的实施例中,如图8所示,为生成功能页面菜单列表的逻辑示意图,具体来说:用户可以通过如图9所示的配置信息配置各个功能页面配置信息,比如,路由key,产品名称、接入方式、路由信息等等。其中,vmm前端页面模块使用用腾讯云的tea1框架开发的,比如主机管理、镜像管理等前端页面模块。Vmmoss前端页面模块是使用腾讯云的旧的bee.js框架开发。prm前端页面模块由传统的php,jquery等技术栈开发,使用iframe进行组合接入,比如运维管理前端页面模块。hosttype前端页面是使用新的tea2框架重构开发的,比如日志链路前端页面。即一个云产品是由多个功能页面分别开发进行组合得到的。然后完成配置后,终端将每个功能页面关联对应的资源,比如iframe接入的功能页面可以关联的是一个可访问的页面地址,js接入的功能页面可以关联的是一个独立的js或者是一个js,css资源,图片资源都打包好的大js资源。hash路由接入的功能页面可以关联的是一系列按需加载js,css等资源信息。实际可以有更多的框架接入方式。进行配置信息的生成,生成各个功能页面配置信息。同时将各个功能页面的访问路由进行组合,得到云产品组合路由。然后,得到如图10所示的云产品信息配置页面,在该页面中显示有云产品组合路由。还可以展示该云产品的版本id即uuid。通过用户可以编辑云产品的名称,比如,云服务器(CVM,Cloud Virtual Machine)。然后可以引用基础功能页面菜单列表生成每个访问路由关联的功能页面菜单列表。该功能页面菜单列表中每个功能页面都可以有对应的菜单列表。如图8中所示的访问路由1的功能页面对应的菜单列表,以及访问路由2的功能页面对应的菜单列表等等。生成的云服务器产品的功能页面菜单列表的示意图如图11所示。其中,可以对功能页面菜单列表进行编辑修改。最后将功能页面菜单列表写入云产品页面入口配置文件中。即可以使同一个云产品在开发时所用技术栈可以进行渐进式迭代,新旧技术栈并存,多种技术栈共存,从而不用一次全部重构,提高了大型云产品的重构效率
在一个实施例中,如图12所示,在步骤404之后,即在基于功能页面菜单列表和云产品初始功能页面得到云产品目标页面之后,还包括步骤:
步骤1202,接收通过功能页面菜单列表触发的第一功能页面展示指令,第一功能页面展示指令携带有第一功能页面路由。
其中,第一功能页面是指功能页面菜单列表中第一云服务功能对应的功能页面。第一功能页面路由是指第一功能页面对应的路由。该第一功能页面路由不是统一形式的路由,需要进行路由转换。即该第一功能页面路由对应的第一功能页面是使用前端通用框架建立的。前端通用框架可以是vue框架、vue-router框架、react框架和react-router框架等等。第一功能页面可以是比如,基于浏览器browser-hash路由模式开发的页面。或者基于浏览器browser-history路由模式开发的页面。
具体地,当用户点击功能页面菜单列表中的第一云服务功能名称时,终端根据云服务功能名称获取到关联的第一功能页面路由,然后触发第一功能页面展示指令。
步骤1204,按照预设映射规则将第一功能页面路由转换为第一功能页面标准路由。
其中,预设映射规则是指预先设置好的将功能页面路由转换为功能页面标准路由的规则,在一个具体的实施例中,该预设映射规则可以是按照modules/功能页面路由/功能页面路由中最后一个“/”后的字符串进行转换。比如,第一功能页面路由为/controller/action,则转换后的第一功能页面标准路由为“module/controller/action/action”。
具体地,终端按照预设映射规则将第一功能页面路由转换为第一功能页面标准路由。终端也可以调用预设的转换函数进行转换。
步骤1206,基于功能页面标准信息查找第一功能页面标准路由对应的第一功能页面生成调用信息。
其中,第一功能页面生成调用信息是指生成第一功能页面时需要调用的信息。
具体地,终端在各个功能页面标准信息中查找与第一功能页面标准路由一致的功能页面标准路由,当查找到一致的功能页面标准路由时,将该功能页面标准路由对应的功能页面生成调用信息作为第一功能页面生成调用信息。
步骤1208,基于第一功能页面生成调用信息进行第一功能页面生成,得到第一功能页面。
具体地,终端使用第一功能页面生成调用信息调用依赖的前端资源,动态创建第一功能页面的页面组件挂载点div,然后根据第一功能页面生成调用信息中的第一功能页面路由查找对应的映射匹配,得到第一功能页面路由框架,第一功能页面路由框架调用自身的渲染函数将页面组件渲染到页面组件挂载点div中,从而展示出第一功能页面。
在上述实施例中,在需要查看其他功能页面时,触发第一功能页面展示指令,然后按照预设映射规则将第一功能页面路由转换为第一功能页面标准路由,基于功能页面标准信息查找第一功能页面标准路由对应的第一功能页面生成调用信息,基于第一功能页面生成调用信息进行第一功能页面生成,得到第一功能页面,能够实现第一功能页面的展示,方便使用。
在一个实施例中,如图13所示,在步骤404之后,即在基于功能页面菜单列表和云产品初始功能页面得到云产品目标页面之后,还包括:
步骤1302,接收通过功能页面菜单列表触发的第二功能页面展示指令,第二功能页面展示指令携带有第二功能页面路由,第二功能页面路由为第二功能页面标准路由。
其中,第二功能页面是指功能页面菜单列表中第二云服务功能对应的功能页面。第二功能页面路由是指第二功能页面对应的路由。第二功能页面路由就是第二功能页面标准路由。即第二功能页面是使用按照标准路由规范来定义路由的前端框架开发得到的。
具体地,当用户点击功能页面菜单列表中的第二云服务功能名称时,终端根据第二云服务功能名称获取到关联的第二功能页面路由,然后触发第一功能页面展示指令。
步骤1304,获取第二功能页面标准路由对应的第二功能页面生成调用信息;第二功能页面标准路由与第二功能页面生成调用信息是写入页面实现代码中的。
其中,写入页面实现代码是指在开发第二功能页面时,按照标准路由规范来编写第二功能页面标准路由与第二功能页面生成调用信息得到第二功能页面对应的前端实现代码,然后将前端实现代码打包使用。
具体地,终端从服务器中获取到第二功能页面标准路由对应的第二功能页面生成调用信息,即通过第二功能页面标准路由从服务器下载到第二功能页面的前端实现代码。该前端实现代码中包括有第二功能页面生成调用信息。
步骤1306,基于第二功能页面生成调用信息进行第二功能页面生成,得到第二功能页面。
具体地,终端使用第二功能页面生成调用信息调用依赖的前端资源,动态创建第二功能页面的页面组件挂载点div,并调用前端组件,将前端组件渲染到页面组件挂载点div中,从而展示出第二功能页面。
在一个实施例中,初始访问路由也可以是初始访问标准路由,即初次进入云产品的功能页面是使用按照标准路由规范来定义路由的前端框架开发得到的。然后获取初始功能页面标准路由对应的初始功能页面生成调用信息;初始功能页面标准路由与初始功能页面生成调用信息是写入页面实现代码中的,基于初始功能页面生成调用信息进行初始功能页面生成,得到初始功能页面。
在上述实施例中,实现了将第二功能页面标准路由与第二功能页面生成调用信息是写入页面实现代码中的时的功能页面展示,方便用户的使用,同时使开发人员可以在页面开发时进行分布式开发,不同的功能页面使用不同的前端框架进行开发,也提高了开发人员的页面开发效率。
在一个实施例中,如图14所示,在步骤404之后,在基于功能页面菜单列表和云产品初始功能页面得到云产品目标页面之后,还包括:
步骤1402,接收通过功能页面菜单列表触发的第三功能页面展示指令,第三功能页面展示指令携带有第三功能页面路由。
其中,第三功能页面是指功能页面菜单列表中第三云服务功能对应的功能页面。第三功能页面路由是指第三功能页面对应的路由。该第三功能页面是使用自定义路由规则的前端框架开发的功能页面,自定义路由规则的前端框架可以是tea1框架(腾讯云前端框架),或者可以是tea2框架(腾讯云前端框架)等等。tea框架(tea1,tea2两个版本)是腾讯云自研发的前端技术框架,通常封装一些通用的基础组件和开发规范等。
步骤1404,基于第三功能页面路由获取关联的页面生成资源信息,页面生成资源信息中包括第三功能页面标准信息;第三功能页面标准信息是页面生成资源信息在编译时将第三功能页面配置信息进行信息标准化转换得到的。
其中,页面生成资源信息是指生成第三功能页面所需要的资源信息,比如,关联的是一个独立的js文件或者是一个js,css,图片资源都打包好的大js文件。该页面生成资源信息中包括有在编译时将第三功能页面配置信息进行信息标准化转换得到的第三功能页面标准信息。第三功能页面标准信息是指第三功能页面对应的功能页面标准信息。
具体地,终端根据第三功能页面路由从服务器中下载关联的页面生成资源信息,从页面生成资源信息中得到第三功能页面标准信息。
步骤1406,从第三功能页面标准信息中确定第三功能页面生成调用信息;基于第三功能页面生成调用信息进行第三功能页面生成,得到第三功能页面。
具体地,终端从第三功能页面标准信息中确定第三功能页面生成调用信息,终端使用第三功能页面生成调用信息调用依赖的前端资源,动态创建第三功能页面的页面组件挂载点div,然后根据第三功能页面生成调用信息中的第三功能页面路由查找对应的映射匹配,得到第三功能页面路由框架,第三功能页面路由框架调用自身的渲染函数将页面组件渲染到页面组件挂载点div中,从而展示出第三功能页面。
在一个实施例中,初始功能页面标准信息是初始功能页面生成资源信息在编译时将初始功能页面配置信息进行信息标准化转换得到的。即初次进入云产品的功能页面是使用自定义路由规则的前端框架开发得到的页面,然后在编译时将自定义的路由规则转换成初始功能页面标准信息。再根据初始访问路由从服务器下载到关联的初始功能页面生成资源信息,得到初始功能页面生成资源信息中的初始功能页面标准信息,然后得到初始功能页面标准信息中的初始功能页面生成调用信息;基于初始功能页面生成调用信息进行初始功能页面生成,得到初始功能页面。
在上述实施例中,终端实现了将第三功能页面展示,方便用户的使用,同时使开发人员可以在页面开发时进行分布式开发,不同的功能页面使用不同的前端框架进行开发,也提高了开发人员的页面开发效率。
在一个实施例中,待转换功能页面配置信息中包括待转换功能页面访问路由、依赖资源标识和挂载点标识;
如图15所示,步骤210,基于待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,包括:
步骤1502,按照预设映射规则将待转换功能页面访问路由转换为功能页面标准路由。
其中,预设映射规则是指预先设置好的将功能页面访问路由转换为功能页面标准路由的规则。转换功能页面访问路由是指需要转换的功能页面的访问路由。依赖资源标识用于标识生成功能页面的资源,可以是图片地址、js文件地址、css文件地址等等。挂载点标识用于标识页面中的挂载点div(div是层叠样式表中的定位技术,全称DIVision)。终端按照预设映射规则将待转换功能页面配置信息中的待转换功能页面访问路由转换为功能页面标准路由。
步骤1504,基于待转换功能页面访问路由、依赖资源标识和挂载点标识生成对应的调用信息。
其中,调用信息是指生成的使用待转换功能页面访问路由调用依赖资源和挂载点的信息,可以是使用回调函数实现的。
具体地,终端根据待转换功能页面访问路由、依赖资源标识和挂载点标识按照预先设置好到功能页面标准信息生成规范生成对应的调用信息。
步骤1506,根据功能页面标准路由和调用信息得到功能页面标准信息。
具体地,终端将功能页面标准路由和调用信息关联保存得到功能页面标准信息。
在一个具体的实施例中,生成的功能页面标准信息是指生成的基于sea.js模块的定义的统一路由模式。该统一路由模式定义如下:
功能页面标准信息(‘功能页面标准路由’,
回调函数(依赖资源,出口,组件){
具体回调函数的实现
})
其中,sea.js模块是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。
举例来说:
define(‘module/controller/action/action’,
function(require,exports,module){
})
其中,define是指生成的功能页面标准信息,module/controller/action/action是指/controller/action为访问路由对应的功能页面标准路由。function(require,exports,module)是指回调函数,require是指依赖资源参数、exports出口参数、module是指组件参数。终端动态创建各个待转换功能页面配置信息对应的各个功能页面标准信息,将各个功能页面标准信息保存在内存中,当通过功能页面菜单列表访问时,加载该功能页面标准信息进行页面生成。
在上述实施例中,通过将待转换功能页面访问路由转换为功能页面标准路由,然后基于待转换功能页面访问路由、依赖资源标识和挂载点标识生成对应的调用信息,从而得到功能页面标准信息,使得初始访问功能页面在加载时不需要加载所有功能页面的资源信息,只需要生成功能页面标准信息保存,然后在访问功能页面时,再加载功能页面标准信息进行页面生成,提高了页面展示效率。
在一个实施例中,如图16所示,步骤212,即基于初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面,包括:
步骤1602,根据初始功能页面生成调用信息中的依赖资源标识进行功能页面依赖资源加载,并根据初始功能页面生成调用信息中的挂载点标识创建初始功能页面挂载点。
步骤1604,根据初始功能页面生成调用信息中的初始功能页面访问路由调用初始功能页面组件,并将功能页面组件渲染到初始功能页面挂载点中,得到云产品初始功能页面。
其中,初始功能页面组件是指生成该初始功能页面所使用的网页组件。网页组件包含各种常用的界面组件,如:表格、树、联动下拉框等,可轻松构造出令人耳目一新的,具有RIA(Rich Internet Application)特征的Web应用界面。初始功能页面挂载点是指初始功能页面上的挂载点div。
具体地,终端根据初始功能页面生成调用信息中的依赖资源标识进行功能页面依赖资源加载,并根据初始功能页面生成调用信息中的挂载点标识动态创建初始功能页面挂载点,然后初始功能页面访问路由对应的初始功能页面访问路由框架执行渲染工作,即通过初始功能页面访问路由调用初始功能页面组件,并将初始功能页面组件渲染到初始功能页面挂载点中,从而让实现云产品初始功能页面的展示。其中,还可以通过调用对应框架的渲染函数进行渲染,将转换后的dom(文档对象模型)信息挂载在内容容器的div节点上,从而展现云产品初始功能页面。
在上述实施例中,通过初始功能页面生成调用信息来实现云产品初始功能页面的生成,保证了页面生成的准确性。
在一个具体的实施例中,如图17所示,提高一种云产品初始功能页面生成的流程示意图,具体来说:
当使用初始访问路由访问云产品初始功能页面时,从服务器下载到entry入口配置文件,根据entry入口配置文件中的资源信息配置以及路由映射配置信息。根据路由映射配置信息中待转换功能页面访问路由配置信息动态创建相关的sea.js模块,即得到各个功能页面标准信息进行保存。然后获取到云产品初始功能页面对应的功能页面标准信息,即根据初始访问路由查找到对应的sea.js模块并执行,sea.js模块在执行时首先加载依赖资源,动态创建页面组件的挂载点div。然后从路由映射配置信息中查找对应的映射匹配,即使用初始访问路由对应的页面实现框架执行页面渲染流程,即调用渲染函数将页面组件渲染到创建的页面组件挂载点div中,从而实现了初始功能页面的生成。
在一个具体的实施例中,如图18所示,云产品页面生成方法包括以下步骤:
1802,接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由。根据云产品页面展示指令获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息和功能页面菜单列表,待转换功能页面配置信息中包括待转换功能页面访问路由、依赖资源标识和挂载点标识。
1804,加载所述功能页面菜单列表,得到功能页面菜单列表。功能页面菜单列表中各个功能页面是通过不同的开发模式开发得到的。
1806,按照预设映射规则将待转换功能页面访问路由转换为功能页面标准路由,基于待转换功能页面访问路由、依赖资源标识和挂载点标识按照生成对应的调用信息,根据功能页面标准路由和调用信息得到功能页面标准信息。
1808,将初始访问路由进行路由转换,得到初始功能页面标准路由。并在功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息。
1810,根据初始功能页面生成调用信息中的依赖资源标识进行功能页面依赖资源加载,并根据初始功能页面生成调用信息中的挂载点标识创建初始功能页面挂载点。
1812,根据初始功能页面生成调用信息中的初始功能页面访问路由调用初始功能页面组件,并将初始功能页面组件渲染到初始功能页面挂载点中,得到云产品初始功能页面。
1814,基于功能页面菜单列表和云产品初始功能页面得到云产品目标页面。
然后,用户也可以通过触发功能页面菜单列表中的其他云服务功能进行功能页面的生成,具体来说:
终端可以接收通过功能页面菜单列表触发的第一功能页面展示指令,第一功能页面展示指令携带有第一功能页面路由;按照预设映射规则将第一功能页面路由转换为第一功能页面标准路由;基于功能页面标准信息查找第一功能页面标准路由对应的第一功能页面生成调用信息;基于第一功能页面生成调用信息进行第一功能页面生成,得到第一功能页面。
终端也可以接收通过功能页面菜单列表触发的第二功能页面展示指令,第二功能页面展示指令携带有第二功能页面路由,第二功能页面路由为第二功能页面标准路由;获取第二功能页面标准路由对应的第二功能页面生成调用信息;第二功能页面标准路由与第二功能页面生成调用信息是写入页面实现代码中的;基于第二功能页面生成调用信息进行第二功能页面生成,得到第二功能页面。
终端还可以接收通过功能页面菜单列表触发的第三功能页面展示指令,第三功能页面展示指令携带有第三功能页面路由,基于第三功能页面路由获取关联的页面生成资源信息,页面生成资源信息中包括第三功能页面标准信息;第三功能页面标准信息是页面生成资源信息在编译时将第三功能页面配置信息进行信息标准化转换得到的;从第三功能页面标准信息中确定第三功能页面生成调用信息;基于第三功能页面生成调用信息进行第三功能页面生成,得到第三功能页面。
本申请还提供一种应用场景,该应用场景应用上述的云产品页面生成方法。具体地,该云产品页面生成方法在该应用场景的应用如下:
云产品页面生成方法应用到腾讯云平台中,如图19所示,为云产品页面生成方法的架构示意图,具体来说:
该云产品页面生成方法的架构包括三部分,即页面渲染部分、路由桥接部分和原生业务模块路由部分。
其中,原生业务模块路由部分是指使用各种前端技术研发的前端页面模块。比如,使用的vue、vue-router、react、react-router等通用前端框架实现的前端页面模块。比如,使用腾讯云框架开发的前端页面模块,可以选择基于tea1框架或者tea2框架进行开发,路由模式基本是自定义路由模式。比如,使用业界的其他小众前端路由框架开发的前端页面模块,可以直接按统一路由模式的规范定义路由。
路由桥接部分是指对使用多种路由模式的开发的前端页面模块进行路由转换,转换成页面渲染部分能识别的基于sea.js模块的定义的统一路由模式。其中,运行时动态转换是指在初次进入云产品页面时在前端进行转换。编译时转换是指在前端页面资源打包编译时通过自定义前端编译插件将路由模式进行转换。直接转换是指在进行前端页面开发时直接按统一路由模式的规范定义路由。
页面渲染部分主要是实现对路由关联的页面进行渲染从而生成页面。其基本逻辑是当用户通过浏览器输入初始访问路由进行云产品页面访问时,从服务器下载到entry入口配置文件,根据entry入口配置文件中的资源信息配置、路由映射配置信息以及功能页面菜单列表。加载功能页面菜单列表得到功能页面菜单列表,并根据路由映射配置信息中待转换功能页面访问路由配置信息动态创建相关的sea.js模块,即得到各个功能页面标准信息进行保存。然后获取到云产品初始功能页面对应的功能页面标准信息,即根据初始访问路由查找到对应的sea.js模块并执行,sea.js模块在执行时首先加载依赖资源,动态创建页面组件的挂载点div。然后从路由映射配置信息中查找对应的映射匹配,即使用初始访问路由对应的页面实现框架执行页面渲染流程,即调用渲染函数将页面组件渲染到创建的页面组件挂载点div中,从而实现了初始功能页面的生成。然后展示功能页面菜单列表和初始功能页面,即展示云产品目标页面。比如,展示的云产品目标页面如图20所示,该页面是云服务器产品的管理页面,其中,云服务器产品列表中包括云服务器规格定义产品、云主机(租户资源)产品、云主机(平台资源)产品、镜像管理产品、运维管理产品、虚拟化平台状态产品、链路日志产品页面和机型配置产品。初始功能页面为云服务器规格定义产品页面。其中,有些产品可以包括不同的功能产品页面。比如,镜像管理产品和运维管理产品。在一个实施例中,该列表中还可以包括cbs(云存储)和vpc(私有网络)的部分功能产品。
然后,终端接收到用户点击云服务器产品的功能页面菜单列表中的云主机(租户资源)产品时,终端获取到关联的云主机(租户资源)产品的前端页面路由,触发云主机(租户资源)产品对应的页面展示指令,按照预设映射规则将云主机(租户资源)产品前端页面的路由转换为云主机(租户资源)产品前端页面标准路由,基于功能页面标准信息查找云主机(租户资源)产品前端页面标准路由对应的云主机(租户资源)前端页面生成调用信息,基于云主机(租户资源)产品前端页面生成调用信息进行云主机(租户资源)产品前端页面生成,得到云主机(租户资源)产品前端页面。
然后,终端接收到用户点击云服务器产品的功能页面菜单列表中的虚拟化平台状态产品时,终端获取到关联的虚拟化平台状态产品的前端页面路由,触发虚拟化平台状态产品对应的页面展示指令,该虚拟化平台状态产品的前端页面路由就是标准路由,则根据虚拟化平台状态产品的前端页面路由从服务器获取对应的虚拟化平台状态产品的前端页面生成调用信息,基于虚拟化平台状态产品的前端页面生成调用信息进行虚拟化平台状态产品的前端页面生成,得到虚拟化平台状态产品的前端页面。
然后,终端接收到用户点击云服务器产品的功能页面菜单列表中的机型配置产品,终端获取到关联的机型配置产品的前端页面路由,触发机型配置产品对应的页面展示指令,基于机型配置产品的前端页面路由获取关联的页面生成资源信息,该页面生成资源信息中包括机型配置产品的前端页面标准信息;所述机型配置产品的前端页面标准信息是页面生成资源信息在编译时将机型配置产品的前端页面配置信息进行信息标准化转换得到的,从机型配置产品的前端页面标准信息中确定第机型配置产品的前端页面的生成调用信息,基于机型配置产品前端页面生成调用信息进行机型配置产品前端页面生成,得到机型配置产品前端页面。
然后,终端接收到用户点击云服务器产品的功能页面菜单列表中的运维管理产品。该运维管理产品页面是使用iframe框架进行组合接入的,则终端获取到关联的运维管理产品的前端页面地址,生成嵌入式的运维管理产品页面。
应该理解的是,虽然图1-4、图7、图12-16和图18的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图1-4、图7、图12-16和图18中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图21所示,提供了一种云产品页面生成装置2100,该装置可以采用软件模块或硬件模块,或者是二者的结合成为计算机设备的一部分,该装置具体包括:指令接收模块2102、配置文件获取模块2104、标准转换模块2106、路由转换模块2108、调用信息查找模块2110和功能页面生成模块2112,其中:
指令接收模块2102,用于接收云产品页面展示指令,云产品页面展示指令中包括初始访问路由;
配置文件获取模块2104,用于根据云产品页面展示指令获取云产品页面入口配置文件,云产品页面入口配置文件中包括待转换功能页面配置信息;
标准转换模块2106,用于基于待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息;
路由转换模块2108,用于将初始访问路由进行路由转换,得到初始功能页面标准路由;
调用信息查找模块2110,用于基于功能页面标准信息查找初始功能页面标准路由对应的初始功能页面生成调用信息;
功能页面生成模块2112,用于基于初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面。
在一个实施例中,所述装置,还包括:
待转换信息确定模块,用于获取各个功能页面配置信息,各个功能页面配置信息中包括各个功能页面接入方式信息;基于各个功能页面接入方式信息从各个功能页面配置信息中确定待转换功能页面配置信息;将待转换功能页面配置信息写入云产品页面入口配置文件中。
在一个实施例中,云产品页面入口配置文件还包括功能页面菜单列表;装置,还包括:
列表加载模块,用于加载功能页面菜单列表,得到功能页面菜单列表;功能页面菜单列表中各个功能页面是通过不同的开发模式开发得到的;
目标页面得到模块,用于基于功能页面菜单列表和云产品初始功能页面得到云产品目标页面。
在一个实施例中,所述装置,还包括:
列表生成模块,用于获取各个功能页面配置信息,功能页面配置信息中包括功能页面访问路由;将各个功能页面访问路由进行组合,得到云产品组合路由;获取基础功能页面菜单列表和云产品标识,根据云产品标识、云产品组合路由和基础功能页面菜单列表生成功能页面菜单列表,并将功能页面菜单列表写入云产品页面入口配置文件中。
在一个实施例中,所述装置,还包括:
第一指令接收模块,用于接收通过功能页面菜单列表触发的第一功能页面展示指令,第一功能页面展示指令携带有第一功能页面路由;
第一路由转换模块,用于按照预设映射规则将第一功能页面路由转换为第一功能页面标准路由;
第一信息查找模块,用于基于功能页面标准信息查找第一功能页面标准路由对应的第一功能页面生成调用信息;
第一页面生成模块,用于基于第一功能页面生成调用信息进行第一功能页面生成,得到第一功能页面。
在一个实施例中,所述装置,还包括:
第二指令接收模块,用于接收通过功能页面菜单列表触发的第二功能页面展示指令,第二功能页面展示指令携带有第二功能页面路由,第二功能页面路由为第二功能页面标准路由;
第二信息查找模块,用于获取第二功能页面标准路由对应的第二功能页面生成调用信息;第二功能页面标准路由与第二功能页面生成调用信息是写入页面实现代码中的;
第二页面生成模块,基于第二功能页面生成调用信息进行第二功能页面生成,得到第二功能页面。
在一个实施例中,所述装置,还包括:
第三指令接收模块,用于接收通过功能页面菜单列表触发的第三功能页面展示指令,第三功能页面展示指令携带有第三功能页面路由;
资源信息获取模块,用于基于第三功能页面路由获取关联的页面生成资源信息,页面生成资源信息中包括第三功能页面标准信息;第三功能页面标准信息是页面生成资源信息在编译时将第三功能页面配置信息进行信息标准化转换得到的;
第三页面生成模块,用于从第三功能页面标准信息中确定第三功能页面生成调用信息;基于第三功能页面生成调用信息进行第三功能页面生成,得到第三功能页面。
在一个实施例中,待转换功能页面配置信息中包括待转换功能页面访问路由、依赖资源标识和挂载点标识;
标准转换模块2106还用于按照预设映射规则将待转换功能页面访问路由转换为功能页面标准路由;基于待转换功能页面访问路由、依赖资源标识和挂载点标识按照生成对应的调用信息;根据功能页面标准路由和调用信息得到功能页面标准信息。
在一个实施例中,功能页面生成模块2112还用于根据初始功能页面生成调用信息中的依赖资源标识进行功能页面依赖资源加载,并根据初始功能页面生成调用信息中的挂载点标识创建初始功能页面挂载点;
根据初始功能页面生成调用信息中的初始功能页面访问路由调用初始功能页面组件,并将初始功能页面组件渲染到初始功能页面挂载点中,得到云产品初始功能页面。
关于云产品页面生成装置的具体限定可以参见上文中对于云产品页面生成方法的限定,在此不再赘述。上述云产品页面生成装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图22所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种云产品页面生成方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图22中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,还提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,存储有计算机程序,该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述各方法实施例中的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory,ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic Random Access Memory,DRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (15)
1.一种云产品页面生成方法,其特征在于,所述方法包括:
接收云产品页面展示指令,所述云产品页面展示指令中包括初始访问路由;
根据所述云产品页面展示指令获取云产品页面入口配置文件,所述云产品页面入口配置文件中包括待转换功能页面配置信息;
基于所述待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,所述功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息;
将所述初始访问路由进行路由转换,得到初始功能页面标准路由;
基于所述功能页面标准信息查找所述初始功能页面标准路由对应的初始功能页面生成调用信息;
基于所述初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面。
2.根据权利要求1所述的方法,其特征在于,在所述接收云产品页面展示指令,所述云产品页面展示指令中包括初始访问路由之前,还包括:
获取各个功能页面配置信息,所述各个功能页面配置信息中包括各个功能页面接入方式信息;
基于所述各个功能页面接入方式信息从所述各个功能页面配置信息中确定所述待转换功能页面配置信息;
将所述待转换功能页面配置信息写入所述云产品页面入口配置文件中。
3.根据权利要求1所述的方法,其特征在于,所述云产品页面入口配置文件还包括功能页面菜单列表;
所述在基于所述初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面之后,还包括:
加载所述功能页面菜单列表,得到功能页面菜单列表;所述功能页面菜单列表中各个功能页面是通过不同的开发模式开发得到的;
基于所述功能页面菜单列表和所述云产品初始功能页面得到云产品目标页面。
4.根据权利要求3所述的方法,其特征在于,在所述接收云产品页面展示指令,所述云产品页面展示指令中包括初始访问路由之前,还包括:
获取各个功能页面配置信息,所述功能页面配置信息中包括功能页面访问路由;
将各个功能页面访问路由进行组合,得到云产品组合路由;
获取基础功能页面菜单列表和云产品标识,根据所述云产品标识、所述云产品组合路由和所述基础功能页面菜单列表生成所述功能页面菜单列表,并将所述功能页面菜单列表写入所述云产品页面入口配置文件中。
5.根据权利要求3所述的方法,其特征在于,在所述基于所述功能页面菜单列表和所述云产品初始功能页面得到云产品目标页面之后,还包括:
接收通过所述功能页面菜单列表触发的第一功能页面展示指令,所述第一功能页面展示指令携带有第一功能页面路由;
按照预设映射规则将所述第一功能页面路由转换为第一功能页面标准路由;
基于所述功能页面标准信息查找所述第一功能页面标准路由对应的第一功能页面生成调用信息;
基于所述第一功能页面生成调用信息进行第一功能页面生成,得到第一功能页面。
6.根据权利要求3所述的方法,其特征在于,在所述基于所述功能页面菜单列表和所述云产品初始功能页面得到云产品目标页面之后,还包括:
接收通过所述功能页面菜单列表触发的第二功能页面展示指令,所述第二功能页面展示指令携带有第二功能页面路由,所述第二功能页面路由为第二功能页面标准路由;
获取所述第二功能页面标准路由对应的第二功能页面生成调用信息;所述第二功能页面标准路由与所述第二功能页面生成调用信息是写入页面实现代码中的;
基于所述第二功能页面生成调用信息进行第二功能页面生成,得到第二功能页面。
7.根据权利要求3所述的方法,其特征在于,在所述基于所述功能页面菜单列表和所述云产品初始功能页面得到云产品目标页面之后,还包括:
接收通过所述功能页面菜单列表触发的第三功能页面展示指令,所述第三功能页面展示指令携带有第三功能页面路由;
基于所述第三功能页面路由获取关联的页面生成资源信息,所述页面生成资源信息中包括第三功能页面标准信息;所述第三功能页面标准信息是所述页面生成资源信息在编译时将第三功能页面配置信息进行信息标准化转换得到的;
从所述第三功能页面标准信息中确定第三功能页面生成调用信息;
基于所述第三功能页面生成调用信息进行第三功能页面生成,得到第三功能页面。
8.根据权利要求1所述的方法,其特征在于,所述待转换功能页面配置信息中包括待转换功能页面访问路由、依赖资源标识和挂载点标识;
所述基于所述待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,包括:
按照预设映射规则将所述待转换功能页面访问路由转换为功能页面标准路由;
基于所述待转换功能页面访问路由、依赖资源标识和挂载点标识生成对应的调用信息;
根据所述功能页面标准路由和所述调用信息得到功能页面标准信息。
9.根据权利要求1所述的方法,其特征在于,所述基于所述初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面,包括:
根据所述初始功能页面生成调用信息中的依赖资源标识进行功能页面依赖资源加载,并根据所述初始功能页面生成调用信息中的挂载点标识创建初始功能页面挂载点;
根据所述初始功能页面生成调用信息中的初始功能页面访问路由调用初始功能页面组件,并将所述初始功能页面组件渲染到所述初始功能页面挂载点中,得到所述云产品初始功能页面。
10.一种云产品页面生成装置,其特征在于,所述装置包括:
指令接收模块,用于接收云产品页面展示指令,所述云产品页面展示指令中包括初始访问路由;
配置文件获取模块,用于根据所述云产品页ss面展示指令获取云产品页面入口配置文件,所述云产品页面入口配置文件中包括待转换功能页面配置信息;
标准转换模块,用于基于所述待转换功能页面配置信息进行信息标准化转换,得到功能页面标准信息,所述功能页面标准信息中包括功能页面标准路由和对应的功能页面生成调用信息;
路由转换模块,用于将所述初始访问路由进行路由转换,得到初始功能页面标准路由;
调用信息查找模块,用于基于所述功能页面标准信息查找所述初始功能页面标准路由对应的初始功能页面生成调用信息;
功能页面生成模块,用于基于所述初始功能页面生成调用信息进行功能页面生成,得到云产品初始功能页面。
11.根据权利要求10所述的装置,其特征在于,所述云产品页面入口配置文件还包括功能页面菜单列表;所述装置,还包括:
列表加载模块,用于加载所述功能页面菜单列表,得到功能页面菜单列表;所述功能页面菜单列表中各个功能页面是通过不同的开发模式开发得到的;
目标页面得到模块,用于基于所述功能页面菜单列表和所述云产品初始功能页面得到云产品目标页面。
12.根据权利要求11所述的装置,其特征在于,所述装置,还包括:
第一指令接收模块,用于接收通过所述功能页面菜单列表触发的第一功能页面展示指令,所述第一功能页面展示指令携带有第一功能页面路由;
第一路由转换模块,用于按照预设映射规则将所述第一功能页面路由转换为第一功能页面标准路由;
第一信息查找模块,用于基于所述功能页面标准信息查找所述第一功能页面标准路由对应的第一功能页面生成调用信息;
第一页面生成模块,用于基于所述第一功能页面生成调用信息进行第一功能页面生成,得到第一功能页面。
13.根据权利要求11所述的装置,其特征在于,所述装置,还包括:
第二指令接收模块,用于接收通过所述功能页面菜单列表触发的第二功能页面展示指令,所述第二功能页面展示指令携带有第二功能页面路由,所述第二功能页面路由为第二功能页面标准路由;
第二信息查找模块,用于获取所述第二功能页面标准路由对应的第二功能页面生成调用信息;所述第二功能页面标准路由与所述第二功能页面生成调用信息是写入页面实现代码中的;
第二页面生成模块,基于所述第二功能页面生成调用信息进行第二功能页面生成,得到第二功能页面。
14.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至9中任一项所述的方法的步骤。
15.一种计算机可读存储介质,存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至9中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011018440.1A CN114254232A (zh) | 2020-09-24 | 2020-09-24 | 云产品页面生成方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011018440.1A CN114254232A (zh) | 2020-09-24 | 2020-09-24 | 云产品页面生成方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114254232A true CN114254232A (zh) | 2022-03-29 |
Family
ID=80788918
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011018440.1A Pending CN114254232A (zh) | 2020-09-24 | 2020-09-24 | 云产品页面生成方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114254232A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116339717A (zh) * | 2023-05-30 | 2023-06-27 | 北京拓普丰联信息科技股份有限公司 | 一种数据执行方法、装置、设备和介质 |
-
2020
- 2020-09-24 CN CN202011018440.1A patent/CN114254232A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116339717A (zh) * | 2023-05-30 | 2023-06-27 | 北京拓普丰联信息科技股份有限公司 | 一种数据执行方法、装置、设备和介质 |
CN116339717B (zh) * | 2023-05-30 | 2023-08-25 | 北京拓普丰联信息科技股份有限公司 | 一种数据执行方法、装置、设备和介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3876116B1 (en) | Method and apparatus for running mini program, electronic device, and storage medium | |
US10725814B2 (en) | Expediting the provisioning of virtual machines based on cached repeated portions of a template | |
US20230036980A1 (en) | Micro-frontend system, sub-application loading method, electronic device, computer program product, and computer-readable storage medium | |
US10574724B2 (en) | Automatic discovery of management nodes and generation of CLI using HA module | |
WO2016177341A1 (zh) | 接口调用方法、装置及终端 | |
CN113010827B (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
CN110795649A (zh) | 目标页面展示方法、装置、系统及电子设备 | |
CN111324833A (zh) | 页面展示方法、装置、电子设计及计算机可读介质 | |
US10949331B1 (en) | Integration testing of web applications utilizing dynamically generated automation identifiers | |
US11656864B2 (en) | Automatic application of software updates to container images based on dependencies | |
CN111414350A (zh) | 一种服务生成方法及装置 | |
CN115982491A (zh) | 页面更新方法及装置、电子设备和计算机可读存储介质 | |
CN115599386A (zh) | 代码生成方法、装置、设备及存储介质 | |
CN112235132B (zh) | 动态配置服务的方法、装置、介质以及服务器 | |
CN114254232A (zh) | 云产品页面生成方法、装置、计算机设备和存储介质 | |
US9606775B2 (en) | Developing rich internet application | |
US10579373B2 (en) | Seamless extension porting | |
CN115390835A (zh) | 一种小程序标签化搜索框的构建方法及设备 | |
CN115202673A (zh) | 基于云服务器的应用构建方法、装置和计算机设备 | |
CN114115855A (zh) | 代码复用方法及装置、计算机可读存储介质、电子设备 | |
CN111831277A (zh) | 虚拟数据生成方法、装置、设备及计算机可读存储介质 | |
CN111782196A (zh) | 基于mvp架构的开发方法及装置 | |
CN113608745B (zh) | 一种初始化用户权限的方法及存储介质 | |
CN116166866B (zh) | 一种对spa应用进行seo的优化方法、装置、终端及存储介质 | |
CN116149760B (zh) | 基于Vue框架的前端项目打包方法及装置 |
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 |