使用Eclipse开发JSP


Eclipse JSP/Servlet 环境搭建

本文假定你已安装了 JDK 环境,如未安装,可参阅 Java 开发环境配置 。

我们可以使用 Eclipse 来搭建 JSP 开发环境,首先我们分别下载一下软件包:

  • Eclipse J2EE:http://www.eclipse.org/downloads/
  • Tomcat:http://tomcat.apache.org/download-70.cgi

Tomcat 下载安装

你可以根据你的系统下载对应的包(以下以Window系统为例):

Tomcat

下载之后,将压缩包解压到D盘(你可以自己选择):

Tomcat

注意目录名不能有中文和空格。目录介绍如下:

  • bin:二进制执行文件。里面最常用的文件是startup.bat,如果是 Linux 或 Mac 系统启动文件为 startup.sh。
  • conf:配置目录。里面最核心的文件是server.xml。可以在里面改端口号等。默认端口号是8080,也就是说,此端口号不能被其他应用程序占用。
  • lib:库文件。tomcat运行时需要的jar包所在的目录
  • logs:日志
  • temp:临时产生的文件,即缓存
  • webapps:web的应用程序。web应用放置到此目录下浏览器可以直接访问
  • work:编译以后的class文件。

接着我们可以双击 startup.bat 启动 Tomcat,弹出如下界面:

Tomcat

这个时候,本地的服务器就已经搭建起来了。如果想关闭服务器,可以直接关闭上面的窗口,或者在里面输入Ctrl+C禁止服务。

接着我们在浏览器中输入 http://localhost:8080/,如果弹出如下界面,表示tomcat安装成功并且启动起来了:

Tomcat

我们现在在浏览器上测试一下它吧:

首先在D:\apache-tomcat-8.0.14\webapps\ROOT目录中新建一个jsp文件:

<%@ page contentType="text/html;charset=UTF-8" %>
<%
out.print("编程字典 -JSP教程: http://www.CodingDict.com");
%>

接着在浏览器中访问地址 http://localhost:8080/test.jsp, 输出结果如下:

JSP

将 Tomcat 和 Eclipse 相关联 Eclipse J2EE下载后,解压即可使用,我们打开Java EE ,选择菜单栏Windows-->preferences(Mac 系统为 Eclipse-->偏好设置),弹出如下界面:

Eclipse

上图中,点击"add"的添加按钮,弹出如下界面:

tomcat

在选项中,我们选择对应的 Tomcat 版本,接着点击 "Next",选择 Tomcat 的安装目录,并选择我们安装的 Java 环境:

tomcat

点击 "Finish",完成配置。

创建实例

选择 "File-->New-->Dynamic Web Project",创建 TomcatTest 项目:

创建项目

创建实例

点开上图中的红框部分,弹出如下界面:

创建实例

注意如果已默认选择了我们之前安装的 Tomcat 和 JDK 则可跳过此步。

然后,单击finish, 继续:

创建实例

创建实例

工程文件结构:

工程结构

上图中各个目录解析:

  • deployment descriptor:部署的描述。
  • Web App Libraries:自己加的包可以放在里面。
  • build:放入编译之后的文件。
  • WebContent:放进写入的页面。

在WebContent文件夹下新建一个test.jsp文件。在下图中可以看到它的默认代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

接着我们修改下test.jsp文件代码如下所示:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>编程字典(CodingDict.com)</title>
</head>
<body>
<%
    out.println("编程字典-JSP教程!");
%>
</body>
</html>

程序运行之前,我们先修改一下浏览器选项:

设置浏览器

接着我们运行该项目:

运行项目

运行结果如下所示:

测试JSP

Servlet 实例创建

在项目的src目录下面创建一个Servlet,如下图所示:

创建Servlet

代码如下:

package com.xxkt;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


@WebServlet("/MyServlet")
public class MyServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    public MyServlet() {
        super();
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 使用 GBK 设置中文正常显示
        response.setCharacterEncoding("GBK");
        response.getWriter().write("编程字典-JSP教程:http://www.CodingDict.com");
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }
}

运行结果如下所示:

创建Servlet