部署jetty6的chat示例
部署jetty6的chat示例
1、导入需要的jar包
修改pom.xml文件，增加如下内容：
<dependency>
<groupId>org.mortbay.jetty</groupId>
<artifactId>jetty</artifactId>
<version>6.1.3</version>
</dependency>
<dependency>
<groupId>org.mortbay.jetty</groupId>
<artifactId>jetty-util</artifactId>
<version>6.1.3</version>
</dependency>
2、增加实现的JAVA、JS、HTML
ChatFilter.java作为处理的servlet继承自AjaxFilter
可以从jetty6.1.3中拷贝
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\java\com\acme\ChatFilter.java
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\chat\chat.html
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\chat\chat.js
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\chat\chat.css
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\js\ajax.js
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\js\behaviour.js
我修改了文件存放的位置，更合理话一点，看一下修改后的chat.jsp如下：
<html>
<head>
<title>Jetty chat</title>
<script type="text/javascript" src="../scripts/behaviour.js"></script>
<script type="text/javascript" src="../scripts/ajax.js"></script>
<script type="text/javascript" src="../scripts/chat.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/chat.css"></link>
</head>
<body>
<h1>
Jetty AJAX Chat
</h1>
Three really important things about this chat room demo:
<ul>
<li>
It has really HORRID Styling. Please feel free to donate a pretty
css :-)
</li>
<li>
It is written using js techniques provided by
<a href="http://bennolan.com/behaviour/">Behaviour</a> and
<li>
It uses Jetty6
<a href="/javadoc/org/mortbay/util/ajax/Continuation.html">Continuations</a>.
No threads are used when waiting for async events (see below).
</li>
</ul>
<div id="chatroom">
<div id="chat"></div>
<div id="members"></div>
<div id="input">
<div id="join">
Username:
<input id="username" type="text" />
<input id="joinB" class="button" type="submit" name="join"
value="Join" />
</div>
<div id="joined" class="hidden">
Chat:
<input id="phrase" type="text"></input>
<input id="sendB" class="button" type="submit" name="join"
value="Send" />
<input id="leaveB" class="button" type="submit" name="join"
value="Leave" />
</div>
</div>
</div>
</body>
</html>
3、修改web.xml配置文件
<?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">
<filter>
<filter-name>Chat</filter-name>
<filter-class>com.sillycat.easyview.core.web.filter.ChatFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>Chat</filter-name>
<url-pattern>/chat/*</url-pattern>
</filter-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
1、导入需要的jar包
修改pom.xml文件，增加如下内容：
<dependency>
<groupId>org.mortbay.jetty</groupId>
<artifactId>jetty</artifactId>
<version>6.1.3</version>
</dependency>
<dependency>
<groupId>org.mortbay.jetty</groupId>
<artifactId>jetty-util</artifactId>
<version>6.1.3</version>
</dependency>
2、增加实现的JAVA、JS、HTML
ChatFilter.java作为处理的servlet继承自AjaxFilter
可以从jetty6.1.3中拷贝
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\java\com\acme\ChatFilter.java
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\chat\chat.html
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\chat\chat.js
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\chat\chat.css
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\js\ajax.js
D:\book\jetty\jetty-6.1.3\examples\test-webapp\src\main\webapp\js\behaviour.js
我修改了文件存放的位置，更合理话一点，看一下修改后的chat.jsp如下：
<html>
<head>
<title>Jetty chat</title>
<script type="text/javascript" src="../scripts/behaviour.js"></script>
<script type="text/javascript" src="../scripts/ajax.js"></script>
<script type="text/javascript" src="../scripts/chat.js"></script>
<link rel="stylesheet" type="text/css" href="../styles/chat.css"></link>
</head>
<body>
<h1>
Jetty AJAX Chat
</h1>
Three really important things about this chat room demo:
<ul>
<li>
It has really HORRID Styling. Please feel free to donate a pretty
css :-)
</li>
<li>
It is written using js techniques provided by
<a href="http://bennolan.com/behaviour/">Behaviour</a> and
<li>
It uses Jetty6
<a href="/javadoc/org/mortbay/util/ajax/Continuation.html">Continuations</a>.
No threads are used when waiting for async events (see below).
</li>
</ul>
<div id="chatroom">
<div id="chat"></div>
<div id="members"></div>
<div id="input">
<div id="join">
Username:
<input id="username" type="text" />
<input id="joinB" class="button" type="submit" name="join"
value="Join" />
</div>
<div id="joined" class="hidden">
Chat:
<input id="phrase" type="text"></input>
<input id="sendB" class="button" type="submit" name="join"
value="Send" />
<input id="leaveB" class="button" type="submit" name="join"
value="Leave" />
</div>
</div>
</div>
</body>
</html>
3、修改web.xml配置文件
<?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">
<filter>
<filter-name>Chat</filter-name>
<filter-class>com.sillycat.easyview.core.web.filter.ChatFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>Chat</filter-name>
<url-pattern>/chat/*</url-pattern>
</filter-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>