BlogJava-我的漫漫程序之旅-文章分类-AJAXhttp://www.blogjava.net/supercrsky/category/28011.html专注于JavaWeb开发zh-cnFri, 30 May 2008 11:37:56 GMTFri, 30 May 2008 11:37:56 GMT60小试Annotation来配置DWRhttp://www.blogjava.net/supercrsky/articles/204041.html々上善若水々々上善若水々Fri, 30 May 2008 03:02:00 GMThttp://www.blogjava.net/supercrsky/articles/204041.htmlhttp://www.blogjava.net/supercrsky/comments/204041.htmlhttp://www.blogjava.net/supercrsky/articles/204041.html#Feedback2http://www.blogjava.net/supercrsky/comments/commentRss/204041.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/204041.html 可以完全抛弃dwr.xml.

1.和用dwr.xml的配置稍稍有一些不一样。来看看：

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

    <servlet>
        <servlet-name>dwr-invoker</servlet-name>
        <servlet-class>
            org.directwebremoting.servlet.DwrServlet
        </servlet-class>
        
        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
        <init-param>
            <param-name>classes</param-name>
            <param-value>
            com.TestAction,
            com.User
            </param-value>
        </init-param>
    </servlet>

    <servlet-mapping>
        <servlet-name>dwr-invoker</servlet-name>
        <url-pattern>/dwr/*</url-pattern>
    </servlet-mapping>



    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
</web-app>

注意对于内部类的语法标识，要用$符号 。例如
java.util.Map$Entry 而不是 java.util.Map.Entry

2.来看一下远程访问类怎么配置:
package com;

import org.directwebremoting.annotations.RemoteMethod;
import org.directwebremoting.annotations.RemoteProxy;
/*
  类注解，其中name是非必须的。不加的时候就和类名一样。
*/
@RemoteProxy(name = "test")
public class TestAction
{
    /**
     * 远程调用的方法都须加上此注解，否则无法调用 
     * @param a
     * @param b
     * @return
     */
    @RemoteMethod
    public int add(int a, int b)
    {
        return a + b;
    }

    @RemoteMethod
    public int minus(int a, int b)
    {
        return a - b;
    }

    @RemoteMethod
    public int multiply(int a, int b)
    {
        return a * b;
    }

    public int devide(int a, int b)
    {
        if (b != 0)
            return a / b;
        return 0;
    }

    // 测试Bean
    @RemoteMethod
    public String testName()
    {
        User user = new User();
        user.setUsername("zdw");
        return user.getUsername();
    }
}

3.再来看看Bean的转换:
package com;

import org.directwebremoting.annotations.DataTransferObject;
import org.directwebremoting.annotations.RemoteProperty;

@DataTransferObject
public class User
{
    private Integer id;
    private String username;

    @RemoteProperty
    public Integer getId()
    {
        return id;
    }

    public void setId(Integer id)
    {
        this.id = id;
    }

    @RemoteProperty
    public String getUsername()
    {
        return username;
    }

    public void setUsername(String username)
    {
        this.username = username;
    }
}

部署之后，打开调试页，我们将看到:
add(1 , 2 );  3
multiply(4 ,5  );  20
minus(1 , 10 );  -9
devide( 1,  1);  
(Warning: devide() is excluded: Method access is denied by rules in dwr.xml. See below) 
testName( );  "zdw"
我们发现没标注释的devide()方法没法调用。

如果你想通过Spring注入来配置DWR只需加入:
@RemoteProxy(name = "test", creator = SpringCreator.class, creatorParams =
{ @Param(name = "beanName", value = "test") })
对应:
<create javascript="test" creator="spring">
            <!-- 其中name是固定值,value是在xml注入的bean -->
            <param name="beanName" value="test" />
        </create>

creator :默认就是NewCreate了。

ok，基本完成，这样是不是方便多了。~

々上善若水々 2008-05-30 11:02 发表评论
]]>纯JSP+DWR实现三级联动下拉选择菜单http://www.blogjava.net/supercrsky/articles/203778.html々上善若水々々上善若水々Thu, 29 May 2008 03:59:00 GMThttp://www.blogjava.net/supercrsky/articles/203778.htmlhttp://www.blogjava.net/supercrsky/comments/203778.htmlhttp://www.blogjava.net/supercrsky/articles/203778.html#Feedback1http://www.blogjava.net/supercrsky/comments/commentRss/203778.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/203778.html阅读全文

々上善若水々 2008-05-29 11:59 发表评论
]]>Ajax实现二级联动菜单http://www.blogjava.net/supercrsky/articles/203698.html々上善若水々々上善若水々Thu, 29 May 2008 01:12:00 GMThttp://www.blogjava.net/supercrsky/articles/203698.htmlhttp://www.blogjava.net/supercrsky/comments/203698.htmlhttp://www.blogjava.net/supercrsky/articles/203698.html#Feedback1http://www.blogjava.net/supercrsky/comments/commentRss/203698.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/203698.html阅读全文

々上善若水々 2008-05-29 09:12 发表评论
]]>ExtJS2.0实用简明教程http://www.blogjava.net/supercrsky/articles/194933.html々上善若水々々上善若水々Wed, 23 Apr 2008 01:06:00 GMThttp://www.blogjava.net/supercrsky/articles/194933.htmlhttp://www.blogjava.net/supercrsky/comments/194933.htmlhttp://www.blogjava.net/supercrsky/articles/194933.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/194933.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/194933.html

 

ExtJS2.0实用简明教程

序
ExtJS简介
开始ExtJS
获得ExtJS
应用ExtJS
ExtJS版的Hello
Ext框架基础及核心简介
Ext类库简介
ExtJS的组件
组件的使用
组件的配置属性
事件处理
使用面板
Panel
工具栏Toolbar
选项面板TabPanel
视图区ViewPort
窗口Window及对话框MessageBox
窗口基本应用
窗口分组
对话框
布局layout
布局概述
Border区域布局
Column列布局
Fit布局
Form布局
Accordion布局
Card布局
Table布局及其它布局
使用表格控件Grid
基本表格GridPanel
可编辑的表格EditorGridPanel
与服务器交互
数据存储Stroe
Stroe
DataReader
DataProxy与自定义Store
使用树控件TreePanel
TreePanel基本使用
TreeNode
TreeLoader
自定义TreeLoader
使用表单Forms
FormPanel基本应用
FieldSet
基本Field
ComboBox
DateField
TimeField
HtmlEditor
拖放(DD)
拖放的基本应用
DD
DDTarget
实用工具(Util)
Ext类
Ext.Ajax类
Ext.util.Format类
Date扩展
String扩展
Function扩展
其它

原帖地址:
http://www.easyjf.com/blog/html/20080217/1179671.html


々上善若水々 2008-04-23 09:06 发表评论
]]>DWR实现模拟Google搜索效果http://www.blogjava.net/supercrsky/articles/174965.html々上善若水々々上善若水々Sun, 13 Jan 2008 05:01:00 GMThttp://www.blogjava.net/supercrsky/articles/174965.htmlhttp://www.blogjava.net/supercrsky/comments/174965.htmlhttp://www.blogjava.net/supercrsky/articles/174965.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/174965.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/174965.html阅读全文

々上善若水々 2008-01-13 13:01 发表评论
]]>DWR+Hibernate无刷新判断用户是否存在(原创)http://www.blogjava.net/supercrsky/articles/168587.html々上善若水々々上善若水々Tue, 18 Dec 2007 12:58:00 GMThttp://www.blogjava.net/supercrsky/articles/168587.htmlhttp://www.blogjava.net/supercrsky/comments/168587.htmlhttp://www.blogjava.net/supercrsky/articles/168587.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/168587.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/168587.html
package com.vo;

import org.hibernate.Query;
import org.hibernate.Session;

import com.HibernateSessionFactory;

public class UserAction
{
    private Session session;
    
    public UserAction()
    {
        session = HibernateSessionFactory.getSession();
    }
    //判断用户是否存在方法的方法
    public User exists(String username)
    {
        User entity = null;
        Query q = session.createQuery("from User u where u.username = ? ");
        q.setString(0, username);
        if(q.list().size() > 0)
        {
            entity = (User) q.list().get(0);
        }
        return entity;
    }
    
}
index.jsp:
<%@ page pageEncoding="GB18030"%>
<html>
  <head>
    <title>test</title>
<script type='text/javascript' src='/ajax01/dwr/interface/service.js'></script>
<script type='text/javascript' src='/ajax01/dwr/engine.js'></script>
<script type="text/javascript">
    //定义一个方法,用于前台调用
    function exists()
    {
        var name = document.getElementById("username");
        //action的exists方法,可以直接调用,第一参数是需要传入的值
        //第二参数是回调函数(异步处理嘛)
        service.exists(name.value,callback);
        
    }
    //回调函数(形参是service.exists方法的返回值,这里是vo
    function callback(user)
    {    
        if(user == null)
        {
            alert('y');
        }
        else
        {
            alert('n');
        }
    }
</script>    
  <body>
        <form action="#" method="post">
            <input type="text" name="username" id="username" onblur="exists();" /><div id="username_info"></div>
            <input type="submit" />
        </form>
  </body>
</html>

源码下载

々上善若水々 2007-12-18 20:58 发表评论
]]>ExtJs系列1http://www.blogjava.net/supercrsky/articles/166736.html々上善若水々々上善若水々Mon, 10 Dec 2007 09:41:00 GMThttp://www.blogjava.net/supercrsky/articles/166736.htmlhttp://www.blogjava.net/supercrsky/comments/166736.htmlhttp://www.blogjava.net/supercrsky/articles/166736.html#Feedback0http://www.blogjava.net/supercrsky/comments/commentRss/166736.htmlhttp://www.blogjava.net/supercrsky/services/trackbacks/166736.html第一步 - 入门

想必您已经听说过 Ext、浏览了在线演示，并且尝试阅读API文档。不过，面对复杂的API文档，您却不如何下手？！

第二步 - 起步

通览过API文档，并且找到了所要立刻尝试的功能，面对混杂的网页源代码，如何开始一个简单的测试页面？那么……

不论您的目标是什么，您都可以依照本文快速的开始使用Ext。不，不用搭建服务器，您所需要的仅仅是Firefox浏览器和Firebug调试插件。如果还没有安装，那么现在就是一个好机会。


牛刀小试

  • 打开Ext API文档，您已经上路！
  • 单击 F12 打开 Firebug 控制台。
  • 如果您的 firebug 控制台处于单行模式（以 '>>>' 开头），那么请单击右下角的红色上箭头以开启多行编辑模式。
  • 输入以下代码，并敲击 Ctrl-Enter 来运行: 
Ext.get(document.body).update('<div id="test"></div>');

上边这行代码的作用是将当前DOM body元素用一个ID为test的div元素替换。刚才那些API文档已经被删除，但 Ext 代码依旧生效，并且随时为您效劳。

现在，我们假设您希望简单的添加一个面板元素（Panel），但对Ext.Panel的API冗繁的说明无能为力。那么试着将这些代码添加到 firebug 的控制台中： 

Ext.get(document.body).update('<div id="test"></div>');

new Ext.Panel({

    renderTo: 'test',

    width: '200px',

    title: 'My Title',

    html: 'My HTML content'

});

再次敲击 Ctrl-Enter 。嗨！您的面板元素已经诞生。

很好，不过如果修改一些选项呢？用下边的代码替换刚才的那些代码： 

Ext.get(document.body).update('<div id="test"></div>');

new Ext.Panel({

    renderTo: 'test',

    width: '200px',

    title: 'My Title',

    html: 'My HTML content',

    collapsible: true

});

敲击 Ctrl-Enter 。怎么样，一个可以伸缩的面板就配置好了。（注意面板右上角的小图标）

每次敲击 Ctrl-Enter ，第一行代码都会移除现有的内容，这样您就可以有一个干净的调试环境。这是一个简单的小技巧，十分方便您尝试各种配置选项。

您可以为update()函数添加所需要的 HTML 代码，无论多少。然后编写或多或少的 Javascript 来探索 Ext API。

还等什么？现在就去亲自实践 Ext Api 吧。



々上善若水々 2007-12-10 17:41 发表评论
]]>