刚刚写了一个简单的DWR前台验证。验证一个编号在数据库中是否存在。现在来跟大家一起分享一下！
一:在SERVICE文件夹下先建一个DWR的文件夹，专门用来装DWR的类（跟普通的SERVICE一样的调用DAO层来操作数据库）
类名:OutputServiceDWR (出库管理的验证)
类里面的代码：
public class OutputServiceDWR {
private ProGoodsService proGoodsService;
public ProGoodsService getProGoodsService() {
return proGoodsService;
}
public void setProGoodsService(ProGoodsService proGoodsService) {
this.proGoodsService = proGoodsService;
}
public boolean isNumExist(String GoodsId) {
ProGoods proGoods=new ProGoods();
String id=GoodsId;
System.out.println(id+"asdfasdf");
proGoods.setCGoodsCode(id);
proGoods.setCGoodsFlag("1");
proGoods.setCGoodsSort("02");
List<ProGoods> goodList=proGoodsService.findByExample(proGoods);
if (goodList.size() > 0) {
return true;
} else {
return false;
}
}
}//对数据库的查询相看这条数据是否存在
二：方法写完后到Spring里来把DAO跟SERVICE注入一下前面一些简单的注入我就不写了。我知道，你懂的！
代码：<!-- 出库管理 -->
<bean id="OutputServiceDWR"
class="com.doer.salesManage.service.dwr.OutputServiceDWR">
<property name="proGoodsService" ref="proGoodsService"></property>
</bean>
三：接下来我们来看下DWR。XML文件的配置
代码：
<dwr>
<allow>
<!-- 出库管理 -->
<convert match="com.doer.salesManage.bean.*"
converter="hibernate3">
</convert>
<create javascript="OutputServiceDWR" creator="spring">
<param name="beanName" value="OutputServiceDWR"></param>
</create>
</allow>
</dwr>
到了这里我们用DWR就配置完了，很简单吧！
下面我们来测试一下配置是否成功。
打开IE在地址栏上输入：http://localhost:8080/项目名称/dwr/index.html
如果成功的话，页面会显示这样的代码：
Classes known to DWR:
OutputServiceDWR (com.doer.salesManage.service.dwr.OutputServiceDWR)
OutputServiceDWR 这个就是我们配置成功的DWR
点击一下OutputServiceDWR 会跳到另一个页面：
<script type='text/javascript' src='/carms/dwr/interface/OutputServiceDWR.js'></script>
<script type='text/javascript' src='/carms/dwr/engine.js'></script>
In addition there is an optional utility script:
<script type='text/javascript' src='/carms/dwr/util.js'></script>
可以看到生成了三个DWR的JS文件，把这三个文件拷到我们要用到这个DWR的JSP页面。
四：现在我们来看下在前台JSP上怎么来用这个DWR
javascript代码：<script>
//.膜是否存在
function isNumExist(id) {
OutputServiceDWR.isNumExist(id, accountCallBack);
}
function accountCallBack(data) {
alert(data);
if (data!=true) {
alert("\u5458\u5de5\u5de5\u53f7\u5df2\u7ecf\u5b58\u5728\uff0c\u8bf7\u91cd\u65b0\u8f93\u5165\uff01");
var OrderId = document.getElementById("COutputdetailReelno");
OrderId.value = "";
OrderId.focus();
}
}
</script>
五：在文本框上直接调用isNumExist这个JS的函数就可以了
代码：<input type="text" name="COutputdetailReelno" id="COutputdetailReelno" onblur="isNumExist(this.id);">
到这里就结束了。当光标离开这个文本框的时候就会调用数据库这样就可以做到无刷新的操作