论坛首页 Web前端技术论坛

JMAKI学习笔记一

浏览 1814 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-11-05  

     jMaki是一个开源的AJAX框架提供轻量级的模块来创建以JavaScript为中心的AJAXWeb应用程序这个Web应用程序可以使用Java, Ruby, PHP, 以及Phobos来开发(Phobos是一个运行在Java平台上的Web应用程序环境 目前支持JavaScript运行在服务器端的Java平台上也是java.net上的一个开源软件)。

     jmaki呈现在开发者面前的是widgetsCSS. 这些AJAX widgets包括Dojo, DHTML, Spry, Yahoo, Google, Flickr , 可以很方便地在设置参数jMaki框架主要实现了发送JavaScript到客户端, 让客户端的JavaScript和服务器端的各种技术比如JavaJSPJSF PHP Phobos进行通讯

    其具体框架如下图:

         

        jmaki框架的细节后面再描述,这里先从一个jmaki应用的应用结构讲起。重建的一个使用jmaki框架的应用,在其应用目录下都会包含一个resource目录,该目录包含了jmaki所需要用的资源。

       该目录中包含jmaki.js文件,该文件主要功能控制了各个widget都加载顺序和各个widget之间通信。还有一个config.json主要是包含了一些扩展映射关系和glue.js的映射。

下面我们讲述JSP中运用JMAKI。首先我们当我们在JSP中使用了一个jmaki的widget,其目录结构如下图

目录结构 代码
  1. - web root   
  2.     |   
  3.     +-resources    
  4.          |   
  5.          +-jmaki.js   
  6.          |   
  7.          +-config.json   
  8.          |   
  9.          +-jmaki   
  10.             |   
  11.             +-mywidget   
  12.                 |   
  13.                 +-component.css   
  14.                 |   
  15.                 +-component.js   
  16.                 |   
  17.                 +-component.htm   

       jmaki通过使用目录格式提供了一种命名空间的概念。上图所示,在jsp中使用了一个jmaki.mywidget的widget,该组件的所有相关资源默认所在目录为resource/jmaki/mywidget目录下。这个目录下保护了其相关的CSS,HTML,js文件。

      看到上面结构中,三个文件,每个组件都会有这三个文件。

         commonent.css:用于定义组件的显示格式。

        comment.js:用于定义组件的事件响应。

        comment.htm:用于组件布局。

另外,一个组件可以放在web的一个特定的目录下,jmaki有个查找组件的机制:首先是在web的根目录下找相应的组件目录,如果没有,就找resource目录下的。该目录下的组件将覆盖根目录下同样的组件内容。如果没有,将在/META-INF/resources中定义的路径找。

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics