DWR入門教程のハロルド
4994 ワード
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を入れます.
クライアントのページを書きに来ました.入力フィールドがあります.ここでindex.を作成します.内容は以下の通りです.
$「'user'」は入力フィールドのDOMオブジェクトを取得し、valueは中のドメイン値を取得し、Hello.hello()を呼び出し、valueをパラメータとして転送します.結果はServer端のハローJavaオブジェクトを呼び出し、結果が戻ったらJavaScriptのcalback式を呼び出します.DWRUtilのsetValue(方法)はDOに設定されます.結果は…なんですか?AJAXの機能はどこにありますか?これについては、Refreshページではなく、非同期要求を出すことです.
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ページではなく、非同期要求を出すことです.