JSP 入门

Love The Way You Lie 2024-03-22 17:36 31阅读 0赞

### **第一节 程序结构** ###

互联网发展到现在出现过两种结构：C / S结构 和 B / S结构。

![b7812314f495475b9b0396a0aeec8ba3.png][]

#### **1. C / S 结构介绍** ####

C / S 是 Client / Server 的简称，C / S结构在技能上非常成熟，它的重要特征就是交互性强、拥有安全的存取形式、网络通信数量低、响应速度快、利于处置大量数据。

*  优点：
    
     *  优秀的处理能力，很多工作能够在客户端处理后再提交给服务器，减少了服务器端的开销，因此，C / S结构的客户端响应速度快
     *  操作界面漂亮、形式多样，能够足够满足客户自己的个性化要求
     *  安全性能能够非常容易确保，能够对权限实行多层次校验，对信息安全的控制能力非常强
 *  缺点：
    
     *  需要安装客户端程序，分布功能弱
     *  兼容性差

#### **2. B / S 结构介绍** ####

B / S 是 Browser / Server 的简称，就是只安装维护一个服务器，而客户端选用浏览器运行软件。B / S 结构应用程序相对于传统的C / S结构应用程序就是一个特别大的进步。 B / S结构的重要特征就是分布性强、维护方便、开发简单并且共享性强、总体拥有费用低

*  优点：
    
     *  分布性强。只需有网络、浏览器，能够随时随地实行查询、浏览等业务处理。
     *  业务扩展简单便利，通过添加网页就可以添加服务器功能。
     *  维护简单便利，只须要更改网页，就可以完成全部用户的同步更新。
     *  开发简单，共享性强。
 *  缺点：
    
     *  个性化特征明显减少，难以完成拥有个性化的功能要求。
     *  在跨浏览器上，B / S结构不尽如人意。
     *  在速度与安全性上须要花费超大的设计费用。

### **第二节 Web 服务器** ###

#### **1. Web 服务器概念** ####

Web服务器是可以向发出请求的浏览器提供文档的**程序**，主要提供网上的信息浏览服务

#### **2. 常见Web服务器** ####

*  `IIS` ( Micro Soft )
 *  **Tomcat** ( Apache ) 【重点】主要用来做后端服务器开发
 *  `WebLogic` ( Oracle )
 *  `WebSphere` ( IBM )
 *  `Nginx` 【重点】，主要用来部署前端页面
 *  …

### **第三节 Tomcat 服务器** ###

Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试`JSP` 程序的首选。

#### **1. Tomcat 服务器安装** ####

解压 `apache-tomcat-9.0.48.zip`

#### **2. Tomcat 目录结构** ####

bin => binary

![718299ad27bf49ecbbf1e978886f1c01.png][]

#### **3 部署第一个应用** ####

在 `webapps` 文件夹下创建一个文件夹 `firstApp`， 编写一个 `first.html`，然后放入 `firstApp` 文件夹

`first.html`

<!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>第一个应用</title>
  </head>
  <body>
    <h1>This My First App!</h1>
  </body>
 </html>

#### **4 启动 Tomcat 服务器** ####

进入 bin 目录， 然后 双击 `startup.bat`，启动 Tomcat 服务器

#### **5 访问 Tomcat 服务器** ####

在浏览器地址栏输入网址： [http://localhost:8080/firstApp/first.html][http_localhost_8080_firstApp_first.html] 进行访问

这个网址有一个专业的名称，叫做 **统一资源定位符**

统一资源定位符包含了以下三部分：

*  协议
    
    比如 `http`
 *  主机地址
    
    localhost 127.0.0.1 都是表本机，可以用来代替本机的IP地址
    
    主机地址包括了主机`IP`地址和端口号，比如 `IP`地址 `localhost`，端口号 8080
 *  资源地址
    
    比如 `/firstApp/first.html`

#### **6 关闭 Tomcat 服务器** ####

进入 bin 目录， 然后 双击 `shutdown.bat`，启动 Tomcat 服务器

### **第四节 Tomcat 配置** ###

#### **1. 端口号配置** ####

进入 `conf` 文件夹，找到`server.xml` 文件，使用文本编辑器打开，找到如下内容

解释说明：

*  port
    
    端口号，默认配置为8080，可修改
 *  protocol
    
    Tomcat 服务器使用的协议，默认配置为HTTP协议，HTTP协议版本为1.1
 *  `connectionTimeout`
    
    访问 Tomcat 时，连接的超时时间，默认配置为20000毫秒
 *  `redirectPort`
    
    重定向端口，默认配置为8443，主要是针对于访问 Tomcat 服务器上的资源时，如果该资源需要使用 `HTTPS`访问，此时，Tomcat 会将这个请求重定向到8443端口

#### **2. 虚拟路径配置** ####

**2.1 资源准备**

在任一磁盘上（比如 F 盘）创建资源文件夹 actual， 然后编写一个 `test.html` ，将其放入 actual 文件夹中。

<!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>虚拟路径</title>
  </head>
  <body>
    <h1>This Is A Virtual Path</h1>
  </body>
 </html>

**2.2 虚拟路径配置**

进入 `conf` 文件夹，找到`server.xml` 文件，使用文本编辑器打开，找到如下内容

在`<host></Host>`标签对之间添加如下内容

**一定要保证路径正确**

然后启动 Tomcat 服务器

**2.3 访问测试**

在浏览器地址栏输入： [http://localhost:9000/virtual/test.html][http_localhost_9000_virtual_test.html] 进行访问

#### **3. web.xml 配置** ####

**3.1 会话超时配置**

<session-config>
    
    <session-timeout>30</session-timeout>
 </session-config>

会话指的是用户访问 Tomcat 服务器的有效时间。比如，当用户登录某网站后，30分钟内，没有进行任何操作，此时，用户与该网站的会话已经超时。如果再进行页面操作，那么服务器将提示用户重新登录。

**3.2 欢迎页配置**

<welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
 </welcome-file-list>

所谓的欢迎页就是当用户访问Tomcat 服务器资源时，没有对任何资源进行定位，此时，Tomcat 将使用配置的欢迎页进行展示

### **第五节 IDEA 创建 Web 工程** ###

**![02767e1268194b409d604ef246f840ab.png][]**

![3bac3ff232aa4fe1bc288d9c024cb2e9.png][]

![dac5f5cba6704a62823a18fdebb48759.png][]

![5e1d4ce74e0941d587e05656be587c7b.png][]

### **第六节 初识 `JSP`** ###

#### **1. `JSP` 概念** ####

`JSP` 是 Java Server Pages 的简称，意为 Java 服务器页面。其支持 Java 代码与 HTML 代码混合使用来完成页面的编写。

#### **2. `JSP` page 指令** ####

语法：

<%@ page 属性名="属性值" [属性名="属性值" 属性名="属性值"]%>

常用属性：

![632dcb25c9a64ab581bb119df747aa26.png][]

#### **3. `JSP` 小脚本** ####

小脚本代码的定义语法：

<% 
 //小脚本代码
 %>

小脚本方法的定义语法：

<%!
 //小脚本方法
 %>

小脚本中的变量引用语法：

<%= 变量名或者表达式 %>

示例：

你好，今天是
 <%
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
    String currentTime = sdf.format(new Date());
 %>
 <%!
    String date2Str(Date date){
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
        return sdf.format(date);
 }
 %>
 <%= currentTime %>
 <%= date2Str(new Date()) %>

#### **4. `JSP`的交互流程** ####

`JSP`文件在第一次被访问时会被翻译成`java`文件，然后被编译为`class`文件才能被执行，编译好的class文件可以被重用

![a4915b901fd642659e3a2d27a15ca482.png][]

JSP的本质就是一个Servlet，只是首先需要经过翻译成Java文件，然后再编译成Class文件后才能执行

[b7812314f495475b9b0396a0aeec8ba3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/33ce888a778e40e28d46e8c89061feb4.png
[718299ad27bf49ecbbf1e978886f1c01.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/7a4201780fc14dd3b6b67e943674c611.png
[http_localhost_8080_firstApp_first.html]: http://localhost:8080/firstApp/first.html
[http_localhost_9000_virtual_test.html]: http://localhost:9000/virtual/test.html
[02767e1268194b409d604ef246f840ab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/e28296cb4a8f4636ae784eb2830d9edd.png
[3bac3ff232aa4fe1bc288d9c024cb2e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/37a01bffe73d4b4a845bc5756475acc7.png
[dac5f5cba6704a62823a18fdebb48759.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/ea52a4d5839f4aeca9d1a045aed0ef79.png
[5e1d4ce74e0941d587e05656be587c7b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/2fde51205fd946cabd1025aa260ba9fc.png
[632dcb25c9a64ab581bb119df747aa26.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/b6739deba3bb4294a190ddb9d0a492ac.png
[a4915b901fd642659e3a2d27a15ca482.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/2c7b1aed2bc74bbc9edf7b755b29225c.png