dwr开发总结 dwr+spring

作者: beauty9235 链接： http://beauty9235.javaeye.com/blog/229619 发表时间: 2008年08月08日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

dwr开发总结 dwr+spring
参考资料
http://wiki.javascud.org/display/dwrcn/Spring+Integration
http://wiki.javascud.org/display/dwrcn/Getting+Started
测试http://{your app}//dwr/
第一步 web.xml
   
    <servlet>
        <servlet-name>dwr-invoker</servlet-name>
        <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
    </servlet>

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

    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>
            /WEB-INF/classes/applicationContext.xml
        </param-value>
    </context-param>
第二步 dwr.xml
<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">

<dwr>
<allow>
    <create creator="new" javascript="JDate">
      <param name="class" value="java.util.Date"/>
    </create>
    <create creator="new" javascript="TestBean">
      <param name="class" value="com.photo.test.TestBean"/>
    </create>
      <create creator="spring" javascript="userAction">          这里交给spring进行创建
          <param name="beanName" value="userAction"/>
      </create>
    <convert converter="bean" match="com.photo.dao.domain.User"/>返回类型需要反换的bean
</allow>
</dwr>
第三步 applicationContext.xml
<beans>
    <bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource" destroy-method="close" singleton="true">
       ....
    </bean>

    <bean id="userService" class="com.photo.service.UserService">
  ...
</bean>
     <bean id="userAction" class="com.photo.action.UserAction"> 这里是spring创建bean的定义
  <property name="userService" ref="userService"/>         将业务层注入
</bean>

第四步类、网页
User.java 返回的实体
public class User {
     Integer id;
     String username;
     String password;

     public Integer getId() {
         return id;
     }

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

     public String getUsername() {
         return username;
     }

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

     public String getPassword() {
         return password;
     }

     public void setPassword(String password) {
         this.password = password;
     }
}
UserAction.java dwr框架调用
public class UserAction {
  private UserService userService; //spring依赖注入，实现与持久层通信
  public void setUserService(UserService userService) {
   this.userService = userService;
  }
  public Map getUserList(String id){
   Map map=new HashMap();
   map.put("userList",userService.queryUser(new User())) ;//查询实体bean User
   map.put("id",id);//用于显示的div id
   return map ;
  }
}
测试页面testajax.html
  <html>
  <head>
      <META http-equiv=Content-Type content="text/html; charset=UTF-8">
      <title>First Example</title>
      <script type='text/javascript' src='/dwr/interface/userAction.js'></script>
      <script type='text/javascript' src='/dwr/engine.js'></script>
      <script type='text/javascript' src='/dwr/util.js'></script>
      <script type="text/javascript">
          var showUser = function(data) {
              var id = data["id"];//取出页面显示的id
              var userList = data["userList"];//取出页面显示的Userlist
              if ($(id).style.display == "none") {
                  $(id).style.display = "block";
                  var htmlStr = ""; //alert(id);
                  for (var property in userList) {
                      var user = userList[property];
                      htmlStr += user.id + " " + user.username + " " + user.password + "<br>";
                  }
                  $(id).innerHTML = htmlStr;
                  return;
              }
              $(id).style.display = "none";
          }
      </script>
  </head>
  <body>
  这是触发函数
  <a style="cursor:hand" id="" onclick="userAction.getUserList('div_show',showUser);">show Users</a> <br>
        这块区域用于显示
  <div id="div_show" style="display:none"></div>
  </body>
  </html>

本文的讨论也很精彩，浏览讨论>>

JavaEye推荐

搜狐网站诚聘Java、PHP和C++工程师
北京: 千橡集团暨校内网诚聘软件研发工程师

欢迎大家访问我的个人网站萌萌的IT人

dwr开发总结 dwr+spring

你可能感兴趣的:(dwr开发总结 dwr+spring)