JSP开发环境搭建实例教程

jsp 开发环境搭建

 标签： javaee tomcat 个人分类： html+css eclipse jsp/servlet 环境搭建

本文假定你已安装了 jdk 环境，如未安装，可参阅java 开发环境配置。

我们可以使用 eclipse 来搭建 jsp 开发环境，首先我们分别下载一下软件包：

tomcat 下载安装

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

下载之后，将压缩包解压到d盘（你可以自己选择）：

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

 

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

接着我们可以双击 startup.bat 启动 tomcat，弹出如下界面：

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

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

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

首先在d:\apache-tomcat-8.0.14\webapps\root目录中新建一个文件：

test.jsp 文件代码如下：

<%@ page contenttype="text/html;charset=utf-8" %>
<%
out.print("菜鸟教程 : https://www.runoob.com");
%> 

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

---

将 tomcat 和 eclipse 相关联

eclipse j2ee下载后，解压即可使用，我们打开java ee ，选择菜单栏windows-->preferences（mac 系统为 eclipse-->偏好设置），弹出如下界面：

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

在选项中，我们选择对应的 tomcat 版本，接着点击 "next"，选择 tomcat 的安装目录，并选择我们安装的 java 环境：

点击 "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"%>

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

<%@ page language="java" contenttype="text/html; charset=utf-8"
    pageencoding="utf-8"%>

<% out.println("hello world!"); %>

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

接着我们运行该项目:

运行时，弹出如下错误：(如果没有此错误，请忽略)

原因是，我们之前点击了tomcat安装包中的startup.bat，这样一来就手动打开了tomcat服务器，这明显是多余的，因为程序运行时，eclipse会自动开启tomcat服务器。所以我们先手动关掉tomcat软件，再次运行程序，就行了。控制台信息如下：

浏览器访问https://localhost:8080/tomcattest/test.jsp, 即可输出正常结果：

---

servlet 实例创建

我们也可以使用以上环境创建 servlet 文件，选择 "file-->new-->servlet":

位于 tomcattest项目的 /tomcattest/src 目录下创建 "helloservlet" 类，包为 "com.runoob.test":

helloservlet.java 代码如下所示：

package com.runoob.test;

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;

/**
 * servlet implementation class helloservlet
 */
@webservlet("/helloservlet")
public class helloservlet extends httpservlet {
private static final long serialversionuid = 1l;
       
    /**
     * @see httpservlet#httpservlet()
     */
    public helloservlet() {
        super();
        // todo auto-generated constructor stub
    }

/**
 * @see httpservlet#doget(httpservletrequest request, httpservletresponse response)
 */
protected void doget(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception {
// 使用 gbk 设置中文正常显示
response.setcharacterencoding("gbk");
response.getwriter().write("菜鸟教程：https://www.runoob.com");
}

/**
 * @see httpservlet#dopost(httpservletrequest request, httpservletresponse response)
 */
protected void dopost(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception {
// todo auto-generated method stub
doget(request, response);
}

}

创建 /tomcattest/webcontent/web-inf/web.xml 文件（如果没有），代码如下所示：

  
  
    
       
    helloservlet  
      
    com.runoob.test.helloservlet  
    
    
    helloservlet  
      
    /tomcattest/helloservlet  
      
  

接着重启 tomcat，浏览器访问https://localhost:8080/tomcattest/helloservlet：