CN112035113A - H5页面的导航栏加载方法、装置、设备及介质 - Google Patents
H5页面的导航栏加载方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN112035113A CN112035113A CN202010911439.5A CN202010911439A CN112035113A CN 112035113 A CN112035113 A CN 112035113A CN 202010911439 A CN202010911439 A CN 202010911439A CN 112035113 A CN112035113 A CN 112035113A
- Authority
- CN
- China
- Prior art keywords
- navigation bar
- button
- page
- information
- loading
- 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
- 238000011068 loading method Methods 0.000 title claims abstract description 169
- 238000000034 method Methods 0.000 claims abstract description 23
- 230000001960 triggered effect Effects 0.000 claims abstract description 20
- 230000006870 function Effects 0.000 claims description 186
- 238000004590 computer program Methods 0.000 claims description 13
- 238000010586 diagram Methods 0.000 description 4
- 238000009877 rendering Methods 0.000 description 4
- 230000001360 synchronised effect Effects 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000001914 filtration Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000010276 construction Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000003062 neural network model Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012795 verification 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/954—Navigation, e.g. using categorised browsing
-
- 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
- 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
-
- 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/448—Execution paradigms, e.g. implementations of programming paradigms
- G06F9/4482—Procedural
-
- 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/451—Execution arrangements for user interfaces
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)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Radar, Positioning & Navigation (AREA)
- Remote Sensing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及H5页面领域,提供一种H5页面的导航栏加载方法、装置、设备及介质,所述方法包括:通过获取页面加载请求中的第一H5页面数据;并加载第一H5页面;在第一H5页面加载完毕之后,通过Native接口接收自动触发的第一H5页面动态导航栏信息;根据第一导航栏布局信息,通过导航栏加载管理中心布局第一导航栏;自基于Native的缓存池中的公共按钮功能配置表中查找第一按钮功能代码,并将其和第一按钮字段关联;在各第一按钮功能代码均已关联之后,通过导航栏加载管理中心显示第一导航栏,并向第一H5页面发送导航栏布局完毕信息,以令第一H5页面进行渲染及显示。本发明实现了通过Native接口显示第一导航栏,提高了导航栏的可扩展性、可维护性和可移植性。
Description
技术领域
本发明涉及H5页面领域,尤其涉及一种H5页面的导航栏加载方法、装置、设备及介质。
背景技术
随着移动互联网的发展,移动App产品已经成为移动互联网产品最大的流量渠道,目前,移动App产品通常会采用H5承载业务服务,Native承载基础组件服务的混合方式进行开发,在开发过程中,往往每个H5页面的导航栏不仅按钮功能不一致,而且按钮布局也不一致,为满足上述要求就需要程序员针对每个H5页面编写对应的导航栏代码,如此,升级或修改每个H5页面的导航栏代码是极其复杂的事情,导致导航栏的代码可移植性、可扩展性和可维护性不强;同时随着用户对导航栏布局及可扩展性的要求不断提高,导航栏代码占据加载H5页面的数据容量越来越大,在加载H5页面的过程中加载导航栏的时间越来越长,造成H5页面的加载时效性差,且导致用户体验度低。
发明内容
本发明提供一种H5页面的导航栏加载方法、装置、计算机设备及存储介质,实现了通过Native接口接收第一H5页面动态导航栏信息并显示第一导航栏,提高了导航栏的可扩展性、可维护性和可移植性,并提高了H5页面的加载时效性,提升了用户的体验满意度。
一种H5页面的导航栏加载方法,包括:
接收到第一H5页面加载请求,获取所述第一H5页面加载请求中的第一H5页面数据;
根据所述第一H5页面数据加载第一H5页面;
在第一H5页面加载完毕之后,通过Native接口接收已加载的所述第一H5页面自动触发的第一H5页面动态导航栏信息;所述第一H5页面动态导航栏信息包括第一导航栏布局信息和至少一个导航栏按钮的第一按钮信息,所述第一导航栏布局信息包含与所述第一按钮信息对应的至少一个第一按钮字段;
根据所述第一导航栏布局信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏;
自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将查找到与所述第一按钮信息对应的公共按钮功能代码确定为第一按钮功能代码,并将所述第一按钮功能代码和与所述第一按钮功能代码对应的所述第一按钮字段关联;
在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示。
一种H5页面的导航栏加载装置,包括:
接收模块,用于接收到第一H5页面加载请求,获取所述第一H5页面加载请求中的第一H5页面数据;
加载模块,用于根据所述第一H5页面数据加载第一H5页面;
触发模块,用于在第一H5页面加载完毕之后,通过Native接口接收已加载的所述第一H5页面自动触发的第一H5页面动态导航栏信息;所述第一H5页面动态导航栏信息包括第一导航栏布局信息和至少一个导航栏按钮的第一按钮信息,所述第一导航栏布局信息包含与所述第一按钮信息对应的至少一个第一按钮字段;
布局模块,用于根据所述第一导航栏布局信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏;
查找模块,用于自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将查找到与所述第一按钮信息对应的公共按钮功能代码确定为第一按钮功能代码,并将所述第一按钮功能代码和与所述第一按钮功能代码对应的所述第一按钮字段关联;
发送模块,用于在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示。
一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述H5页面的导航栏加载方法的步骤。
一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述H5页面的导航栏加载方法的步骤。
本发明提供的H5页面的导航栏加载方法、装置、计算机设备及存储介质,通过接收到页面加载请求,获取所述页面加载请求中的第一H5页面数据;并加载第一H5页面;在第一H5页面加载完毕之后,通过Native接口接收已加载的所述第一H5页面自动触发的第一H5页面动态导航栏信息;所述第一H5页面动态导航栏信息包括第一导航栏布局信息和至少一个导航栏按钮的第一按钮信息,所述第一导航栏布局信息包含与所述第一按钮信息对应的至少一个第一按钮字段;根据所述第一导航栏布局信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏;自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将其确定为第一按钮功能代码,并将其和所述第一按钮字段关联;在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示,如此,实现了通过Native接口接收第一H5页面动态导航栏信息,通过导航栏加载管理中心自动布局第一导航栏,并自缓存池中的公共按钮功能配置表中查找出第一按钮功能代码以实现导航栏中导航栏按钮的功能,并显示第一导航栏,提高了导航栏的可扩展性、可维护性和可移植性,并提高了H5页面的加载时效性,提升了用户的体验满意度。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对本发明实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例中H5页面的导航栏加载方法的应用环境示意图;
图2是本发明一实施例中H5页面的导航栏加载方法的流程图;
图3是本发明一实施例中H5页面的导航栏加载方法的步骤S10的流程图;
图4是本发明另一实施例中H5页面的导航栏加载方法的流程图;
图5是本发明一实施例中H5页面的导航栏加载方法的步骤S40的流程图;
图6是本发明一实施例中H5页面的导航栏加载方法的步骤S120的流程图;
图7是本发明一实施例中H5页面的导航栏加载装置的原理框图;
图8是本发明一实施例中计算机设备的示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明提供的H5页面的导航栏加载方法,可应用在如图1的应用环境中,其中,客户端(计算机设备)通过网络与服务器进行通信。其中,客户端(计算机设备)包括但不限于为各种个人计算机、笔记本电脑、智能手机、平板电脑、摄像头和便携式可穿戴设备。服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一实施例中,如图2所示,提供一种H5页面的导航栏加载方法,其技术方案主要包括以下步骤S10-S60:
S10,接收到第一H5页面加载请求,获取所述第一H5页面加载请求中的第一H5页面数据。
可理解地,启动应用程序软件(APP,Application)之后,在打开第一H5页面时,触发所述第一H5页面加载请求,所述第一H5页面加载请求包括所述第一H5页面数据,所述第一H5页面数据为加载及显示所述第一H5页面所需的且关联的数据,所述第一H5页面为通过HTML5开发的且能执行应用程序操作的页面,所述应用程序软件包括所述第一H5页面和所述第一H5页面数据,所述第一H5页面与所述第一H5页面数据关联。
在一实施例中,如图3所示,所述步骤S10之前,即所述接收到第一H5页面加载请求之前,包括:
S101,通过单例方式,构建导航栏加载管理中心。
可理解地,所述单例方式的实现模式可以根据需求设定,比如单例方式的实现模式可以为懒汉模式、饿汉模式、懒汉变种模式、饿汉变种模式、双重检查模式、使用同步模式或者使用枚举类模式等等,作为优选,单例方式的实现模式为使用同步模式,通过所述单例方式构建导航栏加载管理中心,所述导航栏加载管理中心为管理所有导航栏布局过程的中心,导航栏是指位于页面顶部或者侧边区域的,在页眉横幅图片上边或下边的一排水平导航按钮,它起着链接站点或者应用程序软件内的各个页面的作用,起到快捷访问的效果。
S102,通过所述导航栏加载管理中心,创建所述缓存池,并获取应用程序服务器中的线上公共按钮功能配置表,所述线上公共按钮功能配置表为存储于应用程序服务器上的所有导航栏中的公共按钮的相关功能配置信息。
可理解地,通过所述导航栏加载管理中心创建一个基于Native的缓存池,同时获取应用程序服务器中的线上公共按钮功能配置表,所述缓存池用于缓存所述线上公共按钮功能配置表,。
S103,将获取的所述线上公共按钮功能配置表存储至所述缓存池,并记录为公共按钮功能配置表。
可理解地,将获取到的所述线上公共按钮功能配置表存储至所述缓存池中,并将其记录为所述公共按钮功能配置表,以供后续布局导航栏。
本发明实现了通过单例方式,构建导航栏加载管理中心;通过所述导航栏加载管理中心,创建所述缓存池,并获取应用程序服务器中的线上公共按钮功能配置表;将获取的所述线上公共按钮功能配置表存储至所述缓存池,如此,构建导航栏加载管理中心,创建缓存池,并获取线上公共按钮功能配置表以及存储至缓存池,并记录为公共按钮功能配置表,以供后续从缓存池中获取与生成导航栏相关的数据,提高了导航栏的可扩展性、可维护性和可移植性,并提高了H5页面的加载时效性,提升了用户的体验满意度。
S20,根据所述第一H5页面数据加载第一H5页面。
可理解地,所述加载为对所述第一H5页面数据进行解析,根据所述第一H5页面数据构建DOM(Document Object Model,文档对象模型)树和CSSOM(Cascading Style SheetsObject Model,层叠样式表对象模型)树的操作过程,即将所述第一H5页面数据中的字节流转换成字符流,根据不同的编码进行解码,通过词法分析将字符流解析为一个个词语(Token),所述词法分析通过HTML的分词器(Tokenizer)完成,使用XSS Auditor(XSS审核员)来进行词语验证及过滤,主要是出于安全方面的考虑,在经过XSS Auditor过滤之后,由HTML的解释器调用方法构建DOM节点,根据所有所述DOM节点构建出DOM树以及CSSOM树,在所述DOM树和所述与CSSOM树构建完成后,浏览器会将两者进行结合,生成渲染树,即为所述待渲染H5页面数据,所述带渲染H5页面数据为所有与所述第一H5页面相关的可见元素及其渲染信息。
其中,所述第一H5页面数据包括第一H5页面动态导航栏信息,所述第一H5页面动态导航栏信息为按导航栏按钮设计规范进行编写的与所述Native接口通信的导航栏接口信息,由于所述第一H5页面动态导航栏信息中不包含布局导航栏的代码,所以所述第一H5页面动态导航栏信息的容量小,且交互快,如此,每个H5页面的导航栏可以通过每个H5页面对应的导航栏接口信息进行动态变化。
S30,在第一H5页面加载完毕之后,通过Native接口接收已加载的所述第一H5页面自动触发的第一H5页面动态导航栏信息;所述第一H5页面动态导航栏信息包括第一导航栏布局信息和至少一个导航栏按钮的第一按钮信息,所述第一导航栏布局信息包含与所述第一按钮信息对应的至少一个第一按钮字段。
可理解地,在所述第一H5页面记载完毕后,即在生成所述待渲染H5页面数据之后,所述第一H5页面自动触发的第一H5页面动态导航栏信息,通过Native接口接收所述第一H5页面动态导航栏信息,所述Native接口为基于Native的接口,所述Native接口为导航栏加载管理中心用于与各H5页面进行通信的接口,所述第一导航栏布局信息为对已加载的所述第一H5页面的导航栏进行布局的信息,所述第一导航栏布局信息中包含有用于所述第一H5页面的导航栏中所述第一按钮字段,所述第一按钮字段与所述第一按钮信息关联,所述第一按钮信息为按照统一导航栏功能的按钮入口的要求设计的与所述第一按钮字段关联的信息。
S40,根据所述第一导航栏布局信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏。
可理解地,通过所述导航栏加载管理中心对所述第一导航栏布局信息进行布局,生成与所述第一H5页面对应的第一导航栏,所述第一导航栏包括至少一个与所述第一按钮字段对应的导航栏按钮。
在一实施例中,如图5所示,所述步骤S40中,即所述根据所述第一导航栏布局参数信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏,包括:
S401,通过所述导航栏加载管理中心检查各字段类型;所述第一导航栏布局信息包括彼此对应的第一按钮字段、字段类型和字段布局信息。
可理解地,所述第一导航栏布局信息包括所述第一按钮字段、与所述第一按钮字段对应的所述字段类型及所述字段布局信息,所述第一按钮字段为导航栏按钮显示对应的字段,所述字段的格式可以根据需求设定,比如leftBtn1、rightBtn1等等,所述字段类型包括数值类型、String字符串类型、JSON格式的String字符串类型等等,所述字段布局信息为布局与其对应的所述第一按钮字段的相关信息,比如:字体、底纹、字号等等。
其中,通过所述导航栏加载管理中心核查所有所述字段类型,是否能在所述缓存池中查找到各所述字段类型。
S402,若自所述缓存池中查找到与所述字段类型相同的预设字段类型,将与可查找到的所述字段类型对应的所述第一按钮字段标记为可显字段;根据所述可显字段对应的所述字段布局信息,生成与所述可显字段对应的可显按钮布局数据。
可理解地,如果在所述缓存池中的所述公共按钮功能配置表中能够查找到与所述字段类型相同的所述预设字段类型,所述公共按钮功能配置表包含所有所述预设字段类型,所述预设字段类型为根据需求设定的类型,将与能够在所述公共按钮功能配置表中查找到的所述字段类型对应的所述第一按钮字段标记为所述可显字段,所述可显字段为标识能够在导航栏上显示导航栏按钮的字段,根据标记的所述可显字段对应的所述字段布局信息,通过Java脚本生成所述可显按钮布局数据,所述可显按钮布局数据为布局显示的所述导航栏按钮的数据。
S403,若自所述缓存池中未查找到与所述字段类型相同的预设字段类型,将与未查找到的所述字段类型对应的所述第一按钮字段标记为不显字段;将与所述不显字段对应的所述第一按钮信息确定为无效第一按钮信息。
可理解地,如果在所述缓存池中的所述公共按钮功能配置表中未能查找到与所述字段类型相同的所述预设字段类型,则说明该字段类型为错误的类型,在页面显示或者页面操作中会出现BUG,将与未查找到的所述字段类型对应的所述第一按钮字段标记为不显字段,说明该所述第一按钮字段不能在导航栏上显示导航栏按钮,而且将与所述不显字段对应的所述第一按钮信息确定为无效第一按钮信息,说明该无效第一按钮信息在布局导航栏上是无效的。
S404,根据所有所述可显按钮布局数据,生成包含有所述可显按钮布局数据的导航栏按钮的所述第一导航栏。
可理解地,将所有所述可显按钮布局数据输入预设的导航栏脚本中,所述导航栏脚本为将输入的数据填充至导航栏布局模板中的与输入的数据对应的参数位置,如此,通过所述导航栏脚本将所有所述可显按钮布局数据填充至所述导航栏布局模板中,并生成所述第一导航栏,所述第一导航栏中包含有所述可显按钮布局数据的导航栏按钮,所述第一导航栏为在应用程序界面上与所述第一H5页面一起显示的导航栏。
本发明实现了通过所述导航栏加载管理中心检查各字段类型;如果自所述缓存池中查找到与所述字段类型相同的预设字段类型,就将与其对应的所述第一按钮字段标记为可显字段;根据所述可显字段对应的所述字段布局信息,生成可显按钮布局数据;如果自所述缓存池中未查找到与所述字段类型相同的预设字段类型,就将与未查找到的所述字段类型对应的所述第一按钮字段标记为不显字段;将与所述不显字段对应的所述第一按钮信息确定为无效第一按钮信息;根据所有所述可显按钮布局数据,生成第一导航栏,如此,实现了通过导航栏加载管理中心对所述第一导航栏布局信息中的字段类型进行检查,检查是否为缓存池中预设的字段类型,根据检查通过的字段类型对应的字段布局信息生成可显按钮布局数据,将检查未通过的字段类型对应的第一按钮信息确定为无效第一按钮信息,根据所有所述可显按钮布局数据,生成所述第一导航栏,从而自动核对导航栏的生成过程,提高了生成导航栏的有效性,将无效的按钮进行去除,提升了用户体验满意度。
S50,自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将查找到与所述第一按钮信息对应的公共按钮功能代码确定为第一按钮功能代码,并将所述第一按钮功能代码和与所述第一按钮功能代码对应的所述第一按钮字段关联;
可理解地,所述公共按钮功能配置表包含了所有所述公共按钮功能代码,如果需要新增一个所述公共按钮功能代码,只需要在应用程序服务器上更新所述线上公共按钮功能配置表即可,检测到应用程序服务器上的线上公共按钮功能配置表有更新,自动获取更新后的线上公共按钮功能配置表至所述缓存池,并覆盖原所述缓存池中的公共按钮功能配置表,达到更新所述公共按钮功能配置表,如此,提高了导航栏的可扩展性、可维护性和可移植性。
其中,从所述公共按钮功能配置表中查找到与所述第一按钮信息对应的所述公共按钮功能代码,所述公共按钮功能代码为实现导航栏按钮的功能的执行源代码,例如:第一按钮信息为“05”,在公共按钮功能配置表中与“05”第一按钮信息对应的是打开“相机/相册”的公共按钮功能代码,或者第一按钮信息为“08”,在公共按钮功能配置表中与“08”第一按钮信息对应的是打开“在线客服”的公共按钮功能代码,将所述第一按钮功能代码和与所述第一按钮功能代码对应的所述第一按钮字段关联。
在一实施例中,所述步骤S50中,即所述自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将查找到与所述第一按钮信息对应的公共按钮功能代码确定为第一按钮功能代码,包括:
S501,若检测到所述第一按钮信息为无效第一按钮信息,则从所述缓存池中的公共按钮功能配置表中获取预设的无效按钮功能代码,将所述无效按钮功能代码确定为与该导航栏第一按钮信息对应的所述第一按钮功能代码。
可理解地,如果检测到标记为无效第一按钮信息的第一按钮信息,则从所述公共按钮功能配置表中获取所述无效按钮功能代码,所述无效按钮功能代码为无功能的代码,并将所述无效按钮功能代码确定为与该导航栏第一按钮信息对应的所述第一按钮功能代码。
本发明实现了通过检测到所述第一按钮信息为所述无效第一按钮信息,则从所述缓存池中的公共按钮功能配置表中获取预设的无效按钮功能代码,将所述无效按钮功能代码确定为与该导航栏第一按钮信息对应的所述第一按钮功能代码,如此,将无效第一按钮信息直接关联无效按钮功能代码,避免触发,影响用户的体验。
S60,在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示。
可理解地,在所有所述第一按钮功能代码都已经关联完成后,说明所述第一导航栏中的导航栏按钮布局及功能都已经准备就绪,通过所述导航栏加载管理中心显示所述第一导航栏,同时向所述第一H5页面发送所述第一导航栏布局完毕信息,所述第一H5页面在接收到所述第一导航栏布局完毕信息之后,根据所述待渲染H5页面数据中的样式及设备的屏幕尺寸,计算每个元素的坐标和大小,最终生成所述第一H5页面,并在显示屏幕上的应用程序界面中显示所述第一H5页面。
本发明实现了通过接收到页面加载请求,获取所述页面加载请求中的第一H5页面数据;并加载第一H5页面;在第一H5页面加载完毕之后,通过Native接口接收已加载的所述第一H5页面自动触发的第一H5页面动态导航栏信息;所述第一H5页面动态导航栏信息包括第一导航栏布局信息和至少一个导航栏按钮的第一按钮信息,所述第一导航栏布局信息包含与所述第一按钮信息对应的至少一个第一按钮字段;根据所述第一导航栏布局参数信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏;自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将其确定为第一按钮功能代码,并将其和所述第一按钮字段关联;在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示,如此,实现了通过Native接口接收第一H5页面动态导航栏信息,通过导航栏加载管理中心自动布局第一导航栏,并自缓存池中的公共按钮功能配置表中查找出第一按钮功能代码以实现导航栏中导航栏按钮的功能,并显示第一导航栏,提高了导航栏的可扩展性、可维护性和可移植性,并提高了H5页面的加载时效性,提升了用户的体验满意度。
在一实施例中,如图4所示,所述步骤S60之后,即所述在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示之后,包括:
S70,接收到触发所述第一导航栏中的导航栏按钮之后生成的按钮请求;所述按钮请求中包含有被触发的所述导航栏按钮的第一按钮字段;所述第一导航栏包括至少一个与所述第一按钮字段对应的导航栏按钮。
可理解地,在显示后的所述第一导航栏中的导航栏按钮被触发之后,触发的方式可以根据需求设定,比如触发的方式为点击导航栏按钮,或者滑动导航栏按钮,或者通过识别用户的语音中包含有导航栏按钮自动触发等等,自动生成包含有被触发的所述导航栏按钮的第一按钮字段的所述按钮请求。
在一实施例中,所述步骤S70之前,即所述接收到触发所述第一导航栏中的导航栏按钮之后生成的按钮请求之前,包括:
S701,通过所述导航栏加载管理中心接收到用户录制的语音文件;
S702,通过Word2vec模型对所述语音文件进行文本识别,得到识别结果;可理解地,所述Word2vec模型为训练完成的神经网络模型,所述Word2vec模型能够将音频文件转换成文本向量,并对文本向量进行文本识别,输出所述识别结果。
S703,将所述识别结果与所述第一导航栏中的所有所述导航栏按钮的名称进行匹配;
S704,若存在与所述识别结果匹配的所述导航栏按钮的名称,则触发所述第一导航栏中的与所述识别结果匹配的所述导航栏按钮的名称对应的导航栏按钮。
如此,能够通过对用户发出的语音进行识别自动触发导航栏按钮,提供了一种触发导航栏按钮的方法,便于用户的操作,提升了用户的满意度。
S80,自所述缓存池中查询到与所述第一按钮字段关联的所述第一按钮功能代码,并通过所述导航栏加载管理中心执行查询到的所述第一按钮功能代码,以响应所述按钮请求。
可理解地,从所述缓存池中,查询与所述第一按钮字段关联的所述第一按钮功能代码,所述导航栏加载管理中心执行该第一按钮功能代码,将执行所述第一按钮功能代码的结果反馈至所述第一H5页面上,以响应完成所述按钮请求。
本发明通过接收到按钮请求,自所缓存池中查询到与按钮请求中的所述第一按钮字段关联的所述第一按钮功能代码,并通过所述导航栏加载管理中心执行查询到的所述第一按钮功能代码,以响应所述按钮请求,如此,实现了从缓存池中查找到关联的第一按钮功能代码,并通过导航栏加载管理中心执行第一按钮功能代码,减少了导航栏按钮的功能代码占据H5页面加载数据的容量,加快了H5页面的加载速度,并提高了导航栏按钮的功能代码的可移植性、可扩展性和可维护性。
在一实施例中,所述步骤S60之后,即所述在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示之后,还包括:
S90,接收来自所述第一H5页面上触发的第二H5页面加载请求,获取所述第二H5页面加载请求中的第二H5页面数据。
可理解地,在显示的所述第一H5页面上触发所述第二H5页面加载请求,接收到所述第二H5页面加载请求,所述第二H5页面加载请求包括所述第二H5页面数据,所述第二H5页面数据为加载及显示所述第二H5页面所需的且关联的数据,所述第二H5页面为通过HTML5开发的且能执行应用程序操作的页面,所述应用程序软件包括所述第二H5页面和所述第二H5页面数据,所述第二H5页面与所述第二H5页面数据关联。
S100,根据所述第二H5页面数据加载第二H5页面。
可理解地,所述加载还包括对所述第二H5页面数据进行解析,即将所述第二H5页面数据中的字节流转换成字符流,根据不同的编码进行解码,生成与所述第二H5页面相关的可见元素及其渲染信息。
其中,所述第二H5页面数据包括第二H5页面动态导航栏信息,所述第二H5页面动态导航栏信息为按导航栏按钮设计规范进行编写的与所述Native接口通信的导航栏接口信息,由于所述第二H5页面动态导航栏信息中不包含布局导航栏的代码,所以所述第二H5页面动态导航栏信息的容量小,且交互快,所以所述第二H5页面动态导航栏信息可以与所述第一H5页面动态导航栏信息完全不同,也可以与所述第一H5页面动态导航栏信息相同。S110,在第二H5页面加载完毕之后,通过Native接口接收已加载的所述第二H5页面自动触发的第二H5页面动态导航栏信息;所述第二H5页面动态导航栏信息包括第二导航栏布局信息和至少一个导航栏按钮的第二按钮信息,所述第二导航栏布局信息包含与所述第二按钮信息对应的至少一个第二按钮字段。
可理解地,在所述第二H5页面记载完毕后,所述第二H5页面自动触发的第二H5页面动态导航栏信息,通过Native接口接收所述第二H5页面动态导航栏信息,所述第二导航栏布局信息为对已加载的所述第二H5页面的导航栏进行布局的信息,所述第二导航栏布局信息中包含有用于所述第二H5页面的导航栏中所述第二按钮字段,所述第二按钮字段与所述第二按钮信息关联,所述第二按钮信息为按照统一导航栏功能的按钮入口的要求设计的与所述第二按钮字段关联的信息。
S120,通过所述导航栏加载管理中心,根据所述第二导航栏布局信息与所述第一导航栏布局信息的对比结果,布局与所述第二H5页面对应的第二导航栏。
可理解地,通过所述导航栏加载管理中心,将所述第二导航栏布局信息与所述第一导航栏布局信息进行对比,得到所述对比结果,所述对比结果中包括与所述第一导航栏布局信息差异的信息,根据所述对比结果布局所述第二导航栏,所述第二导航栏包括至少一个与所述第二按钮字段对应的导航栏按钮。
在一实施例中,如图6所示,所述步骤S120中,即所述通过所述导航栏加载管理中心,根据所述第二导航栏布局信息与所述第一导航栏布局信息的对比结果,布局与所述第二H5页面对应的第二导航栏,包括:
S1201,通过所述导航栏加载管理中心,将所述第二导航栏布局信息与所述第一导航栏布局信息进行比对,得到对比结果。
可理解地,所述第二导航栏布局信息包括第二按钮字段、与所述第二按钮字段对应的字段类型和与所述第二按钮字段对应的字段布局信息,通过所述导航栏加载管理中心将所述第二导航栏布局信息中的第二按钮字段与所述第一导航栏布局信息中的第一按钮字段进行比对,将所述二导航栏布局信息中的字段类型与所述第一导航栏布局信息中的字段类型进行比对,将所述第二导航栏布局信息中的字段布局信息与所述第一导航栏布局信息中的字段布局信息进行比对,如此,将所述第二导航栏布局信息与所述第一导航栏布局信息进行一一对应的对比,得到对比结果,只要有差异,就在所述对比结果中体现差异的信息。
S1202,根据所述对比结果,对所述第一导航栏布局信息进行对应修改,得到修改后的第一导航栏布局信息。
可理解地,根据所述对比结果对所述第一导航栏布局信息中的相应位置进行修改,从而得到修改后的第一导航栏布局信息。
S1203,根据所述修改后的第一导航栏布局信息,通过所述导航栏加载管理中心布局与所述第二H5页面对应的第二导航栏。
本发明实现了通过所述导航栏加载管理中心,将所述第二导航栏布局信息与所述第一导航栏布局信息进行比对,得到对比结果;根据所述对比结果,对所述第一导航栏布局信息进行对应修改,得到修改后的第一导航栏布局信息;根据所述修改后的第一导航栏布局信息,通过所述导航栏加载管理中心布局与所述第二H5页面对应的第二导航栏,如此,实现了通过导航栏加载管理中心根据第二导航栏布局信息与第一导航栏布局信息的比对结果,自动在原来的第一导航栏布局信息中进行修改,快速生成第二导航栏,加快了导航栏的加载速度,提升了用户的体验满意度。
S130,通过所述导航栏加载管理中心,比对所述第二按钮信息和所述第一按钮信息。
S140,若比对出与所述第一按钮信息相同的所述第二按钮信息,将与所述第二按钮信息相同的所述第一按钮信息对应的所述第一按钮功能代码确定为与所述第二按钮信息对应的第二按钮功能代码,并将所述第二按钮功能代码和与所述第二按钮功能代码对应的所述第二按钮字段关联。
S150,若比对出与所述第一按钮信息不相同的所述第二按钮信息,自所述缓存池中的公共按钮功能配置表中查找到与所述第二按钮信息对应的公共按钮功能代码,将查找到与所述第二按钮信息对应的公共按钮功能代码确定为第二按钮功能代码,并将所述第二按钮功能代码和与所述第二按钮功能代码对应的所述第二按钮字段关联。
S160,在各所述第二按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第二导航栏,并向所述第二H5页面发送第二导航栏布局完毕信息,以令所述第二H5页面进行渲染及显示。
可理解地,在所有所述第二按钮功能代码都已经关联完成后,说明所述第二导航栏中的导航栏按钮布局及功能都已经准备就绪,通过所述导航栏加载管理中心显示所述第二导航栏,同时向所述第二H5页面发送所述第二导航栏布局完毕信息,所述第二H5页面在接收到所述第二导航栏布局完毕信息之后,在显示屏幕上的应用程序界面中显示所述第二H5页面。
本发明实现了通过接收第二H5页面加载请求,根据所述第二H5页面数据加载第二H5页面;在第二H5页面加载完毕之后,通过Native接口接收第二H5页面动态导航栏信息;通过所述导航栏加载管理中心,根据所述第二导航栏布局信息与所述第一导航栏布局信息的对比结果,布局与所述第二H5页面对应的第二导航栏;通过所述导航栏加载管理中心,比对所述第二按钮信息和所述第一按钮信息;若比对出与所述第一按钮信息相同的所述第二按钮信息,将与所述第二按钮信息相同的所述第一按钮信息对应的所述第一按钮功能代码确定为与所述第二按钮信息对应的第二按钮功能代码,并将所述第二按钮功能代码和与所述第二按钮功能代码对应的所述第二按钮字段关联;若比对出与所述第一按钮信息不相同的所述第二按钮信息,自所述缓存池中的公共按钮功能配置表中查找到与所述第二按钮信息对应的公共按钮功能代码,将查找到与所述第二按钮信息对应的公共按钮功能代码确定为第二按钮功能代码,并将所述第二按钮功能代码和与所述第二按钮功能代码对应的所述第二按钮字段关联;在各所述第二按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第二导航栏,并向所述第二H5页面发送第二导航栏布局完毕信息,以令所述第二H5页面进行渲染及显示,如此,实现了通过导航栏加载管理中心比对第二导航栏布局信息和第一导航栏布局信息,根据比对结果布局第二导航栏,通过导航栏加载管理中心比对第一按钮信息和第二按钮信息,根据比对情况从不同的地方确定出第二按钮功能代码并关联,以及通过导航栏加载管理中心显示第二导航栏,自动在加载下一个H5页面的导航栏过程中,将不变的按钮信息保留,加快了导航栏的加载速度,提升了用户的体验满意度。
在一实施例中,提供一种H5页面的导航栏加载装置,该H5页面的导航栏加载装置与上述实施例中H5页面的导航栏加载方法一一对应。如图7所示,该H5页面的导航栏加载装置包括接收模块11、加载模块12、触发模块13、布局模块14、查找模块15和发送模块16。各功能模块详细说明如下:
接收模块11,用于接收到第一H5页面加载请求,获取所述第一H5页面加载请求中的第一H5页面数据;
加载模块12,用于根据所述第一H5页面数据加载第一H5页面;
触发模块13,用于在第一H5页面加载完毕之后,通过Native接口接收已加载的所述第一H5页面自动触发的第一H5页面动态导航栏信息;所述第一H5页面动态导航栏信息包括第一导航栏布局信息和至少一个导航栏按钮的第一按钮信息,所述第一导航栏布局信息包含与所述第一按钮信息对应的至少一个第一按钮字段;
布局模块14,用于根据所述第一导航栏布局信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏;
查找模块15,用于自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将查找到与所述第一按钮信息对应的公共按钮功能代码确定为第一按钮功能代码,并将所述第一按钮功能代码和与所述第一按钮功能代码对应的所述第一按钮字段关联;
发送模块16,用于在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示。
关于H5页面的导航栏加载装置的具体限定可以参见上文中对于H5页面的导航栏加载方法的限定,在此不再赘述。上述H5页面的导航栏加载装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图8所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种H5页面的导航栏加载方法。
在一个实施例中,提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现上述实施例中H5页面的导航栏加载方法。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述实施例中H5页面的导航栏加载方法。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本发明所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。
以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。
Claims (10)
1.一种H5页面的导航栏加载方法,其特征在于,包括:
接收到第一H5页面加载请求,获取所述第一H5页面加载请求中的第一H5页面数据;
根据所述第一H5页面数据加载第一H5页面;
在第一H5页面加载完毕之后,通过Native接口接收已加载的所述第一H5页面自动触发的第一H5页面动态导航栏信息;所述第一H5页面动态导航栏信息包括第一导航栏布局信息和至少一个导航栏按钮的第一按钮信息,所述第一导航栏布局信息包含与所述第一按钮信息对应的至少一个第一按钮字段;
根据所述第一导航栏布局信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏;
自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将查找到与所述第一按钮信息对应的公共按钮功能代码确定为第一按钮功能代码,并将所述第一按钮功能代码和与所述第一按钮功能代码对应的所述第一按钮字段关联;
在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示。
2.如权利要求1所述的H5页面的导航栏加载方法,其特征在于,所述接收到第一H5页面加载请求之前,包括:
通过单例方式,构建导航栏加载管理中心;
通过所述导航栏加载管理中心,创建所述缓存池,并获取应用程序服务器中的线上公共按钮功能配置表;
将获取的所述线上公共按钮功能配置表存储至所述缓存池,并记录为公共按钮功能配置表。
3.如权利要求1所述的H5页面的导航栏加载方法,其特征在于,所述在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示之后,包括:
接收到触发所述第一导航栏中的导航栏按钮之后生成的按钮请求;所述按钮请求中包含有被触发的所述导航栏按钮的第一按钮字段;所述第一导航栏包括至少一个与所述第一按钮字段对应的导航栏按钮;
自所述缓存池中查询到与所述第一按钮字段关联的所述第一按钮功能代码,并通过所述导航栏加载管理中心执行查询到的所述第一按钮功能代码,以响应所述按钮请求。
4.如权利要求1所述的H5页面的导航栏加载方法,其特征在于,所述在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示之后,还包括:
接收来自所述第一H5页面上触发的第二H5页面加载请求,获取所述第二H5页面加载请求中的第二H5页面数据;
根据所述第二H5页面数据加载第二H5页面;
在第二H5页面加载完毕之后,通过Native接口接收已加载的所述第二H5页面自动触发的第二H5页面动态导航栏信息;所述第二H5页面动态导航栏信息包括第二导航栏布局信息和至少一个导航栏按钮的第二按钮信息,所述第二导航栏布局信息包含与所述第二按钮信息对应的至少一个第二按钮字段;
通过所述导航栏加载管理中心,根据所述第二导航栏布局信息与所述第一导航栏布局信息的对比结果,布局与所述第二H5页面对应的第二导航栏;
通过所述导航栏加载管理中心,比对所述第二按钮信息和所述第一按钮信息;
若比对出与所述第一按钮信息相同的所述第二按钮信息,将与所述第二按钮信息相同的所述第一按钮信息对应的所述第一按钮功能代码确定为与所述第二按钮信息对应的第二按钮功能代码,并将所述第二按钮功能代码和与所述第二按钮功能代码对应的所述第二按钮字段关联;
若比对出与所述第一按钮信息不相同的所述第二按钮信息,自所述缓存池中的公共按钮功能配置表中查找到与所述第二按钮信息对应的公共按钮功能代码,将查找到与所述第二按钮信息对应的公共按钮功能代码确定为第二按钮功能代码,并将所述第二按钮功能代码和与所述第二按钮功能代码对应的所述第二按钮字段关联;
在各所述第二按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第二导航栏,并向所述第二H5页面发送第二导航栏布局完毕信息,以令所述第二H5页面进行渲染及显示。
5.如权利要求4所述的H5页面的导航栏加载方法,其特征在于,所述通过所述导航栏加载管理中心,根据所述第二导航栏布局信息与所述第一导航栏布局信息的对比结果,布局与所述第二H5页面对应的第二导航栏,包括:
通过所述导航栏加载管理中心,将所述第二导航栏布局信息与所述第一导航栏布局信息进行比对,得到对比结果;
根据所述对比结果,对所述第一导航栏布局信息进行对应修改,得到修改后的第一导航栏布局信息;
根据所述修改后的第一导航栏布局信息,通过所述导航栏加载管理中心布局与所述第二H5页面对应的第二导航栏。
6.如权利要求1所述的H5页面的导航栏加载方法,其特征在于,所述根据所述第一导航栏布局信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏,包括:
通过所述导航栏加载管理中心检查各字段类型;所述第一导航栏布局信息包括彼此对应的第一按钮字段、字段类型和字段布局信息;
若自所述缓存池中查找到与所述字段类型相同的预设字段类型,将与可查找到的所述字段类型对应的所述第一按钮字段标记为可显字段;根据所述可显字段对应的所述字段布局信息,生成与所述可显字段对应的可显按钮布局数据;
若自所述缓存池中未查找到与所述字段类型相同的预设字段类型,将与未查找到的所述字段类型对应的所述第一按钮字段标记为不显字段;将与所述不显字段对应的所述第一按钮信息确定为无效第一按钮信息;
根据所有所述可显按钮布局数据,生成包含有所述可显按钮布局数据的导航栏按钮的所述第一导航栏。
7.如权利要求1所述的H5页面的导航栏加载方法,其特征在于,所述自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将查找到与所述第一按钮信息对应的公共按钮功能代码确定为第一按钮功能代码,包括:
若检测到所述第一按钮信息为无效第一按钮信息,则从所述缓存池中的公共按钮功能配置表中获取预设的无效按钮功能代码,将所述无效按钮功能代码确定为与该导航栏第一按钮信息对应的所述第一按钮功能代码。
8.一种H5页面的导航栏加载装置,其特征在于,包括:
接收模块,用于接收到第一H5页面加载请求,获取所述第一H5页面加载请求中的第一H5页面数据;
加载模块,用于根据所述第一H5页面数据加载第一H5页面;
触发模块,用于在第一H5页面加载完毕之后,通过Native接口接收已加载的所述第一H5页面自动触发的第一H5页面动态导航栏信息;所述第一H5页面动态导航栏信息包括第一导航栏布局信息和至少一个导航栏按钮的第一按钮信息,所述第一导航栏布局信息包含与所述第一按钮信息对应的至少一个第一按钮字段;
布局模块,用于根据所述第一导航栏布局信息,通过导航栏加载管理中心布局与所述第一H5页面对应的第一导航栏;
查找模块,用于自基于Native的缓存池中的公共按钮功能配置表中查找到与所述第一按钮信息对应的公共按钮功能代码,将查找到与所述第一按钮信息对应的公共按钮功能代码确定为第一按钮功能代码,并将所述第一按钮功能代码和与所述第一按钮功能代码对应的所述第一按钮字段关联;
发送模块,用于在各所述第一按钮功能代码均已关联之后,通过所述导航栏加载管理中心显示所述第一导航栏,并向所述第一H5页面发送第一导航栏布局完毕信息,以令所述第一H5页面进行渲染及显示。
9.一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述H5页面的导航栏加载方法。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述H5页面的导航栏加载方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010911439.5A CN112035113A (zh) | 2020-09-02 | 2020-09-02 | H5页面的导航栏加载方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010911439.5A CN112035113A (zh) | 2020-09-02 | 2020-09-02 | H5页面的导航栏加载方法、装置、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112035113A true CN112035113A (zh) | 2020-12-04 |
Family
ID=73591305
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010911439.5A Pending CN112035113A (zh) | 2020-09-02 | 2020-09-02 | H5页面的导航栏加载方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112035113A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114117285A (zh) * | 2022-01-27 | 2022-03-01 | 浙江口碑网络技术有限公司 | 基于h5页面的位置信息处理方法、装置及电子设备 |
CN114444001A (zh) * | 2022-01-29 | 2022-05-06 | 北京达佳互联信息技术有限公司 | 网站生成方法、装置、电子设备、存储介质、计算机产品 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104778002A (zh) * | 2015-03-20 | 2015-07-15 | 广东欧珀移动通信有限公司 | 一种文本展示方法、移动终端及系统 |
CN107391726A (zh) * | 2017-08-01 | 2017-11-24 | 郑州云海信息技术有限公司 | 一种加载系统页面的方法和装置 |
-
2020
- 2020-09-02 CN CN202010911439.5A patent/CN112035113A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104778002A (zh) * | 2015-03-20 | 2015-07-15 | 广东欧珀移动通信有限公司 | 一种文本展示方法、移动终端及系统 |
CN107391726A (zh) * | 2017-08-01 | 2017-11-24 | 郑州云海信息技术有限公司 | 一种加载系统页面的方法和装置 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114117285A (zh) * | 2022-01-27 | 2022-03-01 | 浙江口碑网络技术有限公司 | 基于h5页面的位置信息处理方法、装置及电子设备 |
CN114444001A (zh) * | 2022-01-29 | 2022-05-06 | 北京达佳互联信息技术有限公司 | 网站生成方法、装置、电子设备、存储介质、计算机产品 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108304498B (zh) | 网页数据采集方法、装置、计算机设备和存储介质 | |
CN108446116B (zh) | 应用程序页面的生成方法、装置、计算机设备和存储介质 | |
CN108038134B (zh) | 页面展示的方法、装置和存储介质以及电子设备 | |
CN109814854B (zh) | 项目框架生成方法、装置、计算机设备和存储介质 | |
CN108399072B (zh) | 应用页面更新方法和装置 | |
CN112035186B (zh) | H5页面的预加载及跳转方法、装置、设备及介质 | |
CN110941779B (zh) | 加载页面的方法、装置、存储介质及电子设备 | |
CN110888709A (zh) | 监控屏的智能操作方法、装置、计算机设备和存储介质 | |
CN109840803B (zh) | 数据录入方法、用户终端、后台服务器及存储介质 | |
CN113536185B (zh) | 应用页面的加载方法、存储介质、及其相关设备 | |
CN112035113A (zh) | H5页面的导航栏加载方法、装置、设备及介质 | |
CN111552903A (zh) | 基于html模板的页面生成方法、装置和计算机设备 | |
CN115309470B (zh) | 微件的加载方法、装置、设备以及存储介质 | |
CN114924815A (zh) | 页面渲染方法、装置、电子设备及存储介质 | |
CN112799760A (zh) | 一种表单渲染方法及其装置 | |
CN116661936A (zh) | 页面数据的处理方法、装置、计算机设备及存储介质 | |
CN111538547A (zh) | 应用程序的应用页面配置方法及装置 | |
CN115145674A (zh) | 基于动态锚点的页面跳转方法、装置、设备及介质 | |
CN115293873A (zh) | 授信流程的页面处理方法、装置、计算机设备和存储介质 | |
CN115391582A (zh) | 一种卡片处理方法、电子设备及系统 | |
CN115017436A (zh) | 应用程序的数据交互方法、装置、计算机设备和存储介质 | |
CN109656549B (zh) | 监察系统的构建方法、装置、计算机设备和存储介质 | |
CN115525305A (zh) | 数据处理、应用启动方法、装置、计算机设备和存储介质 | |
CN113835929A (zh) | 数据获取方法、装置、电子设备及存储介质 | |
CN112540747A (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 |