DWR入门教程之提示性文字

hintcnuie

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

最近访客更多访客>>

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
浏览 2444
评论(0)
查看更多

发表评论

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

相关推荐

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

实时监控体系：基于Prometheus的API性能指标可视化方案.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

5个提升DeepSeekAPI生成质量的调参技巧，开发者必看！.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

ACM动态规划模板-区间修改线段树问题模板: ACM动态规划模板-区间修改线段树问题模板

深度解析C语言调试技巧：VSCode+GDB实战排错指南.pdf: # 踏入C语言的奇妙编程世界在编程的广阔宇宙中，C语言宛如一颗璀璨恒星，以其独特魅力与强大功能，始终占据着不可替代的地位。无论你是编程小白，还是有一定基础想进一步提升的开发者，C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件，执行速度快，是系统软件、嵌入式开发的首选。同时，代码可在不同操作系统和硬件平台间轻松移植，极大节省开发成本。学习C语言，能让你深入理解计算机底层原理，培养逻辑思维和问题解决能力。掌握C语言后，再学习其他编程语言也会事半功倍。现在，让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析，助你逐步掌握C语言核心知识和编程技巧。别再犹豫，加入我们，在C语言的海洋中尽情遨游，挖掘无限可能，为未来的编程之路打下坚实基础！

10个高效调用DeepSeekAPI的技巧：从请求优化到缓存策略.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

基于Python语言的PersonRelationKnowledgeGraph设计源码: 本项目为Python语言开发的PersonRelationKnowledgeGraph设计源码，总计包含49个文件，涵盖19个.pyc字节码文件、12个.py源代码文件、8个.txt文本文件、3个.xml配置文件、3个.png图片文件、2个.md标记文件、1个.iml项目配置文件、1个.cfg配置文件。该源码库旨在构建一个用于表示和查询人物关系的知识图谱系统。

成本优化指南：通过Token计算模型将API费用降低57%的秘诀.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

大华智能物联平台，的对接其他接口的API,可以获得视频拉流的flv/hls/rstp 的拉流地址，demo项目为springBoot项目，可以通过摄像头的视频通道，获取到实时拉流的uRl: rtsp实时预览接口URL:/evo-apigw/admin/API/MTS/Video/StartVideo HLS、FLV、RTMP实时预览接口方式 :接口URL/evo-apigw/admin/API/video/stream/realtime 参数名必选类型说明 data true string Json串 +channelId true string 视频通道编码 +streamType true string 码流类型：1=主码流, 2=辅码流，3=辅码流2 +type true string 协议类型：hls,hlss,flv,flvs,ws_flv,wss_flv,rtmp hls:http协议，m3u8格式，端口7086; hlss:https协议，m3u8格式，端口是7096; flv:http协议，flv格式,端口7886; flvs:https协议，flv格式,端口是7896; ws_flv:ws协议，flv格式,端口是7886; wss_flv:wss协议，flv格式,端口是7896; rtmp:rtmp协议,端口是1975;

Simulink永磁风机飞轮储能系统二次调频技术研究：频率特性分析与参数优化,Simulink永磁风机飞轮储能二次调频技术：系统频率特性详解及参数优化研究参考详实文献及两区域系统应用,simulink: Simulink永磁风机飞轮储能系统二次调频技术研究：频率特性分析与参数优化,Simulink永磁风机飞轮储能二次调频技术：系统频率特性详解及参数优化研究参考详实文献及两区域系统应用,simulink永磁风机飞轮储能二次调频，系统频率特性如下，可改变调频参数改善频率。参考文献详细，两区域系统二次调频。 ,核心关键词： 1. Simulink 2. 永磁风机 3. 飞轮储能 4. 二次调频 5. 系统频率特性 6. 调频参数 7. 改善频率 8. 参考文献 9. 两区域系统以上关键词用分号（;）分隔，结果为：Simulink;永磁风机;飞轮储能;二次调频;系统频率特性;调频参数;改善频率;参考文献;两区域系统。,基于Simulink的永磁风机与飞轮储能系统二次调频研究：频率特性及调频参数优化

MATLAB驱动的ASR防滑转模型：PID与对照控制算法对比，冰雪路面条件下滑移率与车速轮速对照展示,MATLAB驱动的ASR防滑转模型：PID与对照控制算法对比，冰雪路面条件下滑移率与车速轮速对照图: MATLAB驱动的ASR防滑转模型：PID与对照控制算法对比，冰雪路面条件下滑移率与车速轮速对照展示,MATLAB驱动的ASR防滑转模型：PID与对照控制算法对比，冰雪路面条件下滑移率与车速轮速对照图展示,MATLAB驱动防滑转模型ASR模型 ASR模型驱动防滑转模型 ?牵引力控制系统模型选择PID控制算法以及对照控制算法，共两种控制算法，可进行选择。选择冰路面以及雪路面，共两种路面条件，可进行选择。控制目标为滑移率0.2，出图显示车速以及轮速对照，出图显示车辆轮胎滑移率。模型简单，仅供参考。 ,MATLAB; ASR模型; 防滑转模型; 牵引力控制系统模型; PID控制算法; 对照控制算法; 冰路面; 雪路面; 控制目标; 滑移率; 车速; 轮速。,MATLAB驱动的ASR模型：PID与对照算法在冰雪路面的滑移率控制研究

芯片失效分析方法介绍 -深入解析芯片故障原因及预防措施.pptx: 芯片失效分析方法介绍 -深入解析芯片故障原因及预防措施.pptx

4131_127989170.html: 4131_127989170.html

PostgreSQL自动化部署与优化脚本：智能化安装、安全加固与监控集成: 内容概要：本文提供了一个全面的PostgreSQL自动化部署解决方案，涵盖智能环境适应、多平台支持、内存与性能优化以及安全性加强等重要方面。首先介绍了脚本的功能及其调用方法，随后详细阐述了操作系统和依赖软件包的准备过程、配置项的自动生成机制，还包括对实例的安全性和监控功能的强化措施。部署指南给出了具体的命令操作指导，便于新手理解和执行。最后强调了该工具对于不同硬件条件和服务需求的有效应对能力，特别是针对云计算环境下应用的支持特点。适合人群：对PostgreSQL集群运维有一定基础并渴望提高效率和安全性的数据库管理员及工程师。使用场景及目标：本脚本能够帮助企业在大规模部署时减少人工介入时间，确保系统的稳定性与高性能，适用于各类需要稳定可靠的数据库解决方案的企业或机构，特别是在大数据量和高并发事务处理场合。其他说明：文中还提及了一些高级功能如自动备份、流复制等设置步骤，使得该方案不仅可以快速上线而且能满足后续维护和发展阶段的要求。同时提到的技术性能数据也为用户评估其能否满足业务需求提供了直观参考。

房地产开发合同[示范文本].doc: 房地产开发合同[示范文本].doc

成本优化实战：DeepSeekAPI的Tokens计算与计费策略拆解.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

安全必读：DeepSeek接口调用中的数据加密与合规实践.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

工程技术承包合同[示范文本].doc: 工程技术承包合同[示范文本].doc

蓝桥杯开发赛作品源码【基于C语言】: 蓝桥杯开发赛【作品源码】

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论