整合Eclipse与Tomcat开发第一个WEB程序

来源:互联网 发布:神仙道 源码 编辑:程序博客网 时间:2024/05/16 14:21

转自:http://lixiyu.blog.51cto.com/4136883/1346681


前面的文章已经提到了在Tomcat下如何创建Servlet,没有用到Eclipse编程工具。为了使开发更加方便,这里使用一个Tomcat和一个Eclipse的插件,使这两个开发工具能够整合起来,从而直接在Eclipse下即可进行Tomcat的开发。

关于tomcat的配置可参考前面的文章:http://leexy.blog.51cto.com/4136883/1330412



1.下载Eclipse的Tomcat插件


1.1 在Eclipse下进入Help-Eclipse MarketPlace-搜索tomcat

124202966.jpg


1.2 点击第一个插件的learn more,并点击HOME标志进入下载页面

124330217.jpg

124423850.jpg


1.3 选择tomcatPluginV33.zip下载到硬盘上




2.为Eclipse配置Tomcat插件


2.1 将下载回来的tomcatPluginV33.zip解压缩,产生一个tomcatPluginV33文件夹;


2.2 将tomcatPluginV33文件夹下的com.sysdeo.eclipse.tomcat_3.3.0复制到eclipse安装路径的plugins目录下,比如我电脑的是H:\Java-tools\eclipse\plugins


2.3 打开Eclipse(或者restart),打开菜单栏的Windows-Preferences,选择左边栏的tomcat;选择Tomcat版本为Version7.X;"Tomcat home"处选择Tomcat的安装路径;"Context declaration mode"选择server.xml;选择OK。125649899.jpg


2.4 配置完毕后,会看到菜单栏下面会多出几个小猫的标志

125844613.jpg


2.5 测试一下,点击start tomcat ,会出现很多启动信息,并在浏览器地址栏输入http://localhost:8080 ,可以看到是否成功

130352651.jpg

130354685.jpg




3.使用Eclipse建立第一个web项目


3.1 File-New-Project,选择java-Tomcat Project

130618634.jpg


3.2 在对话框中的输入Project name,如"App",选择Finish,即可看到项目的目录结构

130913578.jpg

131125987.jpg


3.3 在App上单击右键-New-Package,在Name文本框输入“com.lixiyu.action”,finish

131548251.jpg


3.4 实现思路:首先编写一个继承HttpServlet的类,然后配置web.xml,接着启动Tomcat,然后运行这个用Servlet实现的HelloWorld的例子。

具体步骤:


在com\lixiyu\action文件夹下建立HelloWorld.java文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
/**
 *
 */
/**
 * @author lixiyu
 *
 */
package com.lixiyu.action;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class HelloWorld extends HttpServlet{
/**
     *
     */
    private static final long serialVersionUID = 1L;
public void doGet(HttpServletRequest request,HttpServletResponse response)throws IOException,ServletException{
    PrintWriter out=response.getWriter();
    out.write("<html>\r\n");
    out.write("<head>\r\n");
    //设定解码方式
    out.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\r\n");
    out.write("</head>\r\n");
    out.write("\r\n");
    out.write("<body>\r\n");
    out.write("<H1>\r\n");
    out.write("helloworld");
    out.write("\r\n");
    out.write("</H1>\r\n");
    out.write("</body>\r\n");
    out.write("</html>");
}
}


在WEB-INF下建立web.xml文件,代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
                      http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  version="3.0"
  >
  <display-name>hello</display-name>
  <description>
hello
  </description>
  <!--定义控制器 -->
<servlet>
<servlet-name>Servlet</servlet-name>
<servlet-class>com.lixiyu.action.HelloWorld</servlet-class>
</servlet>
<!-- 拦截/helloworld的请求 -->
<servlet-mapping>
<servlet-name>Servlet</servlet-name>
<url-pattern>/HelloWorld</url-pattern>
</servlet-mapping>
</web-app>


启动Tomcat

然后在浏览器中输入http://localhost:8080/App/HelloWorld 即可看到运行结果

132842798.jpg



1 0
原创粉丝点击