Eclipse开发Web项目

1.开发环境的搭建

1.1.开发工具

JDK:jdk1.6.0_17
Web Server:apache-tomcat-6.0.37
IDE:eclipse-jee

1.2.搭建开发环境

由于选择IDE作为开发的工具,IDE可以手动配置需要的插件工具,所以搭建开发环境变得简单而又快捷。

(1)安装JDK

提示:安装完JDK之后需要配置环境变量。

(2)安装tomcat

提示:如果是解压缩版直接解压就ok,如果是安装版需要根据安装提示完成安装。因为是使用IDE做开发,所以就不需要配置tomcat的环境变量了,不过还是建议不要太依赖于IDE了。

(3)解压缩Eclipse

提示:如果没有安装JDK就无法完成Eclipse的安装。
好了,到这里开发环境就准备好了,接下来用一个demo来演示一下如何在Eclipse中开发Web项目。

2.开发Web项目

2.1.新建Web项目

Eclipse-->File-->New-->Dynamic Web Project,如图1:
 Eclipse开发Web项目_第1张图片
图1
如果没有或者Eclipse-->File-->New-------->Web-->OtherDynamic Web Project,如图2、3:
Eclipse开发Web项目_第2张图片

图2
 Eclipse开发Web项目_第3张图片
图3
 
选择Target runtime下的New Runtime配置Web Server
 Eclipse开发Web项目_第4张图片
Eclipse开发Web项目_第5张图片
Next>
Eclipse开发Web项目_第6张图片 
通过Browse选择tomcat的安装目录
Finish>
之后,一路Next直到Finish就oK了
新建的Web项目结构如下
 Eclipse开发Web项目_第7张图片

2.2.开发Servlet

在Project Explorer视图的src上右键可以选择New——>Servlet
Eclipse开发Web项目_第8张图片 
 Eclipse开发Web项目_第9张图片
Next>……
 Eclipse开发Web项目_第10张图片
Eclipse开发Web项目_第11张图片 
Eclipse开发Web项目_第12张图片
选择重写service方法,这样可以自动生成代码方便一点
当然也可以全手动的编写Servlet,不过不要忘记在web.xml中配置Servlet,呵呵^_^
然后Finish就完成了Servlet的创建

HelloServlet.java的源代码如下

[java]  view plain  copy
  1. "font-family:'Microsoft YaHei';font-size:14px;">package com.lanyoung.servlet;  
  2.   
  3. import java.io.IOException;  
  4. import javax.servlet.ServletException;  
  5. import javax.servlet.http.HttpServlet;  
  6. import javax.servlet.http.HttpServletRequest;  
  7. import javax.servlet.http.HttpServletResponse;  
  8.   
  9. /** 
  10.  * Servlet implementation class HelloServlet 
  11.  */  
  12. public class HelloServlet extends HttpServlet {  
  13.     private static final long serialVersionUID = 1L;  
  14.          
  15.     /** 
  16.      * @see HttpServlet#HttpServlet() 
  17.      */  
  18.     public HelloServlet() {  
  19.         super();  
  20.     }  
  21.   
  22.     /** 
  23.      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 
  24.      */  
  25.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  26.         System.out.println("Hello JSP");  
  27.     }  
  28.   
  29.     /** 
  30.      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) 
  31.      */  
  32.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  33.         this.doGet(request, response);  
  34.     }  
  35.   
  36. }  

demo的代码就是这样简单,呵呵^_^

2.3.发布Web项目

Web项目创建好了,接下来的工作就是在Web Server中发布Web项目
Window——>Show Views——>Servers
在Servers视图的空白区域右键
New——>Server
Eclipse开发Web项目_第13张图片 
Eclipse开发Web项目_第14张图片


Eclipse开发Web项目_第15张图片
 
 
Finish之后就可以在Servers下启动tomcat了
 Eclipse开发Web项目_第16张图片
启动tomcat之后会在Console下打印出很多tomcat的启动信息
如果没有异常出现,表示demo发布成功
即使出现警告信息也没有关系
在浏览器中访问http://localhost:8080/HelloWorld/HelloServlet
如果没有出现异常信息,并且在Console中输出
Hello JSP
表示Servlet测试成功 ^_^
只是做了一个特别简单的demo,说明问题就oK

2.4.开发JSP

在WebContent目录下新建JSP File
Eclipse开发Web项目_第17张图片 
Eclipse开发Web项目_第18张图片
 
Next>之后就直接Finish
index.jsp的源代码如下

[html]  view plain  copy
  1. <span style="font-family:'Microsoft YaHei';font-size:14px;"><%@ page language="java" contentType="text/html; charset=ISO-8859-1"  
  2.     pageEncoding="ISO-8859-1"%>  
  3. >  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
  7. <title>Insert title heretitle>  
  8. head>  
  9. <body>  
  10. <h1>Hello JSPh1>  
  11. body>  
  12. html>span>  

重新部署demo项目就可以看到效果了

 Eclipse开发Web项目_第19张图片







原文来自:http://blog.csdn.net/ldw4033/article/details/18313281

你可能感兴趣的:(Tools)