多语言展示
当前在线:1412今日阅读:91今日分享:37

如何搭建dwr开发环境以及dwr入门示例展示

随着互联网技术的发展,软件开发中前端和后台交互变得越来频繁。以前的技术前端调用后台的某个方法需要走控制器,由控制器负责转发到某个后台方法中,这样需要配置很多控制器,维护也比较麻烦,降低开发效率。dwr就是解决前端和后台之间交互的工具,它可以将后台中的方法转成javascript的方法,在页面中可以直接调用后台方法。
工具/原料
1

eclipse开发工具

2

dwr包

方法/步骤
1

dwr技术是前端可以直接后台的方法,所以这里要创建一个动态的web项目。打开eclipse开发工具,点击File--新建--Dynamic Web Project。也可以在项目列表的空白处右键创建动态web项目。

2

创建动态web项目输入项目的名称,项目名称要保障不能和刚才工作空间下有相同的项目名称,否则会报创建不成功。一般默认选择自定义的工作空间,点击完成即可。

3

将dwr的jar包加入到项目的构键环境中。打开项目,展开webcontent,WEB-INF,如果WEB-INF下面没有lib文件夹,在web-inf上右键创建一个lib文件夹,然后将dwr的包放到lib文件夹中。

4

粘贴到lib文件夹之后,需要将dwr的包添加到构键环境中。在dwr.jar上右键选择Build Path--Add to build path。 这样就可以将jar包添加到环境中。

5

也可以不将jar包放到lib中,而是通过项目的引入将jar包添加到环境中。在项目名称上点击右键选择BuildPath,然后点击Configure Build Path,选择Libraties,点击添加外部jars。选择dwr包即可完成添加。

7

编写java类以及方法,这里的类和方法都可以被转换成js中的方法。dwr的功能是将java类中的方法转成js方法。所以,根据不同的需求编写不同的实现方法。

8

在WEB-INF文件夹下创建dwr.xml文件,这里是最主要的。通过在这里的配置将配置中的java类转换成js对象。对于java类转成js对象通过new的方式创建。对于一些java bean通过converter的方式将javabean直接在页面中使用。

9

编写页面代码。在jsp页面中,如果需要使用到dwr的技术,首先根据官方说明引入所需要的引擎脚本以及util脚本。在script中引入engine.js和util.js;如果需要引入dwr中配置的java类,需要在/dwr后面加上'/interface'。

10

编写测试方法,通过简单的js调用方法的方式对配置的dwr进行测试。调用dwr转换后的方法,采用的方式是对象名.方法名(参数1,参数2..., function(回调函数))。回调函数是源java方法中的返回值。

11

将web项目部署到tomcat等容器中。在浏览器中打开项目部署的jsp文件。测试,如果控制台没有出现js错误说明配置成功。

注意事项

dwr的配置要写在web的最上面。防止出现/*这种拦截器提前拦截。

推荐信息