[发明专利]柔性Web展现框架模型架构设计方法

说明书

技术领域

本发明涉及一种用于基于JavaScript语言的柔性Web展现框架模型架构设计方法，属于信息技术领域。

背景技术

柔性展现框架是一个比较新的领域。软件柔性是指软件行为能符合用户预期，动态适应软件环境的变化。例如，对于长生命周期的大规模软件系统，软件的环境是动态变化的，它有可能超出开发阶段的预期，需要软件具备适应能力；对于开发阶段未预期的环境及停机维护代价高的系统，这种环境适应能力更需要在线调整，本文主要关注于Web在线应用开发和运行时的柔性，这种柔性体现在Web应用可预期的一些能力，包括兼容不同浏览器，界面元素展现主题的在线动态可配置，界面元素位置的在线动态可配置，本地化和国际化的动态可配置，Web资源的按需加载能力，界面视图及交互的可拖拽设计及配置能力。以及不可预期的外部环境变化时的动态调整能力、组件动态扩展能力等。

AJAX（Asynchronous JavaScript and XML）技术的运用使得在浏览器与服务端交互时，客户端的AJAX请求代替了页面刷新请求，不会打断用户思路，保障其更加流畅的完成业务操作，增强了用户体验。

但是，大量客户端脚本的应用，代码的可维护性、可扩展性、各种主流浏览器的兼容性成为了新的挑战，如何在保证用户体验的同时，增强代码的可维护性和扩展性，屏蔽主流浏览器的差异，亟需一种忽略脚本语言本身的差异性，让界面设计人员专注于界面设计、让开发人员专注于业务逻辑编码、让系统维护人员更方便升级维护的柔性展现框架。

发明内容

有鉴于此，本发明的目的在于给出一种柔性Web展现框架模型架构设计方法，有效提升基于Web的信息系统的在不同浏览器访问时的统一用户体验，提高界面交互能力，增强Web页面中JavaScript脚本的组织和管理能力，提供可视化界面定义、设计和代码生成能力，提供管理模块的脚本编译和优化功能以加速脚本的传输和展现能力，增强Web模块的自适应性和可扩展性等柔性功能，使得Web信息系统的二次开发效率和最终产品具备良好的柔性。

为实现上述目的，本发明提供了一种柔性Web展现框架模型架构设计方法，其特征在于，其包括以下步骤：

1）建立Web展现框架模型的基本层次结构，所述Web展现框架模型包括四个基本层次结构：基础层、工具层、控件层、视图层；

基础层包括JavaScript语言扩展、JavaScript运行时扩展、国际化以及主题、上下文组件、行为组件、文档节点选择器组件、AJAX组件、动画效果等基础组件。工具层包括通用工具库、安全机制和REST服务(Representational State Transfer表述性状态转移)客户端。控件层包括基础控件、编辑器控件、容器控件、数据控件以及数据实体容器。视图层包括视图、视图控制器、视图容器。

2）在Web展现框架模型的基础上增加柔性结构特征。即在基础展现框架的上层增加应用上下文组件Weblet小程序，实现Weblet小程序的注册、引用、加载、运行、销毁等完整的脚本生命周期管理机制。Weblet小程序是Web应用的最小逻辑单元，它将页面文件、脚本文件和资源文件按照一定的目录结构管理，其中脚本文件以MVC2（模型-视图-控制器）模型进行组织，每个独立的页面文件都是一个视图文件和一个视图控制器文件的组合，视图文件中包含了对数据模型的定义或引用。Weblet小程序允许多级目录嵌套，提供同模块的Weblet和跨模块的Weblet之间的引用功能。Weblet的结构示例如下:

-WebletName

    -resources

      Themes                      -- 当前上下文组件主题

         Aero                     -- 主题名

            Images                -- 主题图片

            controls.css            -- 主题样式

         Grey  

      Css                         -- 组件通用样式设置

      Locales                      -- 本地化语言配置

         zh_CN                   

-scripts

   -controls