最近在公司实现了一个类似google suggest的功能,拿来和大家分享一下。主要使用javascipt + Dwr + spring +hibernate
使用Dwr当然是免不了要配置,先来看一下Dwr是如何把我们的service层(spring bean中的)方法 暴露给前端js的,它使得前端使用service就像使用javascript自定义的函数一样方便。
xml 代码
xml 代码
- <dwr>
- <allow>
-
- <create creator="spring" javascript="DistrictLocationService">
- <param name="beanName" value="districtLocationService" />
-
- <include method="findAllByLocationRangeFor51ditu" />
- <include method="findAllByKeywords" />
- create>
- <convert converter="bean" match="com.goojia.dal.model.DistrictLocation">
- <param name="include" value="id,districtName,avgPrice,address,houseCount,lng51,lat51">param>
- convert>
- allow>
- dwr>
java 代码
- service 层查找方法
-
-
-
-
-
-
-
- public List<districtlocationbo></districtlocationbo> findAllByKeywords(String keywords){
- }
前面使用非常简单。只需要把生成的javascript导入 把componet组件放到你想放文本输入框的地方,并设置一下你想使用的样式,如果不传,将使用默认的样式
<script type='text/javascript' src='<ww:url value="/dwr/interface/DistrictLocationService.js" includeParams="none" />'></script>
<script type='text/javascript' src='<ww:url value="/dwr/engine.js" includeParams="none" />'></script>
<script type="text/javascript" src="<ww:property value="picurl"/>js/prototype.js"></script>
<script type="text/javascript" src="<ww:property value="picurl"/>js/autocomplete.js"></script>
html 代码
- <ww:component id="district" name="districtName" template="autocomplete">
- <ww:param name="size">40ww:param>
- <ww:param name="maxlength">30ww:param>
- <ww:param name="dwrMethod">DistrictLocationService.findAllByKeywordsww:param>
- <ww:param name="hiddenId">'districtId'ww:param>
- ww:component>
分享到:
相关推荐
这是一个用dwr 框架实现类像百度输入关键字后自动填充下拉框,并点击搜索显示数据库中对应的数据的一个项目
本实例使用DWR框架实现无刷新自动提示功能,通过鼠标选择内容,然后赋值给文本框。
使用DWR实现服务器端向客户端精确推送消息
搜索自动提示列表的dwr实现实例,简单易懂。
DWR实现的新消息定时提醒 实现了一个页面新消息提示的功能 定时获取后台给当前用户的消息条数 具体的消息提示,用户ID传入,省略了
DWR框架的实现DWR框架的实现DWR框架的实现DWR框架的实现DWR框架的实现
dwr实现ajax功能ajax+dwr.........................
搜索提示框的自动显示dwr实现实例,简单易懂
用DWR实现的一个树形..希望大家喜欢 .. 呵呵
DWR(Direct Web Remoting)是一个web远程调用框架,利用这个框架可以让AJAX变得很简单,通过DWR可以在客户端通过JavaScript直接调用服务器的Java方法并返回值给JavaScript,整个过程就好像通过本地客户端调用一样,...
Ajax(DWR实现例子) Ajax(DWR实现例子) Ajax(DWR实现例子) Ajax(DWR实现例子) Ajax(DWR实现例子) Ajax(DWR实现例子)
ajax框架dwr实现的页面无刷新分页效果,jsp技术
使用DWR 反向推进技术,实现从服务器端向客服端发送信息,减轻服务器的压力,不必要再使用定时查询数据库获取信息了,并有类似QQ的消息提示框(右下角的消息框)
使用Hibernate+servlet做一个小小自动补全功能 使用dwr框架实现类似百度搜索
dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页dwr实现无刷新分页
使用DWR实现checkbox复选框的修改默认功能
DWR自动补全 1111111111111111111111111111111111111222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222
用数据库缓存池和dwr实现的jsp程序数据库缓存池和dwr实现的jsp程序
使用dwr+spring实现消息推送 。
利用DWR实现文件上传进度条 利用DWR实现文件上传进度条 利用DWR实现文件上传进度条