DWR操作(-)ハローワールドの勉強!
4708 ワード
今日からDWRのWebプログラムでの基本的な使用を完全にコード形式でSpring 2に含めて表現します.0、Ibatis、Hibernate、Struts1.2の統合!
DWRの理论について、ネットの中で随所に见られます..
まず.ネットの中で1つのバージョンの比較的に高いDWRの包みを探すことができます
WEBプロジェクトを作成した後.
dwr.JArパッケージcopyはWEB-INFディレクトリの下のlibにある.このディレクトリの下にdwrを作成します.xmlファイル
dwr.xml構成コード:
web.xmlの構成は次のとおりです.
次にsrcディレクトリの下にcomを作成します.xzj.サービスパッケージ:HelloWorldServiceというクラス名をサブパッケージに作成
このかばんに二つの方法を書きます.
コードは次のとおりです.
フロントに戻りますjspページのコードは次のとおりです.
DWRの理论について、ネットの中で随所に见られます..
まず.ネットの中で1つのバージョンの比較的に高いDWRの包みを探すことができます
WEBプロジェクトを作成した後.
dwr.JArパッケージcopyはWEB-INFディレクトリの下のlibにある.このディレクトリの下にdwrを作成します.xmlファイル
dwr.xml構成コード:
<?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>
<!-- without allow, DWR isn't allowed to do anything -->
<allow>
<create creator="new" javascript="Hello" scope="application">
<param name="class" value="com.xzj.service.HelloWorldService"/>
</create>
</allow>
</dwr>
web.xmlの構成は次のとおりです.
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee <A href="http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" target=_blank>http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd</A>">
<!-- DWR -->
<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>
<!-- DWR -->
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
次にsrcディレクトリの下にcomを作成します.xzj.サービスパッケージ:HelloWorldServiceというクラス名をサブパッケージに作成
このかばんに二つの方法を書きます.
コードは次のとおりです.
package com.xzj.service;
public class HelloWorldService {
private static final String msg=" !";
public String helloWorld(){
return "Hello DWR World!";
}
public String hello(String name){
if(!"".equals(name)&&null!=name){
msg="Hello "+name+" !";
}
return msg;
}}
フロントに戻りますjspページのコードは次のとおりです.
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>DWR Hello World!</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!-- dwr.xml javascript="Hello" -->
<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">
function helloWorld(){
Hello.helloWorld(showMessage);
function showMessage(msg){
alert(msg);
}
}
function hello(){
Hello.hello(txtName.value,showMessage);
function showMessage(msg){
alert(msg);
}
}
</script>
</head>
<body>
<center>
<input type="button" name="btnHello" value="HelloWord" onclick="helloWorld()"/>
<br><br><br><br>
Please Enter You Name:<input type="text" name="name" id="txtName" value=" "/>
<input type="button" name="btnHello" value="HelloWord" onclick="hello()"/>
</center>
</body>
</html>