DWR入门教程之提示性文字

hintcnuie

浏览: 1404071 次
性别:
来自: 北京

最近访客更多访客>>

wangchh8134

yhcc_0817

luohhyo

魁拔222

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ajax

DWR Ajax Spring Java JavaScript

DWR可以让您做个简单的文字提示功能了…像这个…
http://caterpillar.onlyfun.net/Gossip/index.html

把鼠标指到书的照片上，会显示提示文字，这些提示文字本身不是存在网页上的，而是在Server端，当鼠标指到书上时，会用Request object去抓，然后显示在框框中…

不过！用DWR就可以很简单完成这个功能…

先写个Java类别吧！Book.java如下：

package com.dwr;

import java.util.HashMap;
import java.util.Map;

public class Book {
	private Map<String, String> descriptionMap = new HashMap<String, String>();

	public Book() {
		String java = "Java SE 6 技術手冊 - 為「Java學習筆記」的下一版，正式成為技術手冊的成員之一，以一年多來的上課經驗，對各章節的內容作了擴充調整（例如物件導向、多執行緒等），新增JDBC介紹，並在最後一章介紹幾個Java SE 6的新特性。";
		String spring = "Spring 2.0 技術手冊 - 主要針對Spring 2.0 的新組態、新 AOP 支援等作說明、加強IoC的部份、介紹JDBC、form標籤等新功能，修正第一版的錯誤，並重作所有的範例，Web 的部份使用WTP重寫。";
		String ajax = "Ajax 實戰手冊 - Ajax in action 中文版，我的第一本譯作，雖說是翻譯，卻是我花最多時間的一本書籍，翻譯所投入的心力，實在不亞於自己撰寫書籍的心力，當然收獲也是很多的，尤其是藉由完成這本書的翻譯，對於Ajax 也有了更加深入的了解。";
		descriptionMap.put("java", java);
		descriptionMap.put("spring", spring);
		descriptionMap.put("ajax", ajax);
	}
	public String getDescription(String key) {
		return descriptionMap.get(key);
	}
}

一样的…要开放这个Book对象，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="Hello">
      <param name="class" value="com.dwr.HelloWorld"/>
    </create>
    <create javascript="Book" creator="new">
    	<param name="class" value="com.dwr.Book"></param>
    </create>
  </allow>
</dwr>

scope设定为application，表示这个Book对象在整个应用程序阶段都活着。

然后，客户端写个网页Book.html:

<!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>Book</title>
<script type='text/javascript' src='dwr/interface/Book.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='book.js'></script>

</head>
<body>

<div id="ajax" onmouseover="getBookData(this);" onmouseout="clearData();">
	<a	href="http://www.gotop.com.tw/waweb2004/home/home.aspx?pg=HM010X&bn=AXP011800">
	<img style="border: 0px solid ; width: 80px; height: 110px; float: left;"
	alt="Ajax in action 中文版" title="Ajax in action 中文版"
	src="images/ajax_in_action_c.jpg" hspace="10" vspace="2"></a></div>
<div id="spring" onmouseover="getBookData(this);" onmouseout="clearData();">
  <a href="http://www.gotop.com.tw/waweb2004/home/home.aspx?pg=HM010X&bn=ACL021000"><img
	style="border: 0px solid ; width: 80px; height: 110px; float: left;"
	alt="Spring 技術手冊" title="Spring 技術手冊" src="images/Spring2Tech_S.jpg"
	hspace="10" vspace="2"></a></div>
<div id="java" onmouseover="getBookData(this);"
	onmouseout="clearData();"><a
	href="http://www.gotop.com.tw/waweb2004/home/home.aspx?pg=HM010X&bn=ACL020931"><small><img
	style="border: 0px solid ; width: 80px; height: 110px; float: left;"
	alt="Java 學習筆記" title="Java 學習筆記" src="images/JavaTech_Cover_Small.jpg"
	hspace="10" vspace="2"></small></a></div>

<br/>
<br/>
<br/>
<div id="info"></div>

</body>
</html>

重点在于onmouseover跟onmouseout，鼠标移入与移出时会呼叫的函式，还有最下面的info，抓回来的书籍介绍会放到当中…

book.js如下，简单的很…

function getBookData(ele){
	Book.getDescription(ele.id,setBookData);
}
function setBookData(description){
	DWRUtil.setValue('info',description);
}
function clearData(){
	DWRUtil.setValue('info','');
}

看一下画面好了…这是鼠标移到 Ajax in action中文版上的介绍画面…

DWR Book

源文件见附件，WAR格式打包。

dwrtest.rar (482.2 KB)
描述: 是war包，但是由于war格式不让上传（？），所以再用rar格式包装一下
下载次数: 71

分享到：

JSF 背景 | DWR入门教程之HelloWorld

2008-03-25 15:40
浏览 2454
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Ajax.基础教程资料: ### Ajax基础教程知识点详解 #### 一、基本概念与原理 **1.1 定义与背景** Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术。它通过在后台与服务器进行少量数据交换，使得网页可以在...

福兴讯V587对讲机写频，调频软件福摩斯特V587: 福兴讯V587对讲机写频，调频软件。福摩斯特V587对讲机写频，调频

uni-helper_vite-plugin-uni-tai_1742854282.zip: app开发

LangChain框架详解：大语言模型应用开发的核心模块与实践: 内容概要：本文介绍了LangChain这一开源框架，它专为开发基于大型语言模型（LLM）的应用程序而设计。文章阐述了LangChain的核心理念、架构组成及其重要性。LangChain通过模块化设计解决了大模型应用开发中的效率低下和局限性问题，提供了标准化的接口和丰富的抽象层，使开发者能够轻松接入不同大模型并构建高效的应用程序。文中详细讲解了几个关键模块，包括Model I/O、Retrieval、Chains、Memory、Agents和Callbacks，以及如何安装和使用LangChain进行开发。此外，还展示了具体的代码示例，如如何调用OpenAI的API、构建LLMChain链路、设置回调机制和实现对话记忆功能。适合人群：对大语言模型有一定了解并且有兴趣开发基于LLM的应用程序的研发人员和技术爱好者。使用场景及目标：①帮助开发者快速掌握LangChain的基本概念和使用方法；②提供实用的代码示例，便于开发者实际操作；③解释如何通过LangChain克服大模型应用开发中的常见难题，如模型差异、输出不稳定等。阅读建议：鉴于LangChain涉及较多的专业术语和技术细节，建议读者在阅读时结合官方文档和示例代码一起学习，尤其是对于核心模块的理解和实践。同时，关注GitHub上的最新版本更新，以获取最新的特性和改进。

网络伴侣 iCompanion 2.1: 网络伴侣 iCompanion 2.1 网络计费软件，功能全面，支持ISDN

移动开发_Flutter_简约聊天_纸聊APP_1742846962.zip: app开发

《基于YOLOv8的交通事故自动报警系统》（包含源码、完整数据集、可视化界面、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计.zip: 资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。

《基于YOLOv8的八段锦练习指导系统》（包含源码、完整数据集、可视化界面、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计.zip: 资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。

前端开发_UniApp_云开发_JsSdk_全端适配实战讲解_1742852088.zip: app开发

移动开发_Flutter_轮子推荐_开发效率提升_1742851671.zip: 移动开发_Flutter_轮子推荐_开发效率提升_1742851671.zip

往复活塞杆密封件热弹流润滑仿真：Python实现与解析（复现论文，含详细可运行代码及解释）: 内容概要：本文详细介绍了往复活塞杆密封件在瞬态条件下热弹流润滑仿真的Python实现。首先定义了几何、材料和工况参数，然后分别构建了流体力学、热力学和固体力学模型。流体力学模型使用有限差分法求解瞬态雷诺方程，热力学模型考虑了温度和压力对粘度的影响，固体力学模型则采用了Mooney-Rivlin超弹性模型和Prony级数描述的粘弹性松弛。最后通过耦合求解实现了整个系统的时间积分，并绘制了液膜厚度和压力分布图。文中还讨论了模型的特点、简化假设以及扩展建议。适合人群：机械工程领域的研究人员和技术人员，尤其是对密封件性能优化感兴趣的从业者。使用场景及目标：适用于研究往复活塞杆密封件的工作机理及其在不同工况下的表现，帮助工程师理解和预测密封件的动态特性，从而改进设计和选材。其他说明：该实现基于论文中的理论框架，但在实际应用时可能需要进一步调整和完善。

人人商城V3-3.2.1版本.zip 亲测能用: 人人商城V3-3.2.1版本.zip 亲测能用

《基于YOLOv8的灯光设备监测系统》（包含源码、完整数据集、可视化界面、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计.zip: 资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。

Java面向对象编程，出现的示例代码: Java面向对象编程，出现的示例代码

蓝桥杯python相关资源，真题，蓝桥杯，蓝桥杯Python练习系统题库，蓝桥杯Python练习系统题库: 蓝桥杯python，蓝桥杯python相关资源，真题，蓝桥杯，蓝桥杯Python练习系统题库，蓝桥杯Python练习系统题库

fsfzdgdfrgbzgr: rgrgdfsegfasgrsredgf

《基于YOLOv8的冲浪运动分析系统》（包含源码、完整数据集、可视化界面、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计.zip: 资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。

Lotus Notes 4.65: Lotus Notes 4.65 是 IBM 旗下早期版本的企业级协作平台，主要面向办公自动化和非结构化数据管理领域。以下为综合信息整理：一、版本背景与定位核心架构 Lotus Notes 4.65 属于客户端-服务器架构的早期版本，其服务器端为 Lotus Domino18。客户端功能：集成电子邮件、日历、联系人管理、文档数据库访问16。服务器功能：支持分布式文档存储、跨平台数据同步及安全权限管理18。技术特性数据库技术：采用非结构化文档数据库，支持表单、视图、代理等自定义数据管理工具68。工作流引擎：内置开发环境（Domino Designer），可定制审批流程、文档跟踪等企业级应用18。跨平台兼容性：支持 Windows 95/98、NT 等早期操作系统，依赖 TCP/IP 协议实现网络通信25。

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论