CN113268237A - 功能模块的功能页面生成方法、装置、设备及介质 - Google Patents
功能模块的功能页面生成方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN113268237A CN113268237A CN202110575205.2A CN202110575205A CN113268237A CN 113268237 A CN113268237 A CN 113268237A CN 202110575205 A CN202110575205 A CN 202110575205A CN 113268237 A CN113268237 A CN 113268237A
- Authority
- CN
- China
- Prior art keywords
- page
- function
- party application
- file
- application program
- 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
- 238000000034 method Methods 0.000 title claims abstract description 73
- 230000006870 function Effects 0.000 claims description 435
- 238000004891 communication Methods 0.000 claims description 14
- 238000001514 detection method Methods 0.000 claims description 6
- 238000011161 development Methods 0.000 abstract description 21
- 238000012423 maintenance Methods 0.000 abstract description 7
- 238000005516 engineering process Methods 0.000 abstract description 6
- 238000012545 processing Methods 0.000 description 16
- 229910052737 gold Inorganic materials 0.000 description 15
- 239000010931 gold Substances 0.000 description 15
- 230000008569 process Effects 0.000 description 13
- PCHJSUWPFVWCPO-UHFFFAOYSA-N gold Chemical compound [Au] PCHJSUWPFVWCPO-UHFFFAOYSA-N 0.000 description 11
- 238000009877 rendering Methods 0.000 description 7
- 235000019013 Viburnum opulus Nutrition 0.000 description 6
- 244000071378 Viburnum opulus Species 0.000 description 6
- 238000013461 design Methods 0.000 description 6
- 238000012795 verification Methods 0.000 description 6
- 230000003993 interaction Effects 0.000 description 5
- 238000009960 carding Methods 0.000 description 4
- 239000003795 chemical substances by application Substances 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 239000000284 extract Substances 0.000 description 4
- 238000000605 extraction Methods 0.000 description 4
- 229910052709 silver Inorganic materials 0.000 description 4
- 239000004332 silver Substances 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000005484 gravity Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000010079 rubber tapping Methods 0.000 description 1
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
- 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
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本发明涉及应用页面开发技术领域,公开了一种功能模块的功能页面生成方法、装置、计算机设备及计算机存储介质,该方法包括:检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各第三方应用程序为嵌入功能模块的应用程序;根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;配置各第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照文件读取路径读取页面加载文件,以生成功能模块在各第三方应用程序中定制化的功能页面。此外,本发明还涉及区块链技术,第三方应用程序的读取路径配置参数可存储在区块链中。本发明降低了页面开发和运维的成本,提高了页面开发效率。
Description
技术领域
本发明涉及应用页面开发技术领域,尤其涉及一种功能模块的功能页面生成方法、装置、计算机设备以及计算机存储介质。
背景技术
时下,众多业务平台为了给用户提供一站式的在线服务体验,经常需要将本端开发的功能模块嵌入到其它不同的第三方应用程序(又称APP,Application的缩写)中进行运行和应用。由于在本端开发的功能模块通常需要用户基于特定的功能页面输入登录信息进入或者进行功能交互,因此,各个不同的第三方应用程序在启动运行该功能模块时会自动的统一跳转到输入登录信息进入或者进行功能交互的特定功能页面。
然而,由于每个不同的第三方应用程序也都拥有各自的主色、图标等设计风格,因此业务平台在针对这些不同的第三方应用程序进行功能模块嵌入时,就不得不单独定制化的开发不同形式的功能页面,如此,需要耗费业务平台大量的开发资源进行功能模块在不同第三方应用程序中的功能页面的开发、运行维护和页面改动等工作,导致功能页面的开发成本高且效率低下。
发明内容
本发明的主要目的在于提供一种功能模块的功能页面生成方法、装置、计算机设备及计算机存储介质,旨在解决现有针对不同的第三方应用程序进行功能模块嵌入时,不得不单独定制化的开发不同形式的功能页面,导致功能页面的开发成本高且效率低下的技术问题。
为实现上述目的,本发明实施例提供一种功能模块的功能页面生成方法,所述功能模块的功能页面生成方法包括:
检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
可选地,所述共有参数包括:共有结构参数和共有样式参数,所述页面加载文件包括:共用文件和定制化文件,所述根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件的步骤,包括:
根据所述共有结构参数和所述共有样式参数生成所述共用文件;
根据各所述第三方应用程序各自的所述页面定制参数生成各所述第三方应用程序各自对应的所述定制化文件;
整合所述共用文件和各所述定制化文件作为各所述第三方应用公用的页面加载文件。
可选地,所述根据各所述第三方应用程序各自的所述页面定制参数生成各所述第三方应用程序各自对应的所述定制化文件的步骤,包括:
按照各所述第三方应用程序全部的所述页面定制参数生成待确认定制化文件;
检测各所述第三方应用程序各自的所述页面定制参数相互之间存在的页面样式差异或者页面功能差异;
按照所述页面样式差异或者所述页面功能差异分别针对所述待确认定制化文件进行更新,以生成各所述第三方应用程序各自对应的所述定制化文件。
可选地,所述基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面的步骤,包括:
基于所述模块加载框架识别所述第三方应用程序得到识别结果;
加载所述共用文件,并按照所述文件读取路径读取所述识别结果指向的目标第三方应用程序所对应的所述定制化文件;
按照所述共用文件和所述目标第三方应用程序对应的所述定制化文件,生成所述功能模块在所述目标第三方应用程序中定制化的功能页面。
可选地,所述配置各所述第三方应用程序各自的文件读取路径的步骤,包括:
提取各所述第三方应用程序各自的读取路径配置数据,其中,所述读取路径配置参数存储在区块链中;
分别按照所述读取路径配置数据配置各所述第三方应用程序各自的所述文件读取路径。
可选地,在所述检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤之前,所述方法还包括:
获取所述功能模块在各所第三方应用程序中的功能页面配置数据;
所述检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤,包括:
从所述功能页面配置数据中检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
可选地,在所述检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤之前,所述方法还包括:
获取所述功能模块在各预设应用程序中已生成的功能页面,其中,各所述各预设应用程序与各所述第三方应用程序不同;
所述检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤,包括:
针对所述已生成的功能页面进行识别以检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
此外,为实现上述目的,本发明还提供一种功能模块的功能页面生成装置,所述功能模块的功能页面生成装置包括:
参数检测模块,用于检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
文件生成模块,用于根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
页面生成模块,用于配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
此外,为实现上述目的,本发明还提供一种计算机设备,所述计算机设备包括:存储器、处理器,通信总线以及存储在所述存储器上的功能模块的功能页面生成程序,
所述通信总线用于实现处理器与存储器间的通信连接;
所述处理器用于执行所述功能模块的功能页面生成程序,以实现以下步骤:
检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
此外,为实现上述目的,本发明还提供一种计算机存储介质,所述计算机存储介质存储有一个或者一个以上程序,所述一个或者一个以上程序可被一个或者一个以上的处理器执行以用于:
检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
本发明提供的功能模块的功能页面生成方法、装置、计算机设备以及计算存储介质,通过检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
本发明在需要针对嵌入了功能模块的不同第三方应用程序生成对应的该功能模块的功能页面时,通过首先检测该功能模块在不同第三方应用程序需要生成的功能页面的共有参数,然后,根据该共有参数和该各个不同的第三方应用程序各自的页面定制参数来配置生成该各个不同的第三方应用程序所公用的页面加载文件,最后,分别配置该各个不同的第三方应用程序各自的文件读取路径,并基于该功能模块预设的模块加载框架,针对该各个不同的第三方应用程序按照对应的该文件读取路径读取页面加载文件,从而生成得到该功能模块在各个不同的第三方应用程序当中需要生成的定制化的功能页面。
本发明相比于现有针对功能模块嵌入不同第三方应用程序时需要单独定制化开发不同形式功能页面的方式,实现了基于高度梳理和提炼出功能页面的共通点,通过共性、在不降低用户体验的基础上优化代码和简化流程,从而针对不同的第三方应用程序,不需要定制开发多套代码,极大程度的降低了前期开发和后期运维成本。
此外,由于本发明仅对应开发了一套用于生成不同第三方应用程序中功能页面的代码文件,从而在后期功能模块的业务流程发生变化从而需要针对功能页面进行对应调整时,本发明也只需要修改一套代码即可,进一步降低了成本,提高了功能页面的整体开发效率。
附图说明
图1为本发明实施例方法涉及的计算机设备硬件运行环境的结构示意图;
图2为本发明功能模块的功能页面生成方法一实施例的流程示意图;
图3为本发明功能模块的功能页面生成方法一实施例中所涉及的应用场景示意图;
图4为本发明功能模块的功能页面生成方法一实施例中所涉及应用场景中的功能页面;
图5为本发明功能模块的功能页面生成方法一实施例中所涉及应用场景中的另一功能页面;
图6为本发明功能模块的功能页面生成系统的功能模块示意图。
本发明目的的实现、功能特点及优点将整合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例的主要解决方案是:通过检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
由于时下众多业务平台为了给用户提供一站式的在线服务体验,经常需要将本端开发的功能模块嵌入到其它不同的第三方应用程序(又称APP,Application的缩写)中进行运行和应用。由于在本端开发的功能模块通常需要用户基于特定的功能页面输入登录信息进入或者进行功能交互,因此,各个不同的第三方应用程序在启动运行该功能模块时会自动的统一跳转到输入登录信息进入或者进行功能交互的特定功能页面。
然而,由于每个不同的第三方应用程序也都拥有各自的主色、图标等设计风格,因此业务平台在针对这些不同的第三方应用程序进行功能模块嵌入时,就不得不单独定制化的开发不同形式的功能页面,如此,需要耗费业务平台大量的开发资源进行功能模块在不同第三方应用程序中的功能页面的开发、运行维护和页面改动等工作,导致功能页面的开发成本高且效率低下。
本发明提供的解决方案,在需要针对嵌入了功能模块的不同第三方应用程序生成对应的该功能模块的功能页面时,通过首先检测该功能模块在不同第三方应用程序需要生成的功能页面的共有参数,然后,根据该共有参数和该各个不同的第三方应用程序各自的页面定制参数来配置生成该各个不同的第三方应用程序所公用的页面加载文件,最后,分别配置该各个不同的第三方应用程序各自的文件读取路径,并基于该功能模块预设的模块加载框架,针对该各个不同的第三方应用程序按照对应的该文件读取路径读取页面加载文件,从而生成得到该功能模块在各个不同的第三方应用程序当中需要生成的定制化的功能页面。
本发明相比于现有针对功能模块嵌入不同第三方应用程序时需要单独定制化开发不同形式功能页面的方式,实现了基于高度梳理和提炼出功能页面的共通点,通过共性、在不降低用户体验的基础上优化代码和简化流程,从而针对不同的第三方应用程序,不需要定制开发多套代码,极大程度的降低了前期开发和后期运维成本。
此外,由于本发明仅对应开发了一套用于生成不同第三方应用程序中功能页面的代码文件,从而在后期功能模块的业务流程发生变化从而需要针对功能页面进行对应调整时,本发明也只需要修改一套代码即可,进一步降低了成本,提高了功能页面的整体开发效率。
如图1所示,图1是本发明实施例方案涉及的计算机设备硬件运行环境的设备结构示意图。
本发明实施例计算机设备可以是PC、智能手机、平板电脑和便携计算机等终端设备。
如图1所示,该计算机设备可以包括:处理器1001,例如CPU,通信总线1002,用户接口1003,网络接口1004,存储器1005。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard),可选的用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器,也可以是稳定的存储器(non-volatile memory),例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
可选地,该计算机设备还可以包括摄像头、RF(Radio Frequency,射频)电路,传感器、音频电路、WiFi模块等等。其中,传感器比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示屏的亮度,接近传感器可在设备移动到耳边时,关闭显示屏和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别设备姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;当然,移动终端还可配置陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
本领域技术人员可以理解,图1中示出的设备结构并不构成对计算机设备的限定,在其它实施方式当中,计算机设备还可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
如图1所示,作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及功能模块的功能页面生成程序。
在图1所示的计算机设备中,网络接口1004主要用于连接后台服务器,与后台服务器进行数据通信;用户接口1003主要用于连接客户端(用户端),与客户端进行数据通信;而处理器1001可以用于调用存储器1005中存储的功能模块的功能页面生成程序,并执行以下步骤:
检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
进一步地,所述共有参数包括:共有结构参数和共有样式参数,所述页面加载文件包括:共用文件和定制化文件,处理器1001可以用于调用存储器1005中存储的功能模块的功能页面生成程序,还执行以下步骤:
根据所述共有结构参数和所述共有样式参数生成所述共用文件;
根据各所述第三方应用程序各自的所述页面定制参数生成各所述第三方应用程序各自对应的所述定制化文件;
整合所述共用文件和各所述定制化文件作为各所述第三方应用公用的页面加载文件。
进一步地,处理器1001可以用于调用存储器1005中存储的功能模块的功能页面生成程序,还执行以下步骤:
按照各所述第三方应用程序全部的所述页面定制参数生成待确认定制化文件;
检测各所述第三方应用程序各自的所述页面定制参数相互之间存在的页面样式差异或者页面功能差异;
按照所述页面样式差异或者所述页面功能差异分别针对所述待确认定制化文件进行更新,以生成各所述第三方应用程序各自对应的所述定制化文件。
进一步地,处理器1001可以用于调用存储器1005中存储的功能模块的功能页面生成程序,还执行以下步骤:
基于所述模块加载框架识别所述第三方应用程序得到识别结果;
加载所述共用文件,并按照所述文件读取路径读取所述识别结果指向的目标第三方应用程序所对应的所述定制化文件;
按照所述共用文件和所述目标第三方应用程序对应的所述定制化文件,生成所述功能模块在所述目标第三方应用程序中定制化的功能页面。
进一步地,处理器1001可以用于调用存储器1005中存储的功能模块的功能页面生成程序,还执行以下步骤:
提取各所述第三方应用程序各自的读取路径配置数据,其中,所述读取路径配置参数存储在区块链中;
分别按照所述读取路径配置数据配置各所述第三方应用程序各自的所述文件读取路径。
进一步地,处理器1001可以用于调用存储器1005中存储的功能模块的功能页面生成程序,在执行检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤之前,还执行以下步骤:
获取所述功能模块在各所第三方应用程序中的功能页面配置数据;
处理器1001可以用于调用存储器1005中存储的功能模块的功能页面生成程序,还执行以下步骤:
从所述功能页面配置数据中检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
进一步地,处理器1001可以用于调用存储器1005中存储的功能模块的功能页面生成程序,在执行检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤之前,还执行以下步骤:
获取所述功能模块在各预设应用程序中已生成的功能页面,其中,各所述各预设应用程序与各所述第三方应用程序不同;
处理器1001可以用于调用存储器1005中存储的功能模块的功能页面生成程序,还执行以下步骤:
针对所述已生成的功能页面进行识别以检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
本发明功能模块的功能页面生成方法所涉及计算机设备的具体实施例与下述功能模块的功能页面生成方法的各具体实施例基本相同,在此不作赘述,此外,为便于表述,后文中均以终端设备替代计算机设备进行阐述。
本发明提供一种功能模块的功能页面生成方法。
请参照图2,图2为本发明功能模块的功能页面生成方法第一实施例的流程示意图,在本实施例中,该功能模块的功能页面生成方法包括:
步骤S100,检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
用于配置生成功能页面的计算机设备在针对嵌入了功能模块的不同第三方应用程序,生成该功能模块对应的功能页面时,首先检测该功能模块在该不同第三方应用程序需要生成的功能页面的共有参数。
需要说明的是,在本实施例中,共用参数包括但不限于共有结构参数和共有样式参数。功能模块嵌入到不同第三方应用程序当中所需要生成的功能页面虽然实现的功能相同,但页面具体的结构、表现样式、色调以及图标等都可能是不相同的,但是,由于该功能页面在不同的第三方应用程序当中均是要实现相同的功能,因此,在不用的第三方应用程序的功能页面仍然存在相同的结构或者样式等共有参数。具体地,例如,目前平安证券开发的诸如H5交易、模拟炒股、业务办理等功能模块,通常需要嵌入到其它第三方应用程序(如平安银行、壹钱包、平安金管家、陆金所等等)当中,而由于上述各功能模块涉及到针对用户信息的处理,因此,每一个功能模块在该不同的第三方应用程序当中启动运行时都需要将页面入口统一跳转到一个功能页面—平安证券的H5登录页面上,如此,基于不同第三方应用程序各自的设计风格(包括主色调、图标样式等等),该同一个功能模块分别在不同的第三方应用程序当中生成的H5登录页面自然是不相同的,但是由于该每一个H5登录页面又均是为了实现针对用户信息的采集和处理,因此,该每一个H5登录页面也至少存在相同的结构参数(如:用户信息输入框、密码输入框、图形验证码输入框、登录按钮、“登录遇到问题”按钮等)以及样式参数(如:登录按钮的背景颜色相同等等)。
进一步地,在一种可行的实施例中,在上述步骤S100之前,本发明功能模块的功能页面生成方法,还可以包括:
步骤A,获取所述功能模块在各所第三方应用程序中的功能页面配置数据;
需要说明的是,在本实施例中,功能页面配置数据为负责设计开发功能模块的工作人员在开发设计该功能模块的过程当中,将该功能模块在每一个第三方应用程序当中要生成的功能页面的配置数据,其中,该配置数据不包含各个不同的第三方应用程序各自针对功能页面的页面定制化参数。
用于配置生成功能页面的计算机设备在针对嵌入了功能模块的不同第三方应用程序,生成该功能模块对应的功能页面时,先获取负责设计开发该功能模块的工作人员所存储的该功能模块在第三方应用程序当中要生成的功能页面的配置数据。
具体地,例如,用于配置生成功能页面的计算机设备预先为负责设计开发“H5交易”这一功能模块的工作人员提供一个数据接口,从而,该工作人员即可通过该数据接口将开发设计“H5交易”这一功能模块过程当中,用于配置生成“H5交易”这一功能模块分别在平安银行、壹钱包、平安金管家、陆金所等各个不同的第三方应用程序当中功能页面的配置数据,上载存储在该计算机设备本地的任一存储空间当中,以供后续该计算机设备在基于该平安银行、壹钱包、平安金管家、陆金所、雪球等各个不同的第三方应用程序各自页面定制参数生成对应的功能页面时,从该存储空间当中调用该配置数据。
进一步地,上述步骤S100,可以包括:
步骤S101,从所述功能页面配置数据中检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
计算机设备在获取得到功能模块在第三方应用程序当中要生成的功能页面的配置数据之后,基于该功能页面具体要实现的功能从该配置数据当中检测并提取得到在不同的第三方应用程序当中的该功能页面的共用参数。
具体地,例如,用于配置生成功能页面的计算机设备在从本地的存储空间当中提取得到“H5交易”这一功能模块分别在平安银行、壹钱包、平安金管家、陆金所、雪球等各个不同的第三方应用程序当中功能页面的配置数据之后,该计算机设备进一步基于“H5交易”这一功能模块分别在平安银行、壹钱包、平安金管家、陆金所等各个不同的第三方应用程序当中生成的功能页面—登录页面所要实现的功能:针对用户信息的采集和处理,来从该功能页面的配置数据当中,检测并提取出要实现“针对用户信息的采集和处理”所必须的用户信息输入框、密码输入框、图形验证码输入框、登录按钮、“登录遇到问题”按钮等结构参数,以及工作人员自定义配置的该登录页面统一的样式参数如:登录按钮均采用#F34141色号。
进一步地,在另一种可行的实施例中,在上述步骤S100之前,本发明功能模块的功能页面生成方法,还可以包括:
步骤B,获取所述功能模块在各预设应用程序中已生成的功能页面,其中,各所述各预设应用程序与各所述第三方应用程序不同;
需要说明的是,在本实施例中,各预设应用程序为已经嵌入功能模块,并且已经按照各自的页面定制参数配置生成了执行相同功能的功能页面的第三方应用程序。
用于配置生成功能页面的计算机设备在针对嵌入了功能模块的不同第三方应用程序,生成该功能模块对应的功能页面时,先获取该功能模块在其它第三方应用程序当中已经生成的功能页面。
具体地,例如,负责设计开发“H5交易”这一功能模块的工作人员预先已经按照“H5交易”这一功能模块在“雪球”这一第三方应用程序(嵌入了该“H5交易”功能模块)当中,所要实现的“针对用户信息的采集和处理”所必须的用户信息输入框、密码输入框、图形验证码输入框、登录按钮、“登录遇到问题”按钮等结构参数,以及该“雪球”这一第三方应用程序的定制参数生成了对应的功能页面—登录页面,然后,计算机设备在需要针对该“H5交易”功能模块,生成在平安银行、壹钱包、平安金管家、陆金所等各个不同的第三方应用程序当中,生成用于实现同样的“针对用户信息的采集和处理”的功能页面—登录页面时,该计算机设备即可直接获取已经生成的“H5交易”功能模块在“雪球”这一第三方应用程序当中已经生成的登录页面。
进一步地,上述步骤S100,还可以包括:
步骤S102,针对所述已生成的功能页面进行识别以检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
用于配置生成功能页面的计算机设备在获取得到功能模块在其它第三方应用程序当中已经生成的功能页面之后,随即针对该功能页面进行解析识别,从而检测得到该功能模块在嵌入到其它各个不同的第三方应用程序当中之后,所需要生成的功能页面的共有参数。
具体地,例如,用于配置生成功能页面的计算机设备在获取得到“H5交易”这一功能模块,在嵌入到“雪球”这一第三方应用程序当中已经生成的登录页面之后,基于针对该登录页面进行解析识别,从而提取出该登录页面上为了实现的“针对用户信息的采集和处理”所必须的用户信息输入框、密码输入框、图形验证码输入框、登录按钮、“登录遇到问题”按钮等结构参数,并将提取得到的该结构参数作为该“H5交易”功能模块在嵌入到平安银行、壹钱包、平安金管家、陆金所等各个不同的第三方应用程序当中之后,所需要的生成用于实现“针对用户信息的采集和处理”的功能页面—登录页面的共有参数。
需要说明的是,在本实施例中,计算机设备具体可以采用任意成熟的图像处理技术来解析已经生成的功能页面,并提取得到该功能页面所包含的结构参数,应当理解的是,基于实际应用的不同设计需要,在不同可行的实施方式当中,计算机设备当然可以采用任意不同的图像处理技术,本发明功能模块的功能页面生成方法,并不针对该图像处理技术的具体种类和运用过程进行限定。
步骤S200,根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
用于配置生成功能页面的计算机设备在提取得到功能模块嵌入到各不同第三方应用程序中,从而需要生成的功能页面的共用参数之后,进一步基于该共有参数以及每一个第三方应用程序各自的页面定制参数来生成统一的该各不同第三方应用程序所公用的页面加载文件。
具体地,例如,计算机设备获取得到“H5交易”功能模块在嵌入到平安银行和陆金所这两个不同的第三方应用程序当中,所需要的生成用于实现“针对用户信息的采集和处理”的功能页面—登录页面的共有参数(用户信息输入框、密码输入框、图形验证码输入框、登录按钮、“登录遇到问题”按钮等结构参数)之后,进一步先将该共有参数写入index.html文件中,并同步将该功能页面的交互逻辑写入index.js文件中(其中,index.html文件引用index.js文件),然后,将不同应用程序当中登录页面的共同样式(登录按钮均采用#F34141色号)写入index.css文件中,将平安银行这一第三方应用程序的定制样式写入differ-peabank.css文件中,而将陆金所这一第三方应用程序的定制样式写入differ-lufax.css文件中,最后,计算机设备整合该index.html文件、index.js文件、index.css文件、differ-peabank.css文件和differ-lufax.css文件,从而生成“H5交易”功能模块在平安银行和陆金所这两个不同的第三方应用程序启动运行以生成登录页面时所都需要加载应用的页面加载文件。
步骤S300,配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
用于配置生成功能页面的计算机设备在基于功能页面的共有参数,和每一个第三方应用程序各自的页面定制参数生成统一的页面加载文件之后,该计算机设备进一步分别配置该每一个第三方应用程序用于加载应用该页面加载文件时的文件读取路径,从而在功能模块在该不同的第三方应用程序中启动运行时,基于预设的模块加载框架来按照对应的第三方应用程序的文件读取路径,读取该统一的页面加载文件,从而生成该功能模块在该第三方应用程序启动运行时需要生成的定制化的功能页面。
需要说明的是,在本实施例中,预设的模块加载框架为任意在第三方应用程序当中启动运行嵌入式功能模块的框架,具体地,该模块加载框架具体可以为“seajs(遵循CommonJS规范的模块加载框架)”
具体地,例如,计算机设备在生成“H5交易”功能模块在平安银行和陆金所这两个不同的第三方应用程序启动运行以生成登录页面时,所需要加载应用的页面加载文件:index.html文件、index.js文件、index.css文件、differ-peabank.css文件和differ-lufax.css文件之后,该计算机设备进一步按照平安银行和陆金所这两个不同的第三方应用程序各自的定制化参数配置生成对应的文件读取路径,从而在“H5交易”功能模块在平安银行或者陆金所这两个不同的第三方应用程序启动运行以需要生成登录页面时,由seajs按照平安银行这个第三方应用程序的文件读取路径,读取index.html文件、index.js文件、index.css文件、differ-peabank.css文件,从而在该平安银行这个第三方应用程序当中生成能够实现“针对用户信息的采集和处理”、且为该平安银行这个第三方应用程序所定制化的登录页面,或者,由seajs按照陆金所这个第三方应用程序的文件读取路径,读取index.html文件、index.js文件、index.css文件、differ-lufax.css文件,从而在该陆金所这个第三方应用程序当中生成同样能够实现“针对用户信息的采集和处理”、但为该陆金所这个第三方应用程序所定制化的登录页面。
进一步地,在一种可行的实施例中,上述步骤S300中,“配置各所述第三方应用程序各自的文件读取路径”的步骤,可以包括:
步骤S301,提取各所述第三方应用程序各自的读取路径配置数据,其中,所述读取路径配置参数存储在区块链中;
需要说明的是,在本实施例中,各第三方应用程序各自的读取路径配置数据可以为该各第三方应用程序各自定制化参数中的一部分,或者,该读取路径配置数据也可以为负责设计开发功能模块的工作人员根据该各第三方应用程序各自的定制化参数,所分别针对每个第三方应用程序进行文件读取路径配置后得到的数据。此外,该读取路径配置数据可以由工作人员存储到一个稳定的存储空间(例如区块链)当中,从而,在计算机设备在后续针对该第三方应用程序生成功能页面时,即可自动从该存储空间当中获取该读取路径配置数据。
用于配置生成功能页面的计算机设备生成统一的页面加载文件之后,进一步从区块链当中提取各个不同的第三方应用程序各自的读取路径配置数据,以用于后续分别配置该每一个第三方应用程序用于加载应用该页面加载文件时的文件读取路径。
具体地,例如,计算机设备在生成“H5交易”功能模块在平安银行和陆金所这两个不同的第三方应用程序启动运行以生成登录页面时,所需要加载应用的页面加载文件:index.html文件、index.js文件、index.css文件、differ-peabank.css文件和differ-lufax.css文件之后,进一步以平安银行和陆金所这两个不同的第三方应用程序各自的应用程序标识——peabank和lufax,在预先存储多个不同的第三方应用程序各自读取路径配置数据的区块链节点当中,以该应用程序标识——peabank和lufax为索引提取得到该平安银行和陆金所这两个不同的第三方应用程序各自的读取路径配置数据
在本实施例中,通过将不同的第三方应用程序各自的读取路径配置数据存储于一区块链的节点中,如此,不仅确保了该读取路径配置数据的稳定性,还确保了后续计算机设备在提取该读取路径配置数据时的响应积极性,以及根据读取路径配置数据配置第三方应用程序文件读取路径的准确性。
步骤S302,分别按照所述读取路径配置数据配置各所述第三方应用程序各自的所述文件读取路径。
用于配置生成功能页面的计算机设备在从区块链当中提取得到各不同的第三方应用程序各自的读取路径配置数据之后,分别以每一个第三方应用程序的读取路径配置数据,配置得到该第三方应用程序针对统一的页面加载文件的文件读取路径。
具体地,例如,请参照如图3所示的应用场景,计算机设备在“H5交易”功能模块在平安银行和陆金所这两个不同的第三方应用程序的模块加载框架—seajs下,写入逻辑如下:“通过navigator.useragent方法(useragent,用户代理,useragent的约定格式为:应用名+斜线+版本号+自由格式)获取浏览器的UA(即useragent),如果UA=PEABANK,确定“H5交易”功能模块当前在平安银行这个第三方应用程序中被启动运行,则加载统一的页面加载文件中,index.css文件和differ-peabank.css文件;而如果UA=LUFAX,确定“H5交易”功能模块当前在陆金所这个第三方应用程序中被启动运行,则加载统一的页面加载文件中,index.css文件和differ-lufax.css文件。
在本实施例中,通过用于配置生成功能页面的计算机设备在针对嵌入了功能模块的不同第三方应用程序,生成该功能模块对应的功能页面时,首先检测该功能模块在该不同第三方应用程序需要生成的功能页面的共有参数;计算机设备在提取得到需要生成的功能页面的共用参数之后,进一步基于该共有参数以及每一个第三方应用程序各自的页面定制参数来生成统一的该各不同第三方应用程序所公用的页面加载文件;计算机设备进一步分别配置该每一个第三方应用程序用于加载应用该页面加载文件时的文件读取路径,从而在功能模块在该不同的第三方应用程序中启动运行时,基于预设的模块加载框架来按照对应的第三方应用程序的文件读取路径,读取该统一的页面加载文件,从而生成该功能模块在该第三方应用程序启动运行时需要生成的定制化的功能页面。
本发明相比于现有针对功能模块嵌入不同第三方应用程序时需要单独定制化开发不同形式功能页面的方式,实现了基于高度梳理和提炼出功能页面的共通点,通过共性、在不降低用户体验的基础上优化代码和简化流程,从而针对不同的第三方应用程序,不需要定制开发多套代码,极大程度的降低了前期开发和后期运维成本。
此外,由于本发明仅对应开发了一套用于生成不同第三方应用程序中功能页面的代码文件,从而在后期功能模块的业务流程发生变化从而需要针对功能页面进行对应调整时,本发明也只需要修改一套代码即可,进一步降低了成本,提高了功能页面的整体开发效率。
进一步地,基于上述本发明功能模块的功能页面生成方法的第一实施例,提出本发明功能模块的功能页面生成方法的第二实施例,本实施例与上述第一实施例的主要区别在于,本实施例中,所述共有参数包括:共有结构参数和共有样式参数,所述页面加载文件包括:共用文件和定制化文件,上述步骤S200,根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件,可以包括:
步骤S201,根据所述共有结构参数和所述共有样式参数生成所述共用文件;
用于配置生成功能页面的计算机设备在提取得到功能模块嵌入到各不同第三方应用程序中,从而需要生成的功能页面的共用参数之后,先基于该共有参数当中的共有结构参数和共有样式参数,生成统一的页面加载文件中每一个第三方应用程序的共用文件。
具体地,例如,页面加载文件中的共用文件具体可以包括:index.html文件,index.js文件(其中,index.html文件引用index.js文件)和index.css文件。计算机设备获取得到“H5交易”功能模块在嵌入到平安银行和陆金所这两个不同的第三方应用程序当中,所需要的生成用于实现“针对用户信息的采集和处理”的功能页面—登录页面的共有参数:用户信息输入框、密码输入框、图形验证码输入框、登录按钮、“登录遇到问题”按钮等结构参数之后,先将该用户信息输入框、密码输入框、图形验证码输入框、登录按钮、“登录遇到问题”按钮等结构参数写入index.html文件中,并同步将该功能页面的交互逻辑写入index.js文件中,然后,该计算机设备还将该平安银行和陆金所这两个不同的第三方应用程序当中登录页面的共同样式(登录按钮均采用#F34141色号)写入index.css文件中。
步骤S202,根据各所述第三方应用程序各自的所述页面定制参数生成各所述第三方应用程序各自对应的所述定制化文件。
用于配置生成功能页面的计算机设备在生成每一个第三方应用程序统一的页面加载文件中的共用文件之后,进一步按照各个第三方应用程序各自的页面定制参数生成统一的页面加载文件中该各个第三方应用程序的定制化文件。
具体地,例如,统一的页面加载文件中第三方应用程序的定制化文件具体可以包括:differ-XXX.css文件,第三方应用程序各自的页面定制参数具体可以为第三方应用程序各自的定制样式,计算机设备通过将平安银行这一第三方应用程序的定制样式写入differ-peabank.css文件中形成平安银行这一第三方应用程序的定制化文件,计算机设备还将陆金所这一第三方应用程序的定制样式写入differ-lufax.css文件中形成陆金所这一第三方应用程序的定制化文件。
进一步地,在一种可行的实施例中,上述步骤S202,可以包括:
步骤S2021,按照各所述第三方应用程序全部的所述页面定制参数生成待确认定制化文件;
用于配置生成功能页面的计算机设备在生成统一的页面加载文件中每一个第三方应用程序的共用文件之后,进一步按照各个第三方应用程序各自的页面定制参数生成该统一的页面加载文件中各个第三方应用程序的待确认定制化文件。
具体地,例如,第三方应用程序各自的页面定制参数具体可以为第三方应用程序各自的定制样式,计算机设备通过将平安银行这一第三方应用程序的定制样式写入differ-peabank.css文件,然后,计算机设备将该differ-peabank.css文件作为该平安银行这一第三方应用程序的待确认定制化文件,此外,计算机设备还将陆金所这一第三方应用程序的定制样式写入differ-lufax.css文件,并将该differ-lufax.css文件也作为该陆金所这一第三方应用程序的待确认定制化文件。
步骤S2022,检测各所述第三方应用程序各自的所述页面定制参数相互之间存在的页面样式差异或者页面功能差异;
需要说明的是,在本实施例中,各个不同的第三方应用程序各自的页面定制参数还可以包括实现具体功能的结构,例如,某一个第三方应用程序当中定制其功能页面不需要或者新增加某一个功能,从而,该第三方应用程序的页面定制参数当中可以包括:不需要功能页面共有结构参数中的某一个结构,或者,新增加一个除功能页面共有结构参数之外的某一个结构。
用于配置生成功能页面的计算机设备在生成统一的页面加载文件中,各个第三方应用程序的待确认定制化文件之后,进一步检测该各个第三方应用程序各自的页面定制参数,从而确定该各个页面定制参数相互之间是否存在针对功能页面的页面样式差异或者页面功能差异。
具体地,例如,计算机设备在生成平安银行这一第三方应用程序的待确认定制化文件—differ-peabank.css文件,也生成将陆金所这一第三方应用程序的待确认定制化文件—differ-lufax.css文件之后,计算机设备进一步检测该平安银行和陆金所这两个第三方应用程序各自的页面定制参数—页面定制参数1和页面定制参数2,从而在发现该页面定制参数1中包含:“登录按钮”需要展示为#F34141色号,而面定制参数2中包含:“登录按钮”需要展示为#FC7946色号时,确定该页面定制参数1和页面定制参数2之间存在针对该平安银行和陆金所这两个第三方应用程序各自功能页面—登录页面的页面样式差异;或者,计算机设备在检测页面定制参数1和页面定制参数2时,若发现该页面定制参数1中包含:需要“登录遇到问题”按钮,而面定制参数2中包含:不需要“登录遇到问题”按钮时,确定该页面定制参数1和页面定制参数2之间存在针对该平安银行和陆金所这两个第三方应用程序各自功能页面—登录页面的页面功能差异。
步骤S2023,按照所述页面样式差异或者所述页面功能差异分别针对所述待确认定制化文件进行更新,以生成各所述第三方应用程序各自对应的所述定制化文件。
用于配置生成功能页面的计算机设备在检测到页面样式差异或者页面功能差异之后,进一步按照该页面样式差异或者页面功能差异针对已经生成的待确认定制化进行更新,从而将更新之后的该待确认定制化文件作为各个第三方应用程序各自所对应的定制化文件。
具体地,例如,计算机设备在检测平安银行和陆金所这两个第三方应用程序各自的页面定制参数—页面定制参数1和页面定制参数2,从而在发现该页面定制参数1中包含:“登录按钮”需要展示为#F34141色号,而面定制参数2中包含:“登录按钮”需要展示为#FC7946色号时,确定该页面定制参数1和页面定制参数2之间存在针对该平安银行和陆金所这两个第三方应用程序各自功能页面—登录页面的页面样式差异之后,计算机设备进一步在平安银行这一第三方应用程序的待确认定制化文件—differ-peabank.css文件当中,设置一个样式class="submit_btn",并将submit_btn的背景色设置成#F34141色号,然后将更新之后的该待确认定制化文件—differ-peabank.css文件确定为平安银行这一第三方应用程序的定制化文件,此外,计算机设备同样在陆金所这一第三方应用程序的待确认定制化文件—differ-lufax.css文件当中,也设置一个样式class="submit_btn",但将该submit_btn的背景色设置成#FC7946色号,并将更新之后的该待确认定制化文件—differ-lufax.css文件确定为陆金所这一第三方应用程序的定制化文件。
或者,计算机设备在检测该页面定制参数1和页面定制参数2,从而发现该页面定制参数1中包含:需要“登录遇到问题”按钮,而面定制参数2中包含:不需要“登录遇到问题”按钮时,确定该页面定制参数1和页面定制参数2之间存在针对该平安银行和陆金所这两个第三方应用程序各自登录页面的页面功能差异之后,计算机设备进一步在统一的页面加载文件的共用文件—index.html文件中,在“登录按钮”处添加样式not-show-in-lufax,并在陆金所这一第三方应用程序的待确认定制化文件—differ-lufax.css文件当中,定义样式.not-show-in-lufax{display:none},而平安银行这一第三方应用程序的待确认定制化文件—differ-peabank.css文件当中,定义样式.not-show-in-lufax{display:block},然后,计算机设备将更新后的待确认定制化文件—differ-lufax.css文件和待确认定制化文件—differ-peabank.css文件,分别确定为平安银行和陆金所这两个第三方应用程序各自的定制化文件。
步骤S203,整合所述共用文件和各所述定制化文件作为各所述第三方应用公用的页面加载文件。
用于配置生成功能页面的计算机设备在生成每一个第三方应用程序统一的页面加载文件中的共用文件,以及该各个第三方应用程序各自对应的的定制化文件之后,进一步将该共用文件和该各个定制化文件整合在一起形成该各个第三方应用程序各自所公用的页面加载文件。
具体地,例如,计算机设备在生成平安银行和陆金所这两个不同的第三方应用程序的共用文件:index.html文件,index.js文件和index.css文件,以及,生成平安银行这一第三方应用程序的定制化文件:differ-peabank.css文件,和陆金所这一第三方应用程序的定制化文件:differ-lufax.css文件之后,进一步将该index.html文件,index.js文件和index.css文件和该differ-peabank.css文件以及differ-lufax.css文件一起打包封装在一个文件当中,并将该一个文件作为平安银行和陆金所这两个不同的第三方应用程序在运行嵌入的“H5交易”功能模块从而生成对应功能页面时都需要加载的页面加载文件。
进一步地,在一种可行的实施例中,上述步骤S300中,“基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面”的步骤,可以包括:
步骤S301,基于所述模块加载框架识别所述第三方应用程序得到识别结果;
用于配置生成功能页面的计算机设备在针对功能模块生成各不同的第三方应用程序生成对应的功能页面时,先基于模块加载框架针对当前启动运行该功能模块的第三方应用进行识别得到识别结果。
具体地,例如,请参照如图3所示的应用场景,计算机设备基于“H5交易”功能模块在平安银行和陆金所这两个不同的第三方应用程序的模块加载框架—seajs,通过navigator.useragent方法获取浏览器的UA(即useragent),如果UA=PEABANK,则识别到“H5交易”功能模块当前在平安银行这个第三方应用程序中被启动运行的识别结果,或者,如果UA=LUFAX,则识别到“H5交易”功能模块当前在陆金所这个第三方应用程序中被启动运行。
步骤S302,加载所述共用文件,并按照所述文件读取路径读取所述识别结果指向的目标第三方应用程序所对应的所述定制化文件;
用于配置生成功能页面的计算机设备在基于模块加载框架识别第三方应用程序得到识别结果的同时或者之后,先加载统一的页面加载文件当中,该各个第三方应用程序的共用文件,然后基于该识别结果,按照预先已经配置好的文件读取路径读取该页面加载文件当中,该识别结果所标识的目标第三方应用程序对应的定制化文件。
具体地,例如,计算机设备在针对“H5交易”功能模块在平安银行和陆金所这两个不同的第三方应用程序进行功能页面—登录页面的生成时,基于模块加载框架—seajs先加载页面加载文件中的共用文件:index.html文件,index.js文件和index.css文件,然后,在通过navigator.useragent方法在获取浏览器的UA=PEABANK,从而确定当前启动运行该“H5交易”功能模块的目标第三方应用程序为平安银行时,进一步加载该页面加载文件中的differ-peabank.css文件;或者,在通过navigator.useragent方法在获取浏览器的UA=LUFAX,以确定当前启动运行该“H5交易”功能模块的目标第三方应用程序为陆金所时,则进一步加载该页面加载文件中的differ-lufax.css文件。
步骤S303,按照所述共用文件和所述目标第三方应用程序对应的所述定制化文件,生成所述功能模块在所述目标第三方应用程序中定制化的功能页面。
用于配置生成功能页面的计算机设备在加载得到共用文件,和当前启动运行功能模块的目标第三方应用程序对应的定制化文件之后,基于该共用文件和该定制化文件进行页面渲染,从而生成该功能模块在该目标第三方应用程序中定制化的功能页面。
具体地,例如,计算机设备在基于模块加载框架—seajs先加载页面加载文件中的共用文件:index.html文件,index.js文件和index.css文件,并通过navigator.useragent方法确定当前启动运行该“H5交易”功能模块的目标第三方应用程序为平安银行,从而加载到differ-peabank.css文件之后,基于该index.html文件,index.js文件、index.css文件和differ-peabank.css文件进行页面渲染从而生成如图4所示的“H5交易”功能模块,在平安银行这一第三方应用程序当中的登录页面。
或者,计算机设备在基于模块加载框架—seajs先加载页面加载文件中的共用文件:index.html文件,index.js文件和index.css文件,并通过navigator.useragent方法确定当前启动运行该“H5交易”功能模块的目标第三方应用程序为陆金所,从而加载到differ-lufax.css文件之后,基于该index.html文件,index.js文件、index.css文件和differ-lufax.css文件进行页面渲染从而生成如图5所示的“H5交易”功能模块,在陆金所这一第三方应用程序当中的登录页面。
需要说明的是,在本实施例中,计算机设备具体可以采用任意成熟的页面渲染方式来基于index.html文件,index.js文件、index.css文件和differ-lufax.css文件(或者differ-peabank.css文件)来渲染生成相应的功能页面。应当理解的是,基于实际应用的不同设计需要,在不同可行的实施方式当中,计算机设备当然可以采用任意不同的页面渲染方式,本发明功能模块的功能页面生成方法并不针对该页面渲染方式的具体种类和过程进行限定。
在本实施例中,基于高度梳理和提炼出功能模块在第三方应用程序中需要生成的功能页面的共通点,通过共性和各不同的第三方应用程序各自功能页面的差异,生成包含共用和定制化两种类型文件的页面加载文件,然后,基于各不同的第三方应用程序各自的文件读取路径直接从该页面加载文件当中读取对应文件进行页面渲染,实现了在不降低用户体验的基础上,优化了页面配置代码和简化了整体流程,能够针对不同的第三方应用程序,仅定制开发一套代码,降低了前期开发和后期维护的成本,并且在后期需要针对功能模块进行业务流程调整从而更新功能页面时,只需要修改一套代码即可,大大降低了人力成本。
此外,本发明还提供了功能模块的功能页面生成装置,请参照图6,图6为本发明功能模块的功能页面生成装置的功能模块示意图,该功能模块的功能页面生成系统包括:
参数检测模块101,用于检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
文件生成模块102,用于根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
页面生成模块103,用于配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
可选地,所述共有参数包括:共有结构参数和共有样式参数,所述页面加载文件包括:共用文件和定制化文件,所述文件生成模块102,包括:
第一生成单元,用于根据所述共有结构参数和所述共有样式参数生成所述共用文件;
第二生成单元,用于根据各所述第三方应用程序各自的所述页面定制参数生成各所述第三方应用程序各自对应的所述定制化文件;
整合单元,用于整合所述共用文件和各所述定制化文件作为各所述第三方应用公用的页面加载文件。
可选地,所述第二生成单元,包括:
第一生成子单元,用于按照各所述第三方应用程序全部的所述页面定制参数生成待确认定制化文件;
检测子单元,用于检测各所述第三方应用程序各自的所述页面定制参数相互之间存在的页面样式差异或者页面功能差异;
更新确定子单元,用于按照所述页面样式差异或者所述页面功能差异分别针对所述待确认定制化文件进行更新,以生成各所述第三方应用程序各自对应的所述定制化文件。
可选地,所述页面生成模块103,包括:
识别单元,用于基于所述模块加载框架识别所述第三方应用程序得到识别结果;
加载单元,用于加载所述共用文件,并按照所述文件读取路径读取所述识别结果指向的目标第三方应用程序所对应的所述定制化文件;
第三生成单元,用于按照所述共用文件和所述目标第三方应用程序对应的所述定制化文件,生成所述功能模块在所述目标第三方应用程序中定制化的功能页面。
可选地,所述页面生成模块103,还包括:
提取单元,用于提取各所述第三方应用程序各自的读取路径配置数据,其中,所述读取路径配置参数存储在区块链中;
路径配置单元,用于分别按照所述读取路径配置数据配置各所述第三方应用程序各自的所述文件读取路径。
可选地,所述功能模块的功能页面生成装置,还包括:
第一获取模块,用于获取所述功能模块在各所第三方应用程序中的功能页面配置数据;
所述参数检测模块101,还用于从所述功能页面配置数据中检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
可选地,所述功能模块的功能页面生成装置,还包括:
第二获取模块,用于获取所述功能模块在各预设应用程序中已生成的功能页面,其中,各所述各预设应用程序与各所述第三方应用程序不同;
所述参数检测模块101,还用于针对所述已生成的功能页面进行识别以检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
本发明功能模块的功能页面生成系统的具体实施方式与上述功能模块的功能页面生成方法各实施例基本相同,在此不再赘述。
此外,本发明还提供了一种计算机设备,该计算机设备包括:存储器、处理器,通信总线以及存储在所述存储器上的功能模块的功能页面生成程序,
所述通信总线用于实现处理器与存储器间的通信连接;
所述处理器用于执行所述基于互联网的功能模块的功能页面生成程序,以实现以下步骤:
检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
本发明计算机设备的具体实施方式与上述功能模块的功能页面生成方法各实施例相同,在此不再赘述。
此外,本发明还提供了一种计算机存储介质,该计算机存储介质存储有一个或者一个以上程序,该一个或者一个以上程序还可被一个或者一个以上的处理器执行以用于:
检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
此外,各所述第三方应用程序各自的读取路径配置数据存储于区块链中,该一个或者一个以上程序还可被一个或者一个以上的处理器执行以用于:
提取各所述第三方应用程序各自的读取路径配置数据;
分别按照所述读取路径配置数据配置各所述第三方应用程序各自的所述文件读取路径。
本发明计算机存储介质的具体实施方式与上述功能模块的功能页面生成方法各实施例基本相同,在此不再赘述。
需要说明的是,本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
此外,本发明还提供了一种计算机程序产品,该计算机程序产品上存储有一个或者一个以上程序,该一个或者一个以上程序还可被一个或者一个以上的处理器执行以用于:
检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
本发明计算机程序产品的具体实施方式与上述功能模块的功能页面生成方法各实施例基本相同,在此不再赘述。
此外,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的可选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种功能模块的功能页面生成方法,其特征在于,所述功能模块的功能页面生成方法包括:
检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
2.如权利要求1所述的功能模块的功能页面生成方法,其特征在于,所述共有参数包括:共有结构参数和共有样式参数,所述页面加载文件包括:共用文件和定制化文件,所述根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件的步骤,包括:
根据所述共有结构参数和所述共有样式参数生成所述共用文件;
根据各所述第三方应用程序各自的所述页面定制参数生成各所述第三方应用程序各自对应的所述定制化文件;
整合所述共用文件和各所述定制化文件作为各所述第三方应用公用的页面加载文件。
3.如权利要求2所述的功能模块的功能页面生成方法,其特征在于,所述根据各所述第三方应用程序各自的所述页面定制参数生成各所述第三方应用程序各自对应的所述定制化文件的步骤,包括:
按照各所述第三方应用程序全部的所述页面定制参数生成待确认定制化文件;
检测各所述第三方应用程序各自的所述页面定制参数相互之间存在的页面样式差异或者页面功能差异;
按照所述页面样式差异或者所述页面功能差异分别针对所述待确认定制化文件进行更新,以生成各所述第三方应用程序各自对应的所述定制化文件。
4.如权利要求3所述的功能模块的功能页面生成方法,其特征在于,所述基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面的步骤,包括:
基于所述模块加载框架识别所述第三方应用程序得到识别结果;
加载所述共用文件,并按照所述文件读取路径读取所述识别结果指向的目标第三方应用程序所对应的所述定制化文件;
按照所述共用文件和所述目标第三方应用程序对应的所述定制化文件,生成所述功能模块在所述目标第三方应用程序中定制化的功能页面。
5.如权利要求1-4任一项所述的功能模块的功能页面生成方法,其特征在于,所述配置各所述第三方应用程序各自的文件读取路径的步骤,包括:
提取各所述第三方应用程序各自的读取路径配置数据,其中,所述读取路径配置参数存储在区块链中;
分别按照所述读取路径配置数据配置各所述第三方应用程序各自的所述文件读取路径。
6.如权利要求1所述的功能模块的功能页面生成方法,其特征在于,在所述检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤之前,所述方法还包括:
获取所述功能模块在各所第三方应用程序中的功能页面配置数据;
所述检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤,包括:
从所述功能页面配置数据中检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
7.如权利要求1所述的功能模块的功能页面生成方法,其特征在于,在所述检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤之前,所述方法还包括:
获取所述功能模块在各预设应用程序中已生成的功能页面,其中,各所述各预设应用程序与各所述第三方应用程序不同;
所述检测功能模块在各第三方应用程序中待生成的功能页面的共有参数的步骤,包括:
针对所述已生成的功能页面进行识别以检测所述功能模块在各第三方应用程序中待生成的功能页面的共有参数。
8.一种功能模块的功能页面生成装置,其特征在于,所述功能模块的功能页面生成装置包括:
参数检测模块,用于检测功能模块在各第三方应用程序中待生成的功能页面的共有参数,其中,各所述第三方应用程序为嵌入所述功能模块的应用程序;
文件生成模块,用于根据所述共有参数和各所述第三方应用程序的页面定制参数生成各所述第三方应用公用的页面加载文件;
页面生成模块,用于配置各所述第三方应用程序各自的文件读取路径,并基于预设的模块加载框架按照所述文件读取路径读取所述页面加载文件,以生成所述功能模块在各所述第三方应用程序中定制化的功能页面。
9.一种计算机设备,其特征在于,所述计算机设备包括:存储器、处理器,通信总线以及存储在所述存储器上的功能模块的功能页面生成程序,
所述通信总线用于实现处理器与存储器间的通信连接;
所述处理器用于执行所述基于互联网的功能模块的功能页面生成程序,以实现如权利要求1至7中任一项所述的功能模块的功能页面生成方法的步骤。
10.一种计算机存储介质,其特征在于,所述计算机存储介质上存储有功能模块的功能页面生成程序,所述功能模块的功能页面生成程序被处理器执行时实现如权利要求1至7中任一项所述的功能模块的功能页面生成方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110575205.2A CN113268237A (zh) | 2021-05-25 | 2021-05-25 | 功能模块的功能页面生成方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110575205.2A CN113268237A (zh) | 2021-05-25 | 2021-05-25 | 功能模块的功能页面生成方法、装置、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113268237A true CN113268237A (zh) | 2021-08-17 |
Family
ID=77232938
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110575205.2A Pending CN113268237A (zh) | 2021-05-25 | 2021-05-25 | 功能模块的功能页面生成方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113268237A (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103942093A (zh) * | 2013-01-23 | 2014-07-23 | 阿里巴巴集团控股有限公司 | 业务处理方法及系统 |
CN109634654A (zh) * | 2018-12-04 | 2019-04-16 | 北京马上慧科技术有限公司 | 一种页面封装方法、装置、系统、计算机设备和存储介质 |
CN110532029A (zh) * | 2019-09-04 | 2019-12-03 | 深圳前海微众银行股份有限公司 | 小程序生成方法、装置、设备及计算机可读存储介质 |
CN110766772A (zh) * | 2019-09-10 | 2020-02-07 | 北京字节跳动网络技术有限公司 | 基于Flutter跨平台海报制作方法装置介质和设备 |
CN110895471A (zh) * | 2018-09-12 | 2020-03-20 | 北京京东尚科信息技术有限公司 | 安装包生成方法、装置、介质及电子设备 |
CN111008057A (zh) * | 2019-11-28 | 2020-04-14 | 北京小米移动软件有限公司 | 页面展示方法、装置及存储介质 |
CN111475230A (zh) * | 2020-04-15 | 2020-07-31 | 望海康信(北京)科技股份公司 | 应用的功能配置方法、装置和电子设备 |
CN111651703A (zh) * | 2020-04-14 | 2020-09-11 | 北京奇艺世纪科技有限公司 | 一种页面跳转方法、装置、电子设备及可读存储介质 |
WO2020238277A1 (zh) * | 2019-05-24 | 2020-12-03 | 中国银联股份有限公司 | 基于h5接入方式的接入方法及其接入组件和移动终端 |
CN112702373A (zh) * | 2019-10-23 | 2021-04-23 | 中兴通讯股份有限公司 | 微服务升级文件发送方法、接收方法、设备及存储介质 |
-
2021
- 2021-05-25 CN CN202110575205.2A patent/CN113268237A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103942093A (zh) * | 2013-01-23 | 2014-07-23 | 阿里巴巴集团控股有限公司 | 业务处理方法及系统 |
CN110895471A (zh) * | 2018-09-12 | 2020-03-20 | 北京京东尚科信息技术有限公司 | 安装包生成方法、装置、介质及电子设备 |
CN109634654A (zh) * | 2018-12-04 | 2019-04-16 | 北京马上慧科技术有限公司 | 一种页面封装方法、装置、系统、计算机设备和存储介质 |
WO2020238277A1 (zh) * | 2019-05-24 | 2020-12-03 | 中国银联股份有限公司 | 基于h5接入方式的接入方法及其接入组件和移动终端 |
CN110532029A (zh) * | 2019-09-04 | 2019-12-03 | 深圳前海微众银行股份有限公司 | 小程序生成方法、装置、设备及计算机可读存储介质 |
CN110766772A (zh) * | 2019-09-10 | 2020-02-07 | 北京字节跳动网络技术有限公司 | 基于Flutter跨平台海报制作方法装置介质和设备 |
CN112702373A (zh) * | 2019-10-23 | 2021-04-23 | 中兴通讯股份有限公司 | 微服务升级文件发送方法、接收方法、设备及存储介质 |
CN111008057A (zh) * | 2019-11-28 | 2020-04-14 | 北京小米移动软件有限公司 | 页面展示方法、装置及存储介质 |
CN111651703A (zh) * | 2020-04-14 | 2020-09-11 | 北京奇艺世纪科技有限公司 | 一种页面跳转方法、装置、电子设备及可读存储介质 |
CN111475230A (zh) * | 2020-04-15 | 2020-07-31 | 望海康信(北京)科技股份公司 | 应用的功能配置方法、装置和电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11816492B2 (en) | Third party integration of plugins and widgets | |
US11042387B2 (en) | Deploying cross-platform applications on mobile devices with native and web components | |
US20230308504A9 (en) | Method and system of application development for multiple device client platforms | |
US11520575B2 (en) | Semantic and standard user interface (UI) interoperability in dynamically generated cross-platform applications | |
CN105765527A (zh) | 用于定制的软件开发包(sdk)的方法和装置 | |
US11481085B2 (en) | Electronic device and folder configuring method therefor | |
CN105243407A (zh) | 读写智能卡的方法及装置 | |
CN106850563B (zh) | 访问支付终端的方法及装置 | |
CN113536185B (zh) | 应用页面的加载方法、存储介质、及其相关设备 | |
CN111931102A (zh) | 一种构建页面的方法、装置及系统 | |
CN111580883B (zh) | 应用程序启动方法、装置、计算机系统和介质 | |
CN111858383A (zh) | 移动app的数据埋点方法、系统、终端设备及存储介质 | |
CN110727423A (zh) | 跨平台开发行动应用程序的方法及其系统 | |
CN113268237A (zh) | 功能模块的功能页面生成方法、装置、设备及介质 | |
CN110852649A (zh) | 资源管理方法、终端、装置及可读存储介质 | |
CN115017436A (zh) | 应用程序的数据交互方法、装置、计算机设备和存储介质 | |
CN112702375B (zh) | 信息推送方法、装置、计算机设备以及存储介质 | |
CN114121013A (zh) | 语音控制方法、装置、电子设备及存储介质 | |
CN112948817A (zh) | 应用程序的权限控制方法、装置、计算机设备及介质 | |
US20210021639A1 (en) | Method and electronic device for displaying web page | |
US20230004954A1 (en) | Virtual wallet generation | |
CN112783512B (zh) | 应用程序包处理方法、装置、设备及存储介质 | |
CN106971104B (zh) | 执行安全功能的方法和支持所述方法的电子设备 | |
CN112541690A (zh) | 风控预警方法、系统,计算机设备及计算机存储介质 | |
CN117008993A (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 |