当前位置: 移动技术网 > IT编程>网页制作>CSS > JSP开发环境搭建实例教程

JSP开发环境搭建实例教程

2018年10月05日  | 移动技术网IT编程  | 我要评论

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

\

 

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网