Eclipse Web开发

Java:使用Eclipse WTP进行快速Web开发(1) - 配置Tomcat

建立好 3 个工程,并正确设置好依赖关系后,我们将在WTP中配置 tomcat。 

1. 打开 Servers View 
通过 Window/Select View/Other... 菜单,找到 Servers 视图,并打开。 

 


2. 添加 tomcat 
   (请首先在 apache 网站下载最新tomcat,例如:6.0.26) 
  在  Servers View 点击右键,选择 New/Servers 菜单,打开“New Server”对话框。 
  选择 tomcat 6.0 
 

  在新建tomcat对话框中,通过“browse”按钮选择 tomcat 的目录, JRE 选择 Jdk 的目录,然后确定。 
 

  这样就创建好了 tomcat。 


4. 启动 tomcat 
   Servers 视图标题栏中,依次是 Debug,Run,Profileing,Stop 按钮。 
   
 

   点击 Debug 按钮,以Debug 方式启动 tomcat,此模式下,修改Java代码可以实现热替换。 
  
 

   在Servers 视图双击“Tomcat v6.0 Server at localhost”节点, 打开服务器配置编辑页, 选择 Modules 标签:  
 

   最关键的一步! 缺省修改Java代码后,WTP不重启tomcat server,但是会重启servlet 容器,对于大型项目,这仍然不是敏捷的开发。 
   这一步,由于网络文档不全,以前摸索了很久。
 

   选择我们部署的 /bundle.war 工程,点击编辑按钮,打开“Edit Web Module”对话框,去掉“Auto Reloading Enabled”选项。 这样,修改完java 代码后,tomcat 就不会重启 servlet 容器。 
   
 

3. 部署 bundle.war 项目 

  然后通过右键,add and remove 菜单将bundle.war 添加到部署项目中。 
   这样,我们就可以开始基于 WTP 开发了。  
 


Java:使用Eclipse WTP进行快速Web开发(2) - 准备演示项目

目前,很多项目基于 maven 进行开发,构建和发布。 而在开发阶段,IDE 集成式开发提供了更为高效的一种开发模式: 无需频繁maven install 构建,代码修改无需重启,jsp或模板无需重启等。 

   下面以一个完整的 java web项目为例,说明如何基于eclipse WTP 进行快速 Web 开发。 
   本文将分两部分: 
  1. 建立3个准备项目 
  2. 配置 tomcat 进行集成web开发。 

建立3个准备项目 
  为了演示,我们需要建立 1 个web项目, 2个 java项目,创建一个简单的 HelloWorld 应用,用户通过页面输入username,将返回一串响应字符串。 

1) web 项目: bundle.war, 存放页面和web配置 
2) java前端项目: web-hello, 存放表示层Java代码 
3) java服务项目: biz-hello-service, 存放业务代码 

其中,web项目依赖于这两个java 项目。 

1. 建立 biz-hello-service 项目 
   打开新建对话框,选择 java project,如下图所示 
 
   在项目名称中输入 biz-hello-service 

 

2. 照样子新建 web-hello 项目,它也是一个Java项目,用于存放表示层Java代码 
  
 

3. 新建web页面项目 bundle.war 
  打开新建对话框,选择“Dynamic Web Project”,项目名:bundle.war, 在提示输入内容目录时,输入 webapp。 

 

 

 

  
4. 新建完成 
   3个项目完成之后,项目视图如下所示: 

 

5. 设置依赖 
  在 web-hello 工程上,点击右键菜单,选择 project property, 在 projects 依赖中选择 biz-hello-service。 因为 表示层Java代码需要依赖 业务层代码。 

 

  同理设置 bundle.war 项目的依赖关系,它需要依赖 其他两个java project。 

 


6. 设置 Java JEE Dependencies 依赖
 
    注意,这一步很关键。 
    WTP 要正确运行 bundle.war 项目,还需要在 project property 对话框“Java JEE Dependencies”一节中设置依赖,如下图所示。 如果不设置,依赖的Java代码无法复制到相应位置,Java代码将无法运行。 


Java:使用Eclipse WTP进行快速Web开发(3) - 开发演示

在前两节我们在WTP中配置好了tomcat,并创建了3个用于演示的项目, 下面以代码范例介绍一下WTP集成开发的过程。 

1. 建立业务层代码 HelloService
 
   在  biz-hello-service 工程中新建 HelloService  类。 

Java代码 
  1. package com.aligege.wtp;  
  2.   
  3.  public class HelloService {  
  4.       
  5.     public String sayHello(String name) {  
  6.         return "Hello " + name + ". Time is " + new Date();  
  7.     }  
  8. }  


2. 表示层逻辑  
  在 web-hello 工程中新建 HelloAction,它调用 HelloService 完成功能。  
    
Java代码 
  1. package com.aligege.wtp;  
  2.   
  3.  public class HelloAction {  
  4.       
  5.     public String sayHello(String name) {  
  6.         HelloService helloService = new HelloService();  
  7.         return "[Action]" + helloService.sayHello(name);  
  8.     }  
  9. }  


3. 完成页面逻辑 
  在 bundle.war 项目 的webapp 目录下新增 index.jsp , 其中包含一个表单,提交一个username 文本框, 服务端接收参数后, 调用 HelloAction 将其输出出来。  
Xml代码 
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
  2. <%@page import="com.aligege.wtp.HelloAction"%>  
  3. <html>  
  4. <body>  
  5. <form >  
  6.  <input name="username"/>  
  7.  <input type="submit" value="submit"/>  
  8. </form>  
  9. <%  
  10.   String name = request.getParameter("username");  
  11.   HelloAction helloAction = new HelloAction();  
  12.   String result = helloAction.sayHello(name);  
  13. %>  
  14. 结果:<%=result%>  
  15. </body>  
  16.   
  17. </html>  




4. 运行 index.jsp 页面
 
  tomcat 启动完毕后,打开浏览器,访问 http://localhost:8080/bundle.war/,可以看到页面。  
   
 

5. 修改 Java 代码  
  修改 HelloAction 代码,将“[Action]”修改为“[Action.Test]”,代码如下:  
Java代码 
  1. return "[Action.Test]" + helloService.sayHello(name);  

  不重启服务器,refresh 页面, 可以看到,Java 代码的修改已经生效。  

 

6. 修改 JSP 代码  
  修改 index.jsp , 将 "结果:<%=result%>" 照如下修改JSP:  
Java代码 
  1. 结果是:<%=result%>  

不重启服务器,refresh 页面,页面将发生变化  
 

7. 调试Java 代码  
   我们选择的启动方式是 Debug,可以方便的实现调试功能。  
   在 HelloAction 方法中增加一个断点,再此刷新页面,Eclipse 将转到 Debug 透视图。  
   
 

在这个透视图下,我们将可以观察到调试代码的位置,变量值等信息。 上图中,可以观察到, sayHello 方法的 name 参数值为 “Jacky”。  

  此外   调试命令为:  
F5,单步进入  
F6,单步执行  
F7,单步跳出,  
F8,继续执行到下一个断点。  

【总结】  
  通过这个练习,实现了 IDE 集成开发Java Web 项目。Java代码和JSP修改后,不用重启服务器,就能立即看到效果,并集成调试Debug,实现高效敏捷的开发。  
  无论对于小型技术项目,还是企业级前端 Web 项目,利用好 WTP 这类工具,会大大提高项目的开发效率。








©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页