DWR入門教程のハロルド


DWR入門教程のハロルド
DWR入門教程のハロルドはまず来ます.http://getahead.ltd.uk/dwr/dwr.jarをダウンロードして、WEB-INF/libの下に置いてクライアントの要求を処理して、そしてJavaオブジェクトを叫んだのはDWRServletで、DWRも実はいくつかModel 2の味があって、Viewのこの階だけは比較的に弱いです.クライアントに置くJavaScriptアプリケーションのためです.
      まず最初にhttp://getahead.ltd.uk/dwr/dwr.jarをダウンロードして、WEB-INF/libの下に置いて…
      クライアント要求を処理し、Javaオブジェクトを呼び出すのはDWRServletです.DWRは実はModel 2の味があります.Viewのこの階は弱いです.クライアントのJavaScriptアプリケーションに置いているからです.
web.xmlにDWRSERVletを入れます.

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" 
	xmlns="http://java.sun.com/xml/ns/j2ee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
	http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
   <servlet>
		<servlet-name>dwr</servlet-name>
		<servlet-class> org.directwebremoting.servlet.DwrServlet 
		</servlet-class>
		<init-param>
			<param-name>debug</param-name>
			<param-value>true</param-value>
		</init-param>
	</servlet>
	<servlet-mapping>
		<servlet-name>dwr</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
	
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>


簡単なハローを書きましょう.

package com.dwr;   
  
public class HelloWorld {   
 private String name;   
 public HelloWorld(){   
     
 }   
 public String getName() {   
  return name;   
 }   
 public void setName(String name) {   
  this.name = name;   
 }   
 public String sayHello(String name) {   
        return "Hello, " + name;   
    }   
  
}  

    クライアントはこのJavaオブジェクトを呼び出してパラメータに伝えますが、後に文字列を返します.クライアントはこの文字列を表示します.不思議ですか?実はDWRSERVletについて教えます.これはdwr.xmlが必要です.WEB-INFディレクトリの下でこのファイルを作成します.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr//dwr20.dtd">

<dwr>
  <allow>
     <create javascript="hello" creator="new">
       <param name="class" value="org.dwr.HelloWorld"></param>
     </create>
  </allow>
</dwr>

creatorはnewに設定されており、Helloの引数なしのアーキテクチャを使用してオブジェクトを生成することを示し、JavascriptはHelloに設定されており、クライアントJavaScriptプログラムはHelloを使用して対応するonlyfun.callar.Helloオブジェクトを呼び出すことができることを示しています.
        クライアントのページを書きに来ました.入力フィールドがあります.ここでindex.を作成します.内容は以下の通りです.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">  
<title>DWR's  HelloWorld</title>  
<script type='text/javascript' src='dwr/interface/Hello.js'></script>  
<script type='text/javascript' src='dwr/engine.js'></script>  
<script type='text/javascript' src='dwr/util.js'></script>  
<script type='text/javascript' src='hello.js'></script>  
</head>  
<body>  
<input id="user" type="text" /><input type='button' value='  ' onclick='hello();' />  <div id="result"></div>  
</body>  
</html>  

dwr/interface/Hello.jsはDWRServletがdwr.xmlの設定に基づいて生成したもので、engine.jsはクライアントのサーボ端子のコミュニケーションを担当しています.util.jsはJavaScriptプログラムで、多くのJavaScriptを書くことができます.hello.jsは私達がカスタマイズした手紙です.ボタンを押すと、中のhello()書簡式を呼びますので、現在のフォルダの下にhello.jsを作る必要があります.

function hello(){   
 var user = $('user').value;   
 Hello.sayHello(user,callback);   
}   
function callback(msg){   
 DWRUtil.setValue('result',msg);   
} 
        $「'user'」は入力フィールドのDOMオブジェクトを取得し、valueは中のドメイン値を取得し、Hello.hello()を呼び出し、valueをパラメータとして転送します.結果はServer端のハローJavaオブジェクトを呼び出し、結果が戻ったらJavaScriptのcalback式を呼び出します.DWRUtilのsetValue(方法)はDOに設定されます.結果は…なんですか?AJAXの機能はどこにありますか?これについては、Refreshページではなく、非同期要求を出すことです.
        $「'user'」は入力フィールドのDOMオブジェクトを取得し、valueは中のドメイン値を取得し、Hello.hello()を呼び出し、valueをパラメータとして転送します.結果はServer端のハローJavaオブジェクトを呼び出し、結果が戻ったらJavaScriptのcalback式を呼び出します.DWRUtilのsetValue(方法)はDOに設定されます.結果は…なんですか?AJAXの機能はどこにありますか?これについては、Refreshページではなく、非同期要求を出すことです.