CN109683892B - 页面展示方法、装置、计算机设备及存储介质 - Google Patents
页面展示方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN109683892B CN109683892B CN201811513744.8A CN201811513744A CN109683892B CN 109683892 B CN109683892 B CN 109683892B CN 201811513744 A CN201811513744 A CN 201811513744A CN 109683892 B CN109683892 B CN 109683892B
- Authority
- CN
- China
- Prior art keywords
- page
- webpage
- calling
- programming
- mobile terminal
- 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.)
- Active
Links
Images
Classifications
-
- 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
-
- 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/36—Software reuse
Abstract
本发明公开了页面展示方法、装置、计算机设备及存储介质。该方法包括:获取页面调用请求,确定所述页面调用请求的页面调用标识;如果所述页面调用标识为移动端标识,则调用所述页面调用请求对应的移动版代码文件进行页面展示;如果所述页面调用标识为网页端标识,则调用所述页面调用请求对应的网页版代码文件进行页面展示;其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得。利用该方法,能够仅通过一套共用编程代码就能实现移动端和网页端的页面展示,由此降低了页面展示所需编程代码开发及后期维护中人力资源的成本投入,同时也提高了不同页面显示端展示相同业务功能页面时的代码复用率。
Description
技术领域
本发明涉及计算机应用技术领域,尤其涉及页面展示方法、装置、计算机设备及存储介质。
背景技术
随着智能移动终端的快速发展,开发者在进行应用软件开发时,所开发的应用软件既要支持传统网页版的使用,还要支持在智能移动终端上的使用。
目前,对于支持传统网页版和智能移动版的应用软件,需要分别设计两套具备相同业务功能的代码来分别满足应用软件在计算机网页端以及在移动端的页面展示,由此需要更多开发人员的参与代码实现以及后续的代码维护,由此增加了人力资源的成本投入,也降低了相同业务功能的代码复用率。
发明内容
本发明实施例提供了页面展示方法、装置、计算机设备及存储介质,解决了需要两套独立代码分别支撑移动端和网页端进行页面展示的问题。
第一方面,本发明实施例提供了一种页面展示方法,包括:
获取页面调用请求,确定所述页面调用请求的页面调用标识;
如果所述页面调用标识为移动端标识,则调用所述页面调用请求对应的移动版代码文件进行页面展示;
如果所述页面调用标识为网页端标识,则调用所述页面调用请求对应的网页版代码文件进行页面展示;
其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得。
进一步地,所述移动端和网页端中待展示页面的共用编程代码通过下述方式构建:将移动端和网页端具备相同业务功能的待展示页面记为目标页面;确定所述目标页面中移动端与网页端的公有组件及分别对应的私有组件;将各所述公有组件及所述移动端所对应私有组件的组件代码数据分别添加到所述目标页面的编程框架中,并在所述编程框架中配置所述网页端所对应私有组件的映射路径;获得集成在所述编程框架中用于展示所述目标页面的共用编程代码。
进一步地,该共用编程代码的构建,在所述获得集成在所述编程框架中用于展示所述目标页面的共用编程代码之前,还包括:基于设定的界面样式规范在所述编程框架中创建界面样式代码。
进一步地,该共用编程代码的构建,在所述获得集成在所述编程框架中用于展示所述目标页面的共用编程代码之前,还包括:在所述编程框架中配置所述移动端和网页端进行网络请求时的统一请求格式。
进一步地,所述共用编程代码的构建还包括:采用指定的统一入口文件打包所述共用编程代码,以使所述移动端和网页端通过所述统一入口文件由其他页面跳转至所述目标页面。
进一步地,所述移动版代码文件通过将所述共用编程代码以设定的移动端文件格式打包获得;所述网页版代码文件通过将所述共用编程代码以设定的网页端文件格式打包获得。
第二方面,本发明实施例提供了一种页面展示装置,包括:
请求获取模块,用于获取页面调用请求,确定所述页面调用请求的页面调用标识;
第一调用展示模块,用于当所述页面调用标识为移动端标识时,调用所述页面调用请求对应的移动版代码文件进行页面展示;
第二调用展示模块,用于当所述页面调用标识为网页端标识时,调用所述页面调用请求对应的网页版代码文件进行页面展示;
其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得。
第三方面,本发明实施例提供了一种计算机设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明实施例提供的页面展示方法。
第四方面,本发明实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本发明实施例提供的页面展示方法。
在上述页面展示方法、装置、计算机设备及存储介质中,在获取页面调用请求时,确定所述页面调用请求的页面调用标识;如果所述页面调用标识为移动端标识,则调用所述页面调用请求对应的移动版代码文件进行页面展示;如果所述页面调用标识为网页端标识,则调用所述页面调用请求对应的网页版代码文件进行页面展示;其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得。上述技术方案,能够保证应用软件的移动端和网页端共用一套编程代码实现页面展示,与现有的多端进行页面展示的方案相比,本发明的方案无需分别设计两套具备相同业务功能的代码来分别满足应用软件在计算机网页端以及在移动端的页面展示,仅通过一套共用编程代码就能实现移动端和网页端的页面展示,由此降低了页面展示所需编程代码开发及后期维护中人力资源的成本投入,同时也提高了不同页面显示端展示相同业务功能页面时的代码复用率。
附图说明
图1a给出了本发明实施例一提供的一种页面展示方法的流程示意图;
图1b提供了一个页面展示的交互实现示意图;
图2给出了本发明实施例二提供的一种页面展示方法中构建共用编程代码的实现流程图。
图3给出了本发明实施例三提供的一种页面展示装置的结构框图;
图4为本发明实施例四提供的一种计算机设备的硬件结构图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1a给出了本发明实施例一提供的一种页面展示方法的流程示意图,该方法适用于在移动端或者网页端进行页面展示的情况,该方法可以由页面展示装置执行,其中该装置可由软件和/或硬件实现,并一般集成在计算机设备上。
如图1a所示,本发明实施例一提供的一种页面展示方法,包括如下操作:
需要说明的是,本实施例实现下述步骤的执行主体可认为是所开发应用软件的后端服务器。
S101、获取页面调用请求,确定所述页面调用请求的页面调用标识。
在本实施例中,对应用软件进行页面展示的应用场景,可以是用户触发了应用软件的页面跳转操作时,可以产生一个页面调用请求,当触发安装在移动终端上应用软件的页面跳转操作时,其页面调用请求为移动端页面调用请求;当触发安装在网页端(相当于PC端)上应用软件的页面跳转操作时,其页面调用请求为网页端页面调用请求。本步骤可以接收移动端或网页端发送的页面调用请求。
可以理解的是,本实施例主要目的在于实现采用一套共用编程代码来支持移动端和网页端的页面展示,因此,移动端或网页端发送的页面调用请求中包含了区别用于请求发送端对应的页面调用标识,所述页面调用标识具体可用于确定页面调用请求的发送端为移动端还是网页端。具体地,本步骤可以提取页面调用请求中的作为页面调用标识的标识信息,将该标识信息与预设的发送端标识进行匹配,最终根据匹配结果可确定页面调用标识具体为移动端标识还是网页端标识。
需要说明的是,应用软件的一个页面中往往包含有多个可跳转页面的触发,因此,用户触发应用软件的页面跳转操作时,其生成的页面调用请求中还包含了标识待展示页面的页面参数。
S102、如果所述页面调用标识为移动端标识,则调用所述页面调用请求对应的移动版代码文件进行页面展示。
在本实施例中,当页面调用标识为移动端标识时,可认为S101中的页面调用请求由移动端发送,相当于用户在移动端的应用软件上触发了页面跳转操作。之后,本实施例可以根据页面调用请求中的页面参数,确定该页面调用请求具体对应的待展示页面,并调用对应该待展示页面的移动版代码文件来进行页面展示。所述移动版代码文件相当于一个符合移动端执行格式的移动端可执行代码文件,通过对该移动版代码文件的执行可将应用软件由当前页面跳帧至待展示页面进行展示。
S103、如果所述页面调用标识为网页端标识,则调用所述页面调用请求对应的网页版代码文件进行页面展示。
具体地,当页面调用标识为网页端标识时,可认为S101中的页面调用请求由网页端发送,相当于用户在网页端的应用软件上触发了页面跳转操作。之后,本实施例可以根据页面调用请求中的页面参数,确定页面调用请求具体对应的待展示页面,并调用对应该待展示页面的网页版代码文件来进行页面展示。所述网页版代码文件相当于一个符合网页端执行格式的移动端可执行代码文件,通过对该网页版代码文件的执行可将应用软件由当前页面跳转至待展示页面进行展示。
在本实施例中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得。具体地,所述移动版代码文件通过将所述共用编程代码以设定的移动端文件格式打包获得;所述网页版代码文件通过将所述共用编程代码以设定的网页端文件格式打包获得。
示例性地,所述共用编程代码具体可指能够同时支持移动端和网页端进行前端页面展示的页面编程代码,本实施例中,在形成移动端和网页端可共用的页面编程代码后,可以采用移动端可读的移动端文件格式打包该共用编程代码获得移动版代码文件,还可以采用网页端可读的网页端文件格式打包该共用编程代码获得网页版代码文件。
示例性地,图1b提供了一个页面展示的交互实现示意图,如图1b所示,该交互图中体现了移动端11、网页端12以及执行终端13,其中,移动端11和网页端12为两个前端载体,执行终端13可认为是执行本发明实施例所提供页面展示方法的执行主体。具体地,移动端11和网页端12可以在接收到用户触发的页面展示信号后生成页面调用请求并发送给执行终端13,执行终端13则可分析所接收页面调用请求中的页面调用标识,并可根据分析结果决定执行分支1或者分支2,从而通过一套共用编程代码来实现两个前端的页面展示。
本发明实施例一提供的一种页面展示方法,在获取页面调用请求时,确定所述页面调用请求的页面调用标识;如果所述页面调用标识为移动端标识,则调用所述页面调用请求对应的移动版代码文件进行页面展示;如果所述页面调用标识为网页端标识,则调用所述页面调用请求对应的网页版代码文件进行页面展示;其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得。上述技术方案,能够保证应用软件的移动端和网页端共用一套编程代码实现页面展示,与现有的多端进行页面展示的方案相比,本发明的方案无需分别设计两套具备相同业务功能的代码来分别满足应用软件在计算机网页端以及在移动端的页面展示,仅通过一套共用编程代码就能实现移动端和网页端的页面展示,由此降低了页面展示所需编程代码开发及后期维护中人力资源的成本投入,同时也提高了不同页面显示端展示相同业务功能页面时的代码复用率。
实施例二
本发明实施例二在上述实施例一的基础上提供了一种优化的页面展示方法,在本实施例中,具体优化增加了所述移动端和网页端中待展示页面所共用编程代码的构建实现方式。图2给出了本发明实施例二提供的一种页面展示方法中构建共用编程代码的实现流程图。如图2所示,该共用编程代码的构建包括如下操作:
可以理解的是,对于适用于移动端和网页端的应用软件而言,其在网页端和移动端展示的页面往往具备相同业务功能,且一个应用软件中的一个展示页面往往对应一个代码文件,而代码文件又由编程代码打包获得,因此,本实施例具体给出了一个待展示页面所对应编程代码的构建过程,本实施例可以将移动端和网页端具备相同业务功能的任一待展示页面记为目标页面,且可以采用下述步骤实现任一目标页面所对应编程代码的构建。
S201、将移动端和网页端具备相同业务功能的待展示页面记为目标页面。
本实施例可将移动端和网页端作为目标页面在前端的展示载体。
S202、确定所述目标页面中移动端与网页端的公有组件及分别对应的私有组件。
在本实施例中,当目标页面的展示载体不同时,即使目标页面在不同展示载体上具备相同业务功能,但基于编程代码具体实现业务功能时,不同展示载体(移动端和网页端)所采用的组件数据则可能存在不同部分,本实施例将移动端和网页端共同所需的组件数据记为公有组件,将移动端和网页端各自所需的组件数据记为私有组件。
S203、将各所述公有组件及所述移动端所对应私有组件的组件代码数据分别添加到所述目标页面的编程框架中,并在所述编程框架中配置所述网页端所对应私有组件的映射路径。
需要说明的是,本实施例优选以构建移动端所支持编程代码的编程框架为构建的共用编程代码的编程框架,示例性地,当前开发人员常用的支持移动端的编程框架为ReactNative(简称RN)编程框架,因此,本实施例需要采用该编程框架支持的编程方式或编程格式以及相应的编程语言来进行代码构建。
具体地,本实施例可首先将确定出的公有组件的组件代码数据添加到目标页面对应的编程框架(优选为实现移动端页面展示的编程框架)中,并将移动端对应的私有组件的组件代码数据也添加到该编程框架中。需要说明的是,一个编程框架往往存在一些可直接套用的组件代码数据,这些可直接套用的组件代码数据一般存储在指定代码库中,本实施例可以允许开发人员手动编写各组件的组件代码数据,也可以从执行代码库中下发相应的组件代码数据到该编程框架下。
可以理解的是,本实施例执行本步骤的上述操作后,相当于已形成了支持移动端页面展示的编程代码,为保证同样支持网页端的页面展示,本实施例继续通过本步骤进行了网页端所对应私有组件到该编程框架下的映射路径配置,示例性地,本步骤可以采用Webpack配置中的alias属性进行映射,通过该映射配置可将网页端对应的私有组件映射到一个指定目录文件,进行上述配置后,当网页端进行页面调用时,基于该编程框架下的编程代码,可以通过配置的执行目录文件调用出网页端对应的私有组件,从而实现网页端对所编程代码的复用。
S204、获得集成在所述编程框架中用于展示所述目标页面的共用编程代码。
在本实施例中,在可以将适用移动端进行页面展示的组件代码数据(包括共用组件及移动端所对应私有组件的代码数据)直接添加到给定的编程框架下,并可通过映射路径配置的方式将网页端所对应私有组件的相关组件代码数据映射到该编程框架中,由此上述编程框架中集成了可用于展示目标页面的相关代码,这些相关代码就相当于共用编程代码。需要说明的是,本实施例优选采用直接由后端下发组件代码数据到编程框架的编程方式能够更灵活的调整目标页面的展示风格。
本发明实施例二提供的一种页面展示方法,具体给出了移动端和网页端进行页面展示时所依赖共用编程代码的构建过程,该共用编程代码的构建选择在移动端适用的编程框架下进行,然后采用特定映射配置将网页端的组件数据映射在选定的编程框架下,最终获得移动端和网页端均可调用的共用编程代码。利用该方法,能够保证构建出的一套编程代码适用两个前端的页面展示,由此降低了页面展示所需编程代码开发及后期维护中人力资源的成本投入,同时也提高了不同页面显示端展示相同业务功能页面时的代码复用率。
进一步地,在所述获得集成在所述编程框架中用于展示所述目标页面的共用编程代码之前,还包括:基于设定的界面样式规范在所述编程框架中创建界面样式代码。
可以理解的是,对于目标页面而言,其在前端(移动端或网页端)进行展示时需要一定的界面风格来渲染,现有的移动端和网页端分别对应一套页面展示代码的方案中,开发人员可以分别在适用移动端和网页端的编程框架下布局各自支持的界面风格。
然而,在本实施例构建共用编程代码所依赖的编程框架下,为了保证界面样式能够同时适用移动端和网页端,以及支持界面样式的动态调整和布局,本实施例优选采用了预先设定的适用React native编程框架的界面样式规范,基于该界面样式规范创建的界面样式代码能够在所述移动端和网页端展示所述目标页面时保证界面样式统一化。
进一步地,在所述获得集成在所述编程框架中用于展示所述目标页面的共用编程代码之前,还包括:在所述编程框架中配置所述移动端和网页端进行网络请求时的统一请求格式。
需要说明的是,从网络层角度分析,网页端中可能在页面跳转时存在跨域操作,所述跨域操作可理解为页面跳转的目标页面的域名与当前页面的域名不同,为保证所调整目标页面的正常展示,需要进行跨域操作,现有技术中,网页端采用jquery的网络请求来实现跨域操作,而对于移动端而言,其页面跳转中采用网络请求为fetch请求,因此,本实施例构建的共用编程代码还需要解决上述网路请求格式不统一的问题。
为解决网页端的网络请求与移动端的网络请求格式不统一的问题,本实施例需要在当前的编程框架中进行网络请求格式的配置,从而保证网络端和移动端基于生成的网络请求均能够通过调用该共用编程代码来实现页面跳转及展示。
示例性地,本实施例可以在当前的编程框架中进行如下配置:method:'POST',credentials:'include',基于该配置内容能够保证移动端和网页端这两端网络请求的一致性,同时解决了网页端产生的jquery请求不支持当前编程框架以及无法引用整个jquery包的问题,通过该种配置还降低了后期编程代码的维护成本。
进一步地,所述共用编程代码的构建还包括:采用指定的统一入口文件打包所述共用编程代码,以使所述移动端和网页端通过所述统一入口文件由其他页面跳转至所述目标页面。
可以知道的是,在页面展示的实际应用中,用户触发生产页面调用请求后,后端需要通过入口文件来调用相对应的代码文件进行页面展示,现有实现中,往往为各编程代码分别设定相应的入口文件进行打包,当一个应用软件中存在大量待展示页面时,现有方式需要设置大量的入口文件来与各待展示页面的编程代码相对应,由此造成了因入口过多使得后期维护困难的问题。本实施例优选采用为多个编程代码设定一个统一入口文件进行打包的方式,从而在实际页面跳转中,仅需通过统一入口文件采用跳转协议中携带的路由页面参数就能查找到相匹配的代码文件,最终通过调用相配的代码文件来跳转展示页面。
本实施例的该种设置只需将对应于应用软件创建的所有编程代码打包成一个资源文件,并设定一个统一入口文件,就能实现页面的跳转和展示,解决了现有方案中因入口过多造成后期维护困难的问题,更好的提高了页面展示的展示速率。
实施例三
图3给出了本发明实施例三提供的一种页面展示装置的结构框图。该装置适用于在移动端或者网页端进行页面展示的情况,该装置可由软件和/或硬件实现,并一般集成在计算机设备上。如图3所示,该装置包括:请求获取模块31第一调用展示模块32和第二调用展示模块33。
其中,请求获取模块31,用于获取页面调用请求,确定所述页面调用请求的页面调用标识;
第一调用展示模块32,用于当所述页面调用标识为移动端标识时,调用所述页面调用请求对应的移动版代码文件进行页面展示;
第二调用展示模块33,用于当所述页面调用标识为网页端标识时,调用所述页面调用请求对应的网页版代码文件进行页面展示;
其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得。
在本实施例中,该装置首先通过请求获取模块31获取页面调用请求,确定所述页面调用请求的页面调用标识;然后通过第一调用展示模块32当所述页面调用标识为移动端标识时,调用所述页面调用请求对应的移动版代码文件进行页面展示,或者通过第二调用展示模块33当所述页面调用标识为网页端标识时,调用所述页面调用请求对应的网页版代码文件进行页面展示。
本发明实施例提供的一种页面展示装置,能够保证应用软件的移动端和网页端共用一套编程代码实现页面展示,与现有的多端进行页面展示的装置相比,本实施例方案无需分别设计两套具备相同业务功能的代码来分别满足应用软件在计算机网页端以及在移动端的页面展示,仅通过一套共用编程代码就能实现移动端和网页端的页面展示,由此降低了页面展示所需编程代码开发及后期维护中人力资源的成本投入,同时也提高了不同页面显示端展示相同业务功能页面时的代码复用率。
进一步地,该装置还包括:编程代码构建模块,用于构建所述移动端和网页端中待展示页面共用的编程代码;
其中,所述编程代码构建模块具体用于:
将移动端和网页端具备相同业务功能的待展示页面记为目标页面;确定所述目标页面中移动端与网页端的公有组件及分别对应的私有组件;将各所述公有组件及所述移动端所对应私有组件的组件代码数据分别添加到所述目标页面的编程框架中,并在所述编程框架中配置所述网页端所对应私有组件的映射路径;获得集成在所述编程框架中用于展示所述目标页面的共用编程代码。
进一步地,所述编程代码构建模块,还用于:
在所述获得集成在所述编程框架中用于展示所述目标页面的共用编程代码之前,基于设定的界面样式规范在所述编程框架中创建界面样式代码。
进一步地,所述编程代码构建模块,还用于:
在所述获得集成在所述编程框架中用于展示所述目标页面的共用编程代码之前,在所述编程框架中配置所述移动端和网页端进行网络请求时的统一请求格式。
进一步地,所述编程代码构建模块,还用于:
采用指定的统一入口文件打包所述共用编程代码,以使所述移动端和网页端通过所述统一入口文件由其他页面跳转至所述目标页面。
进一步地,所述移动版代码文件通过将所述共用编程代码以设定的移动端文件格式打包获得;所述网页版代码文件通过将所述共用编程代码以设定的网页端文件格式打包获得。
实施例四
图4为本发明实施例四提供的一种计算机设备的硬件结构图,具体地,该计算机设备包括:处理器和存储装置。存储装置中存储有至少一条指令,且指令由所述处理器执行,使得所述计算机设备执行如上述方法实施例所述的页面展示方法。
参照图4,该计算机设备具体可以包括:处理器40、存储装置41、显示屏42、输入装置43、输出装置44以及通信装置45。该计算机设备中处理器40的数量可以是一个或者多个,图4中以一个处理器40为例。该计算机设备中存储装置41的数量可以是一个或者多个,图4中以一个存储装置41为例。该计算机设备的处理器40、存储装置41、显示屏42、输入装置43、输出装置44以及通信装置45可以通过总线或者其他方式连接,图4中以通过总线连接为例。
存储装置41作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本发明实施例对应的程序指令/模块(例如,上述实施例所提供页面展示装置中的请求获取模块31第一调用展示模块32和第二调用展示模块33等)。存储装置41可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作装置、至少一个功能所需的应用程序;存储数据区可存储根据计算机设备的使用所创建的数据等。此外,存储装置41可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储装置41可进一步包括相对于处理器40远程设置的存储器,这些远程存储器可以通过网络连接至计算机设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
一般而言,显示屏42用于根据处理器40的指示显示数据,还用于接收作用于显示屏42的触摸操作,并将相应的信号发送至处理器40或其他装置。可选的,当显示屏42为红外屏时,其还包括红外触摸框,该红外触摸框设置在显示屏42的四周,其还可以用于接收红外信号,并将该红外信号发送至处理器40或者其他计算机设备。
通信装置45,用于与其他计算机设备建立通信连接,其可以是有线通信装置和/或无线通信装置。
输入装置43可用于接收输入的数字或者字符信息,以及产生与计算机设备的用户设置以及功能控制有关的键信号输入,还可以是用于获取图像的摄像头以及获取视频数据中音频的拾音计算机设备。输出装置44可以包括显示屏等视频计算机设备以及扬声器等音频计算机设备。需要说明的是,输入装置43和输出装置44的具体组成可以根据实际情况设定。
处理器40通过运行存储在存储装置41中的软件程序、指令以及模块,从而执行计算机设备的各种功能应用以及数据处理,即实现上述的页面展示方法。
具体的,实施例中,处理器40执行存储装置41中存储的一个或多个程序时,具体实现如下操作:获取移动端页面调用请求,所述移动端页面调用请求包括所述移动端的页面调用标识;或者获取网页端页面调用请求,所述网页端页面调用请求包括所述网页端的页面调用标识;根据所述移动端的页面调用标识调用待展示页面的移动版代码文件进行页面展示;或者,根据所述网页端的页面调用标识调用待展示页面的网页版代码文件进行页面展示;其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得。
本发明实施例还提供一种计算机可读存储介质,所述存储介质中的程序由计算机设备的处理器执行时,使得计算机设备能够执行如上述实施例所述的页面展示方法。示例性的,上述实施例所述的页面展示方法包括:获取移动端页面调用请求,所述移动端页面调用请求包括所述移动端的页面调用标识;或者获取网页端页面调用请求,所述网页端页面调用请求包括所述网页端的页面调用标识;根据所述移动端的页面调用标识调用待展示页面的移动版代码文件进行页面展示;或者,根据所述网页端的页面调用标识调用待展示页面的网页版代码文件进行页面展示;其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得。
需要说明的是,对于装置、计算机设备、存储介质实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本发明可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是机器人,个人计算机,服务器,或者网络设备等)执行本发明任意实施例所述的页面展示方法。
值得注意的是,上述页面展示装置中,所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明的保护范围。
应当理解,本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行装置执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (9)
1.一种页面展示方法,其特征在于,包括:
获取页面调用请求,确定所述页面调用请求的页面调用标识;
如果所述页面调用标识为移动端标识,则调用所述页面调用请求对应的移动版代码文件进行页面展示;
如果所述页面调用标识为网页端标识,则调用所述页面调用请求对应的网页版代码文件进行页面展示;
其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得;
所述移动版代码文件通过将所述共用编程代码以设定的移动端文件格式打包获得;所述网页版代码文件通过将所述共用编程代码以设定的网页端文件格式打包获得。
2.根据权利要求1所述的方法,其特征在于,所述移动端和网页端中待展示页面的共用编程代码通过下述方式构建:
将移动端和网页端具备相同业务功能的待展示页面记为目标页面;
确定所述目标页面中移动端与网页端的公有组件及分别对应的私有组件;
将各所述公有组件及所述移动端所对应私有组件的组件代码数据分别添加到所述目标页面的编程框架中,并在所述编程框架中配置所述网页端所对应私有组件的映射路径;
获得集成在所述编程框架中用于展示所述目标页面的共用编程代码。
3.根据权利要求2所述的方法,其特征在于,在所述获得集成在所述编程框架中用于展示所述目标页面的共用编程代码之前,还包括:
基于设定的界面样式规范在所述编程框架中创建界面样式代码。
4.根据权利要求2所述的方法,其特征在于,在所述获得集成在所述编程框架中用于展示所述目标页面的共用编程代码之前,还包括:
在所述编程框架中配置所述移动端和网页端进行网络请求时的统一请求格式。
5.根据权利要求2所述的方法,其特征在于,所述共用编程代码的构建还包括:
采用指定的统一入口文件打包所述共用编程代码,以使所述移动端和网页端通过所述统一入口文件由其他页面跳转至所述目标页面。
6.一种页面展示装置,其特征在于,包括:
请求获取模块,用于获取页面调用请求,确定所述页面调用请求的页面调用标识;
第一调用展示模块,用于当所述页面调用标识为移动端标识时,调用所述页面调用请求对应的移动版代码文件进行页面展示;
第二调用展示模块,用于当所述页面调用标识为网页端标识时,调用所述页面调用请求对应的网页版代码文件进行页面展示;
其中,所述移动版代码文件和网页版代码文件通过一套共用编程代码获得;
所述移动版代码文件通过将所述共用编程代码以设定的移动端文件格式打包获得;所述网页版代码文件通过将所述共用编程代码以设定的网页端文件格式打包获得。
7.根据权利要求6所述的装置,其特征在于,还包括:编程代码构建模块,用于构建所述移动端和网页端中待展示页面的共用编程代码;
其中,所述编程代码构建模块具体用于:
将移动端和网页端具备相同业务功能的待展示页面记为目标页面;
确定所述目标页面中移动端与网页端的公有组件及分别对应的私有组件;
将各所述公有组件及所述移动端所对应私有组件的组件代码数据分别添加到所述目标页面的编程框架中,并在所述编程框架中配置所述网页端所对应私有组件的映射路径;
获得集成在所述编程框架中用于展示所述目标页面的共用编程代码。
8.一种计算机设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-5中任一项所述的页面展示方法。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-5中任一项所述的页面展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811513744.8A CN109683892B (zh) | 2018-12-11 | 2018-12-11 | 页面展示方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811513744.8A CN109683892B (zh) | 2018-12-11 | 2018-12-11 | 页面展示方法、装置、计算机设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109683892A CN109683892A (zh) | 2019-04-26 |
CN109683892B true CN109683892B (zh) | 2022-05-31 |
Family
ID=66187511
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811513744.8A Active CN109683892B (zh) | 2018-12-11 | 2018-12-11 | 页面展示方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109683892B (zh) |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110413272B (zh) * | 2019-07-30 | 2023-10-13 | 广州市百果园信息技术有限公司 | 前端项目构建方法、装置、存储介质及设备 |
CN110531983A (zh) * | 2019-08-08 | 2019-12-03 | 国云科技股份有限公司 | 一种基于多项目构建的前端页面按需打包方法 |
CN112395098B (zh) * | 2019-08-19 | 2024-03-15 | 网易(杭州)网络有限公司 | 应用程序接口调用方法、装置、存储介质和电子设备 |
CN110737858A (zh) * | 2019-10-16 | 2020-01-31 | 紫光云技术有限公司 | 一种跨平台页面显示方法 |
CN113220336A (zh) * | 2020-01-21 | 2021-08-06 | 腾讯科技(深圳)有限公司 | 代码处理方法、装置、介质及电子设备 |
CN113553522A (zh) * | 2020-04-24 | 2021-10-26 | 北京金山云网络技术有限公司 | 一种页面显示方法、装置、电子设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108446116A (zh) * | 2018-02-26 | 2018-08-24 | 平安普惠企业管理有限公司 | 应用程序页面的生成方法、装置、计算机设备和存储介质 |
CN108845839A (zh) * | 2018-05-31 | 2018-11-20 | 康键信息技术(深圳)有限公司 | 应用页面加载方法、装置及计算机可读存储介质 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107632826B (zh) * | 2016-07-14 | 2021-03-02 | 腾讯科技(深圳)有限公司 | 一种源代码的编译方法和客户端 |
US10228917B2 (en) * | 2017-05-11 | 2019-03-12 | International Business Machines Corporation | Mapping of software code via user interface summarization |
-
2018
- 2018-12-11 CN CN201811513744.8A patent/CN109683892B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108446116A (zh) * | 2018-02-26 | 2018-08-24 | 平安普惠企业管理有限公司 | 应用程序页面的生成方法、装置、计算机设备和存储介质 |
CN108845839A (zh) * | 2018-05-31 | 2018-11-20 | 康键信息技术(深圳)有限公司 | 应用页面加载方法、装置及计算机可读存储介质 |
Non-Patent Citations (1)
Title |
---|
RN的bundle拆分与合并之安卓篇;哪吒闹海全靠浪;《简书》;20170518;正文第1-4页 * |
Also Published As
Publication number | Publication date |
---|---|
CN109683892A (zh) | 2019-04-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109683892B (zh) | 页面展示方法、装置、计算机设备及存储介质 | |
CN109739604B (zh) | 页面渲染方法、装置、服务器及存储介质 | |
WO2021238913A1 (zh) | 直播数据的展示方法、装置、设备及存储介质 | |
CN111814089B (zh) | 一种页面渲染的方法、装置、渲染服务器和存储介质 | |
CN109460233B (zh) | 页面的原生界面显示更新方法、装置、终端设备及介质 | |
CN108228293B (zh) | 一种界面皮肤切换方法及装置 | |
EP2854348A1 (en) | Interface display method and system of home gateway applicable to multiple display types | |
CN110070593B (zh) | 图片预览信息的显示方法、装置、设备及介质 | |
CN109391676A (zh) | 终端设备控制方法、终端设备及计算机可读存储介质 | |
CN110347425A (zh) | 一种配置和使用模板页面的方法、装置、设备和存储介质 | |
US20240103928A1 (en) | Information processing method and apparatus for animation resource, device, medium and product | |
CN111736740B (zh) | 图片热区生成方法、装置、设备和存储介质 | |
WO2022228156A1 (zh) | 一种策略编排处理方法、装置、设备、系统及存储介质 | |
WO2016150389A1 (zh) | 界面处理方法、装置及系统 | |
CN110134410B (zh) | 冷启动用户的个性化信息关联方法、装置及存储介质 | |
CN109739487B (zh) | 一种业务逻辑处理方法、设备及计算机可读存储介质 | |
CN112558968B (zh) | 一种资源树视图的生成方法、装置、设备及存储介质 | |
CN114661375A (zh) | 应用集成方法及装置 | |
CN110795353A (zh) | 快应用的调试方法、装置、设备及存储介质 | |
CN114222003A (zh) | 服务调用方法、系统、装置、设备及存储介质 | |
CN108600838B (zh) | Android电视的信源切换方法、装置、Android电视及可读存储介质 | |
CN111736807B (zh) | 租户功能定制方法、装置及基于租户的办公系统 | |
CN112765038B (zh) | 一种分布式集群软件的测试方法、装置、设备及存储介质 | |
WO2018121652A1 (zh) | 通过用户设备中的应用连接无线接入点的方法与设备 | |
CN111124386B (zh) | 基于Unity的动画事件处理方法、装置、设备和存储介质 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |