[发明专利]一种网页应用程序的开发及加载方法、装置、终端和介质

说明书

技术领域

本发明涉及无线通信技术领域，尤其涉及一种网页应用程序的开发及加载方法、装置、终端和介质。

背景技术

在安卓平台开发中，从设计稿到移动端页面实现，是产品流程中非常重要的一环，设计稿往往是按如(360px*580px)的像素设计。在代码实现环节，通常需要经过(dp*ppi/160＝px)的公式来换算成安卓设备上的像素单位，而且各大厂商目前在安卓设备上安装的安卓系统版本也各部相同，且各个安卓系统版本均有一定占有率，这就衍生出更多的屏幕比例，适配更加困难，导致需要根据不同分辨率裁剪设计不同样式文件，裁剪不同的图片资源，因此，在安卓平台上，需要采用不同的分辨率需要定义不同的渲染版本(xml)，不同的资源文件(drawable-xhdpi,drawable-xxhdpi)来做到各个屏幕的完美展示，具体的实现思路是：

1、根据设计稿，设计安卓的移动布局layout.xml页面文件。需要在渲染版本(xml)中配置对应的组件，然后结合java代码获取数据源，再填充到页面中。其中px单位要转化为dp单位；

2、需要根据屏幕大小，屏幕密度，分辨率设计多套不同的背景图或者图片分别置放于drawable-xhdpi，drawable-xxhdpi等文件下；

3、需要配备多种分辨率设备，经过真机验证页面完整性，如是否失帧，是否变形等；

上述页面设计实现方案，在少量页面的应用程序开发中是可行的，但是对于功能较为丰富的应用程序来说，比如涉及几十个页面，对于安卓这种嵌入式设备而言，就会出现以下问题：

1、由于资源文件(图片资源)过多，导致应用程序最终安装包过大；

2、开发繁琐，耗时。在将设计稿转为移动页面的设计中，需要付出过多的时间。除了换算单位计算之外，还得协调资源进行多个分辨率的图片剪切；

3、需要投入更多的测试资源，用以验证各个主流手机的适配性。

由上所述，现有页面设计方案存在当应用程序功能较多时，开发繁琐、耗时，且会导致安装包过大，以及需要投入较多的测试资源，人工和时间成本较高等问题。

发明内容

本发明实施例提供了一种网页应用程序的开发及加载方法、装置、终端和介质，用以解决现有页面设计方案存在当应用程序功能较多时，开发繁琐、耗时，且会导致安装包过大，以及需要投入较多的测试资源，人工和时间成本较高的问题。

本发明实施例提供了一种网页应用程序的开发及加载方法，包括：

启动应用程序，加载根模块；

根据所述根模块加载与其对应的入口索引超文本标记语言，以及在入口索引超文本标记语言中写入的全局层叠样式表文件；

当页面跳转时，加载子模块，以及子模块内配置的各组件层叠样式表文件。

在该方法中，使用HTML5+CSS3+webview设计移动页面，当启动应用程序时，加载根模块，并加载对应的入口程序及全局层叠样式表文件；当页面跳转的时候，加载子模块，此时才按需加载入子模块配置的各组件层叠样式表文件，因此当页面量大的时候，无需加载全部的资源文件，而是按需加载相应的子模块，节省了应用程序初次启动的初始化时间。

进一步地，作为一个可执行方案，在启动应用程序，加载根模块之前，所述方法还包括：

采用容器加载方式设计页面架构。

进一步地，作为一个可执行方案，所述采用容器加载方式设计页面架构，包括：

由网络视图加载应用程序的入口索引超文本标记语言；

网页跳转是通过网页链接的统一资源定位符URL地址集合的路由器导航配置在网页中的超文本标记语言标签body中引入可跳转切换的网页跳转超文本标记语言。

进一步地，作为一个可执行方案，在入口索引超文本标记语言中写入的全局层叠样式表文件的具体写入过程包括：

在入口索引超文本标记语言中将每一待显示的网页页面均分为头、内容和页脚；

将与每一待显示的网页页面的头、内容和页脚相关的层叠样式表文件设置为全局。

进一步地，作为一个可执行方案，所述子模块内配置的各组件层叠样式表文件的具体配置过程包括：

采用超文本标记语言自定义页面元素，按照列表、网格和按钮的类别分别封装层叠样式表文件。

进一步地，本发明实施例还提供了一种网页应用程序的开发及加载装置，包括：

启动单元，用于启动应用程序，加载根模块；