JSP学习之环境搭建（第一个JSP程序）

最新推荐文章于 2024-08-31 08:02:10 发布

Peithon

最新推荐文章于 2024-08-31 08:02:10 发布

阅读量1.4k

点赞数 2

分类专栏： JSP学习笔记文章标签： Tomcat环境配置 JDK环境配置第一个JSP程序 Tomcat与Eclipse关联

本文链接：https://blog.csdn.net/qq_39629343/article/details/82630954

版权

JSP学习笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

0x00 前言

从环境搭建到学习的知识，从头记录一下，这个代表JSP学习的开始。

0x01 准备

在配置环境前我们需要准备三样工具

0x02 配置java环境

首先将下载好的JDK进行安装，然后通过配置环境变量配好Java环境

此电脑右键->属性->高级系统设置->环境变量

2.1 新建 JAVA_HOME 变量填写jdk安装目录(D:\Java\jdk-9.0.4)

这里写图片描述

2.2 编辑Path变量( %JAVA_HOME%\bin)

这里写图片描述

2.3 新建CLASSPATH变量(.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar)

这里写图片描述

然后保存，在命令行分别输入java和javac，如果有信息输出说明配置环境成功了。

0x03 配置Tomcat环境

3.1 下载Tomcat之后将其解压到某个磁盘目录，新建`CATALINA_HOME`环境变量，值为tomcat的目录(D:\apache-tomcat-9.0.11)

这里写图片描述

3.2 然后打开命令行（`WIN+R`输入cmd回车）,输入以下命令

>path=D:\apache-tomcat-9.0.11\bin
>startup

这里写图片描述

出现右边框的信息说明Tomcat服务器启动了，或者

>D:
>cd D:\apache-tomcat-9.0.11\bin
>startup

还有直接打开bin目录下的startup.bat批处理文件也是一样的。

3.3 浏览器访问`127.0.0.1：8080`，出现Tomcat界面说明配置成功了。

这里写图片描述

0x04 将Tomcat和Eclipse关联

4.1 安装Eclipse，打开，依次点击菜单栏`Windos`->`Preferences`，然后展开`Server`->点击`Runtime Environments`

这里写图片描述

4.2 点击`Add`按钮，选择我们安装的Tomcat版本，点击`Next`

这里写图片描述

4.3 选择Tomcat的安装目录，并选择我们安装的Java环境

这里写图片描述

点击Finish完成配置

0x05 编写第一个JSP程序

5.1 修改浏览器选项,`Window`->`Web Browser`->`Default system web browser`

5.2 选择`File`->`New`->`Dynamic web project`,创建一个项目（HelloWorld）,`Target runtime`选择我们安装的Tomcat版本

这里写图片描述

5.3 在`WebContent`目录下新建`login.html`

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JSP登录</title>
</head>
<body>

    <form method="POST" action="HelloWorld11">
    <center>
        用户名
        <input type="text" name="username" value="用户名"><br>
        密  码&nbsp;
        <input type="text" name="password" value="密码"><br>
        <input type="submit" name="login" value="登录">
    </center>
    </form>
</body>
</html>

5.4 点击`HelloWorld`项目右键->New->Servlet,新建一个Servlet，名称`HelloServlet`

package demo;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletContext;
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("/Hello")
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 {
        // TODO Auto-generated method stub
        response.getWriter().append("Served at: ").append(request.getContextPath());
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
         getServletContext().getRequestDispatcher("/login.jsp").forward(request, response);        //定向的页面 
    }

}

5.5 在`WebContent`目录下新建一个login.jsp文件

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%!
    String name = "admin";
    String password = "123456";

    boolean checkUser(String name, String password) {
        return this.name.equals(name) &&
                 this.password.equals(password);
    }
%>
<!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>登入页面</title>
    </head>
    <body>
<%
    String name = request.getParameter("username");
    String password = request.getParameter("password");
    if(checkUser(name, password)) {
%>
    <h1><%= name %> Hello,World！</h1>
<%
    } else {
%>
    <h1>登入失败</h1>
<%
    }
%>
    </body>
</html>

5.6 在`WebContent`->`WEB-INF`下新建`web.xml`文件

<?xml version="1.0" encoding="UTF-8"?>  
<web-app version="2.5"   
    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_2_5.xsd">  
  <servlet>  
     <!-- 类名 -->  
    <servlet-name>name01</servlet-name>  
    <!-- 所在的包 -->  
    <servlet-class>demo.HelloServlet</servlet-class>  
  </servlet>  
  <servlet-mapping>  
    <servlet-name>name01</servlet-name>  
    <!-- 访问的网址 -->    
    <url-pattern>/hello</url-pattern>  
    </servlet-mapping> 

   <welcome-file-list>
    <welcome-file>login.html</welcome-file>
</welcome-file-list>
</web-app>

5.7 `HelloWorld`项目右键->`Run AS`->`Run on Server`

输入用户名：admin,密码:123456，访问成功

这里写图片描述

Peithon

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JSP学习之环境搭建（第一个JSP程序）

0x00 前言

0x01 准备

0x02 配置java环境

2.1 新建 JAVA_HOME 变量 填写jdk安装目录(D:\Java\jdk-9.0.4)

2.2 编辑Path变量( %JAVA_HOME%\bin)

2.3 新建CLASSPATH变量(.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar)

0x03 配置Tomcat环境

3.1 下载Tomcat之后将其解压到某个磁盘目录，新建CATALINA_HOME环境变量，值为tomcat的目录(D:\apache-tomcat-9.0.11)

3.2 然后打开命令行（WIN+R输入cmd回车）,输入以下命令

3.3 浏览器访问127.0.0.1：8080，出现Tomcat界面说明配置成功了。

0x04 将Tomcat和Eclipse关联

4.1 安装Eclipse，打开，依次点击菜单栏Windos->Preferences，然后展开Server->点击Runtime Environments

4.2 点击Add按钮，选择我们安装的Tomcat版本，点击Next

4.3 选择Tomcat的安装目录，并选择我们安装的Java环境

0x05 编写第一个JSP程序

5.1 修改浏览器选项,Window->Web Browser->Default system web browser

5.2 选择File->New->Dynamic web project,创建一个项目（HelloWorld）,Target runtime选择我们安装的Tomcat版本

5.3 在WebContent目录下新建login.html

5.4 点击HelloWorld项目右键->New->Servlet,新建一个Servlet，名称HelloServlet

5.5 在WebContent目录下新建一个login.jsp文件

5.6 在WebContent->WEB-INF下新建web.xml文件

5.7 HelloWorld项目右键->Run AS->Run on Server

2.1 新建 JAVA_HOME 变量填写jdk安装目录(D:\Java\jdk-9.0.4)

3.1 下载Tomcat之后将其解压到某个磁盘目录，新建`CATALINA_HOME`环境变量，值为tomcat的目录(D:\apache-tomcat-9.0.11)

3.2 然后打开命令行（`WIN+R`输入cmd回车）,输入以下命令

3.3 浏览器访问`127.0.0.1：8080`，出现Tomcat界面说明配置成功了。

4.1 安装Eclipse，打开，依次点击菜单栏`Windos`->`Preferences`，然后展开`Server`->点击`Runtime Environments`

4.2 点击`Add`按钮，选择我们安装的Tomcat版本，点击`Next`

5.1 修改浏览器选项,`Window`->`Web Browser`->`Default system web browser`

5.2 选择`File`->`New`->`Dynamic web project`,创建一个项目（HelloWorld）,`Target runtime`选择我们安装的Tomcat版本

5.3 在`WebContent`目录下新建`login.html`

5.4 点击`HelloWorld`项目右键->New->Servlet,新建一个Servlet，名称`HelloServlet`

5.5 在`WebContent`目录下新建一个login.jsp文件

5.6 在`WebContent`->`WEB-INF`下新建`web.xml`文件

5.7 `HelloWorld`项目右键->`Run AS`->`Run on Server`