一种基于国产CPU、操作系统和浏览器的Web高速加载渲染方法
【技术领域】
[0001] 本发明涉及Web加载渲染引擎领域，具体地说是一种基于国产CPU、操作系统和浏 览器的Web高速加载渲染方法。
【背景技术】
[0002] 在国家的大力扶持下，具有自主知识产权的全国产软硬件有了较快的发展，尤其 是近年来我国涌现了众多具有自主知识产权的基础软硬件产品。龙芯、飞腾、北大众志等具 有自主知识产权的高端通用芯片蓬勃发展，技术水平达到了同类产品的世界先进水平；同 时，国产基础软件产品的发展也欣欣向荣，神通数据库、达梦数据库、东方通中间件、金蝶中 间件、中标麒麟操作系统、中标Office办公软件、WpsOffice办公软件等国产基础软件产 品不断涌现出来。这些基础软硬件产品在性能、易用性等方面达到或接近世界先进水平。
[0003] 虽然国产基础软硬件已经有了较大的发展，但和国际顶尖水平还是具有较大差 距，导致相同应用在全国产环境下运行速度较慢，用户的使用体验较差。
[0004] 现有技术中，传统Web应用系统大都是采用左侧菜单树，右侧功能区的展现方式。 功能区的展现一般通过iframe加载，并且开发框架中集成了丰富的前端UI组件，每次页面 加载前，都要把所有组件对象初始化，另外，组件使用的脚本、样式等也非常低效。在传统的 windows操作系统、x86的环境中，传统应用系统的性能、兼容性等问题并不突出。但由于国 产软硬件的性能局限性，应用系统的性能、兼容性问题成为瓶颈，导致用户使用体验较差。
【发明内容】
[0005] 本发明的技术任务是针对上述现有技术的不足，提供一种基于国产CPU、操作系统 和浏览器的Web高速加载渲染方法。基于该方法设计的Web加载渲染引擎开发的前端程序 可性能良好的在全国产基础软硬件环境中运行。
[0006] 本发明的技术任务是按以下方式实现的：一种基于国产CPU、操作系统和浏览器 的Web高速加载渲染方法，其特点是：
[0007] 前端框架引擎基于jquery实现，采用模块化的加载方式实现前端组件的按需加 载，并采用div的方式进行页面加载；
[0008] 前端框架引擎以特定数据格式对Ajax交互数据进行封装，并预留后台接口；
[0009] 采用事件代理机制，通过设置一个全局事件，判断触发事件的具体子元素来进行 处理；
[0010] CSS样式中使用高效的类选择器，并使用CSSSprit方式对图片进行合并，减少 HTTP请求。
[0011] 所述模块文件优选使用json数据格式定义，每个模块由一组js和css组成，以基 于Curl的模块加载器实现前端组件的按需加载，具体实现如下：通过解析模块名得到相应 的js和css文件名，然后通过Curl的js插件和css插件进行加载，加载完成后调用回调 函数完成处理。
[0012] 前端框架引擎中可集成全国产环境中常用的UI组件和前端常用API，包括网格、 日期、弹出层、布局、多Tab等，使其具有很好的可扩展性。另外，用户还可以开发自己的UI 组件并集成到框架中。上述组件均可以定义为一个模块。
[0013] 本发明方法中，前台数据模型可通过代理服务器到服务器端获得数据，由Reader 处理数据后，将数据组装为数据集合DataSet，作为前台的数据模型。
[0014]Dataset可以称作是数据集合，用来管理一组二维数据，其结构类似于关系型数据 库中的表或者视图。DataSet的功能基本涵盖了对数据逻辑处理的各项要求，开发人员可以 利用DataSet来完成绝大部分的数据持久化、数据提取的操作。对界面上所有控件的数据 绑定、数据的更改都通过操作Dataset来实现。
[0015] 最终客户端与服务器端交互都是基于DataSet对象，这样就提供了统一的接口和 编码规范实现客户端与服务器端的交互。后台DataSet与前台是对应的，后台提供了方法 操作DataSet中的数据。
[0016] 作为优选，本发明方法中前端提供Command类作为后端Command类的代理，通过前 端的Command类代理调用服务器端的Command类，以屏蔽前后台交互细节，让使用者感觉服 务器端的Co_and可以当成前端的类一样调用而更加简单直观。在前端通过Co_and提供 的方法来上传参数和获取返回值，简化了前后台的参数传递；前后台传递的参数可以是简 单类型，比如字符串、数字，也可以是复杂类型，比如Databean、Map、List、Date等；同时为 了使Co_and的调用更加直观，还采用Co_and的java类名作为Co_and的id，客户端通 过Command的类名调用相应的Command，同时也省去了Command的配置和管理的麻烦。
[0017] 前后台数据被封装为特定格式，可以使用json、xml等数据格式，在客户端将 javascript类型的数据转换成特定格式串提交给服务器，服务器端接收后将其转换成 java类型的数据，服务器端向客户端返回数据时数据处理流程相反。
[0018] 由于javascript语言的数据类型不能和java语言数据类型完全对应，为了实现 java和javascript数据类型的转换，在封装成格式串时，可以通过增加type属性，使前后 端程序正确识别并转换为对应数据类型。
[0019] 利用上述方法设计的前端引擎可以兼容基于"龙芯"、申威"、"飞腾"等CPU的中标 麒麟操作系统和中科方德操作系统，并兼容全国产软硬件环境中的Firefox和Chromium浏 览器，具有良好的通用性、灵活性和可移植性。具体来说，与现有技术相比，本发明的方法具 有以下有益效果：
[0020](一）基于轻量级jQuery框架实现，遵循AMD规范（浏览器中的模块规范），实现 了JS脚本与CSS样式等前端组件的按需加载，避免同时加载大量文件，提升了页面载入性 能；
[0021] (二）使用div的方式代替iframe来加载页面，实现了组件的"一次加载，永久使 用"，无需在新的页面重复加载组件；
[0022] (三）基于特定数据格式对Ajax交互数据进行封装，屏蔽了复杂的数据格式，通过 简单接口调用即可实现前后台交互；
[0023](四）采用事件代理，通过设置一个全局事件，判断触发事件的具体子元素来进行 处理；
[0024] (五）CSS样式中使用高效的"类选择器"，并使用CSSSprit方式对图片进行合并， 减少HTTP请求。
【附图说明】
[0025] 附图1是本发明基于国产CPU、操作系统和浏览器的Web高速加载渲染引擎架构 图；
[0026] 附图2是本发明实施例1中前后台交互流程图；
[0027] 附图3是本发明实施列1中DataSet模型；
[0028] 附图4是本发明实施例1中前后台数据交互图。
【具体实施方式】
[0029] 参照说明书附图以具体实施例对本发明的基于国产CPU、操作系统和浏览器的 Web高速加载渲染方法作以下详细地说明。
[0030] 实施例：
[0031] 如附图1所示，用于实现本发明方法的Web加载渲染引擎架构主要由前端框架引 擎、模块加载器、