在Tomcat上部署JSP

Bertha 。 2023-10-13 11:20 13阅读 0赞

**目录**

1.JSP

1.1 JSP概述

1.1.1 定义

1.1.2 Web应用架构

1.1.3 B/S的运行原理

1.2 JSP的语法结构

1.2.1 指令

1.2.2 脚本（java代码）

1.2.3 表达式（java表达式）

1.3 JSP的执行过程

1.4 JSP示例

2.Tomcat 服务器

2.1 Tomcat定义

2.2 Tomcat的目录结构

2.3 Web应用目录结构

3.Servlet

3.1 Servlet定义

3.2 使用Servlet

--------------------

## 1.JSP ##

### 1.1 JSP概述 ###

#### 1.1.1 定义 ####

JSP（**Java Server Pages**）是利用Java程序服务器产生网页，并能够动态更新网页的技术，它能够实现传统网页的交互功能，并且可以调用java程序动态更新数据。

#### 1.1.2 Web应用架构 ####

![34da02f071b2488da48877c51ab3039c.png][]

这里主要研究B/S的架构，也就是利用浏览器和Java程序交互 ，获取数据

#### 1.1.3 B/S的运行原理 ####

![64d4262becda43c186e28aaa962d89f0.png][]

**流程：**  
1 用户在浏览器输入URL地址访问某个开放IP的端口下（一般会是Web部署平台的端口号，80 gnix 8080 tomcat）的具体资源（某个应用页面 jsp）  
2 用户通过页面的交互功能向应用服务器发送请求  
3 应用服务器（tomcat）接收并解析请求，运行某个程序（包含JDBC）访问数据库  
4数据库执行事务并返回数据  
5 应用服务器接收数据库返回的数据，通过解析操作形成数据内容通过JSP的动态布置到网页上，并返回该网页到浏览器用户端

### 1.2 JSP的语法结构 ###

#### 1.2.1 指令 ####

![f6cdcad24451435bb6d7116ac4500cec.png][]

#### 1.2.2 脚本（java代码） ####

![d18cd410a9ab47849424533e38b55ea4.png][]

#### 1.2.3 表达式（java表达式） ####

![b7b15fb808d94d8dbbcdc26ef1e66898.png][]

### 1.3 JSP的执行过程 ###

**步骤1：**翻译（jsp文件-->java文件）  
**步骤2：**编译（java文件-->class文件）  
**步骤3：**执行（执行class文件（字节码文件））

### 1.4 JSP示例 ###

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
    <html>
    <head>
        <title>MyFirstJSP</title>
    </head>
    <body>
        <%
            UserDaoImpl udi = new UserDaoImpl();
            List<User> list = udi.findAll();
            for (int i = 0; i < list.size(); i++) {
        %>
        <%=list.get(i).getId()%>
        <%=list.get(i).getName()%>
        <%=list.get(i).getSex()%>
        <%=list.get(i).getPhone()%>
        <hr/>
    
        <%
            }
        %>
    </body>
    </html>

## 2.Tomcat 服务器 ##

### 2.1 Tomcat定义 ###

Tomcat 服务器是一个免费的Web应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。

### 2.2 Tomcat的目录结构 ###

![dfcadb56ef3a46e4b2a14eec50081d13.png][]

### 2.3 Web应用目录结构 ###

![35550ce4496046fb95bd99d6b439c612.png][]

## 3.Servlet ##

### 3.1 Servlet定义 ###

Servlet（Server Applet）是Java Servlet的简称，称为小服务程序或服务连接器，用Java编写的服务器端程序，具有独立于平台和协议的特性，主要功能在于交互式地浏览和生成数据，生成动态Web内容。

### 3.2 使用Servlet ###

**步骤1：创建Maven工程，在java目录中创建包 dao/entity/service/util/servlet  
步骤2：修改pom文件，引入jstl，mysql驱动，taglibs依赖  
步骤3：测试Servlet，在servlet包中创建TestServlet类**  
在TestServlet中修改

public class TestServlet extends HttpServlet {
        protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            //转发代码
            request.getRequestDispatcher("index.jsp").forward(request,response);
        }
    }

修改Web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
             version="3.1">
    <servlet>
      <servlet-name>TestServlet</servlet-name>
      <servlet-class>cn.kgc.servlet.TestServlet</servlet-class>
    </servlet>
      <servlet-mapping>
        <servlet-name>TestServlet</servlet-name>
        <url-pattern>/TestServlet</url-pattern>
      </servlet-mapping>
    </web-app>

打开Tomcat在浏览器上运行

![a36b45ef5a14484b9b8f098a0798d1de.png][]

**步骤4：创建物料表**

![5b8dc931817f4e9aa181e868f3d10d2b.png][]

**步骤5：编写Dao（Dao接口，实体类，BaseDao，Service，实体类）**  
**步骤6：创建连接数据库的Servlet类**

protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        UserServiceImpl usi = new UserServiceImpl();
        //请求对象中绑定数据
        request.setAttribute("list",usi.findAll());
        //转发index.jsp
        request.getRequestDispatcher("index.jsp").forward(request,response);
    }

**步骤7：再次修改Web.xml以及index.jsp文件**

Web.xml文件与之前类似，省略  
修改index.jsp文件如下

![390e13dafe2643a6959dcc0ed449a3cc.png][]

**注意1（items中的值）：**

![ef1de9f4c3034b0f98c835d3e8bc613d.png][]

![8af2230e03d14afd871c012a28d9cc6e.png][]

**注意2（var中的值）：**

![eef3cced2cd040da89becaebf5b5d0ad.png][]

**测试结果：**

![e8db38e951b54484ab836e5cf2fb03be.png][]

[34da02f071b2488da48877c51ab3039c.png]: https://img-blog.csdnimg.cn/34da02f071b2488da48877c51ab3039c.png
[64d4262becda43c186e28aaa962d89f0.png]: https://img-blog.csdnimg.cn/64d4262becda43c186e28aaa962d89f0.png
[f6cdcad24451435bb6d7116ac4500cec.png]: https://img-blog.csdnimg.cn/f6cdcad24451435bb6d7116ac4500cec.png
[d18cd410a9ab47849424533e38b55ea4.png]: https://img-blog.csdnimg.cn/d18cd410a9ab47849424533e38b55ea4.png
[b7b15fb808d94d8dbbcdc26ef1e66898.png]: https://img-blog.csdnimg.cn/b7b15fb808d94d8dbbcdc26ef1e66898.png
[dfcadb56ef3a46e4b2a14eec50081d13.png]: https://img-blog.csdnimg.cn/dfcadb56ef3a46e4b2a14eec50081d13.png
[35550ce4496046fb95bd99d6b439c612.png]: https://img-blog.csdnimg.cn/35550ce4496046fb95bd99d6b439c612.png
[a36b45ef5a14484b9b8f098a0798d1de.png]: https://img-blog.csdnimg.cn/a36b45ef5a14484b9b8f098a0798d1de.png
[5b8dc931817f4e9aa181e868f3d10d2b.png]: https://img-blog.csdnimg.cn/5b8dc931817f4e9aa181e868f3d10d2b.png
[390e13dafe2643a6959dcc0ed449a3cc.png]: https://img-blog.csdnimg.cn/390e13dafe2643a6959dcc0ed449a3cc.png
[ef1de9f4c3034b0f98c835d3e8bc613d.png]: https://img-blog.csdnimg.cn/ef1de9f4c3034b0f98c835d3e8bc613d.png
[8af2230e03d14afd871c012a28d9cc6e.png]: https://img-blog.csdnimg.cn/8af2230e03d14afd871c012a28d9cc6e.png
[eef3cced2cd040da89becaebf5b5d0ad.png]: https://img-blog.csdnimg.cn/eef3cced2cd040da89becaebf5b5d0ad.png
[e8db38e951b54484ab836e5cf2fb03be.png]: https://img-blog.csdnimg.cn/e8db38e951b54484ab836e5cf2fb03be.png