使用Eclipse WTP进行快速Web开发(3)
在前两节我们在WTP中配置好了tomcat,并创建了3个用于演示的项目, 下面以代码范例介绍一下WTP集成开发的过程。
1. 建立业务层代码 HelloService
在 biz-hello-service 工程中新建 HelloService 类。
package com.aligege.wtp;
public class HelloService {
public String sayHello(String name) {
return "Hello " + name + ". Time is " + new Date();
}
}
2. 表示层逻辑
在 web-hello 工程中新建 HelloAction,它调用 HelloService 完成功能。
package com.aligege.wtp;
public class HelloAction {
public String sayHello(String name) {
HelloService helloService = new HelloService();
return "[Action]" + helloService.sayHello(name);
}
}
3. 完成页面逻辑
在 bundle.war 项目 的webapp 目录下新增 index.jsp , 其中包含一个表单,提交一个username 文本框, 服务端接收参数后, 调用 HelloAction 将其输出出来。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="com.aligege.wtp.HelloAction"%>
<html>
<body>
<form >
<input name="username"/>
<input type="submit" value="submit"/>
</form>
<%
String name = request.getParameter("username");
HelloAction helloAction = new HelloAction();
String result = helloAction.sayHello(name);
%>
结果:<%=result%>
</body>
</html>
4. 运行 index.jsp 页面
tomcat 启动完毕后,打开浏览器,访问 http://localhost:8080/bundle.war/,可以看到页面。
5. 修改 Java 代码
修改 HelloAction 代码,将“[Action]”修改为“[Action.Test]”,代码如下:
return "[Action.Test]" + helloService.sayHello(name);
不重启服务器,refresh 页面, 可以看到,Java 代码的修改已经生效。
6. 修改 JSP 代码
修改 index.jsp , 将 "结果:<%=result%>" 照如下修改JSP:
结果是:<%=result%>
不重启服务器,refresh 页面,页面将发生变化
7. 调试Java 代码
我们选择的启动方式是 Debug,可以方便的实现调试功能。
在 HelloAction 方法中增加一个断点,再此刷新页面,Eclipse 将转到 Debug 透视图。
在这个透视图下,我们将可以观察到调试代码的位置,变量值等信息。 上图中,可以观察到, sayHello 方法的 name 参数值为 “Jacky”。
此外
调试命令为:
F5,单步进入
F6,单步执行
F7,单步跳出,
F8,继续执行到下一个断点。
【总结】
通过这个练习,实现了 IDE 集成开发Java Web 项目。Java代码和JSP修改后,不用重启服务器,就能立即看到效果,并集成调试Debug,实现高效敏捷的开发。
无论对于小型技术项目,还是企业级前端 Web 项目,利用好 WTP 这类工具,会大大提高项目的开发效率。
使用Eclipse WTP进行快速Web开发(1) - 配置Tomcat
使用Eclipse WTP进行快速Web开发(2)- 准备演示项目
使用Eclipse WTP进行快速Web开发(3)- 开发演示
- 大小: 10.4 KB
- 大小: 89.2 KB
- 大小: 17.5 KB
- 大小: 19.1 KB
- 大小: 19.3 KB
- 大小: 113.7 KB
- 大小: 15.8 KB
- 大小: 95 KB
分享到:
相关推荐
Eclipse WTP Web应用开发,(曼德尔),姚军等译。
eclipse wtp-R-3.0.5-20090521045405 请将文件名改为 wtp-R-3.03.fss 因为文件太大,Eclipse WTP Plugs 使用文件分割工具处理后上传的,先说明如下: 1. eclipse wtp plugs 1 ~ eclipse wtp plugs 4 是一份完整的...
eclipse wtp-R-3.0.5-20090521045405 请将文件名改为 wtp-R-3.02.fss 因为文件太大,Eclipse WTP Plugs 使用文件分割工具处理后上传的,先说明如下: 1. eclipse wtp plugs 1 ~ eclipse wtp plugs 4 是一份完整的...
eclipse wtp-R-3.0.5-20090521045405 plugs 请将文件名改为 wtp-R-3.01.fss 因为文件太大,Eclipse WTP Plugs 使用文件分割工具处理后上传的,先说明如下: 1. eclipse wtp plugs 1 ~ eclipse wtp plugs 4 是一份...
wtp-R-3.0.5-20090521045405 请将文件名改为 wtp-R-3.04.fss 因为文件太大,Eclipse WTP Plugs 使用文件分割工具处理后上传的,先说明如下: 1. eclipse wtp plugs 1 ~ eclipse wtp plugs 4 是一份完整的 Eclipse ...
eclipse wtp-R-3.0.5-20090521045405 plugs 请将文件名改为 wtp-R-3.00.fsm 因为文件太大,Eclipse WTP Plugs 使用文件分割工具处理后上传的,先说明如下: 1. eclipse wtp plugs 1 ~ eclipse wtp plugs 4 是一份...
6. 使用 eclipse wtp merge 将 eclipse wtp plugs 0 ~ eclipse wtp plugs 4 的文件合成后,就能得到完整的 WTP Plugs 压缩包 -----------------------------------------------------------------------------------...
eclipse-wtp-freemarker eclipse-wtp-freemarker 遵循与相同的想法
jQueryWTP一个让Eclipse WTP支持jQuery Javascript代码自动补全功能的Eclipse插件。 支持jquery 1.6
Eclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcat
在Eclipse环境下,基于WTP插件,开发JSP应用程序 内容还是比较详尽的,以图示的方式介绍了安装过程,最后还举了一个非常简单的例子作为示例
MyEclipse 下的webseivice功能升级 将ZIP解压 覆盖到MyEclipse安装目录下对应路径
Eclipse WTP / XML搜索概述Eclipse WTP / XML Search是一组插件,可为您提供2个功能: 它提供了一个XML /搜索对话框(如文件/搜索)。 您可以使用XPath从工作空间中搜索XML(HTML,JSP)文件: 开发自己的插件来管理...
完美移植到Eclipse
有图,有文,步骤清晰,有测试是否成功安装的方法
使用Eclipse Web Tools Platform进行Web应用程序开发,第一部分
eclipse(wtp)内存溢出解决办法 修改配置文件
下载Eclipse3.3。 这里我用的Eclipse Classic 3.3.1.1 ,主要是为了学习如何在Eclipse上安装插件(完整文章参考Eclipse3.3 安装及插件配置)。
The Faceted Project Framework allows creation of modular projects in Eclipse so that the user can easily add and remove functionality. All WTP projects leverage this framework, but it can also be used...
是JavaScript开发,能集成到eclipse上的插件