JavaWeb：JSP概述及原理
1，JSP概述
JSP（全称：Java Server Pages）：Java服务端页面。 是一种动态的网页技术，其中既可以定义 HTML、JS、CSS等静态内容，还可以定义Java代码的动态内容，也就是 JSP = HTML + Java。如下就是jsp代码：
<html><head><title>Title</title></head><body><h1>JSP,Hello World</h1><%System.out.println("hello,jsp~");%></body></html>
上面代码 h1 标签内容是展示在页面上，而Java的输出语句是输出在idea的控制台。
那么，JSP能做什么呢？现在我们只用 servlet 实现功能，看存在什么问题。如下图所示，当我们登陆成功后，需要在页面上展示用户名
上图的用户名是动态展示，也就是谁登陆就展示谁的用户名。只用 servlet 如何实现呢？在今天的资料里已经提供好了一个 LoginServlet ，该 servlet 就是实现这个功能的，现将资料中的 LoginServlet.java 拷贝到 request-demo 项目中来演示。接下来启动服务器并访问登陆页面
输入了 zhangsan 用户的登陆信息后点击 登陆 按钮，就能看到如下图效果
当然如果是 lisi 登陆的，在该页面展示的就是 lisi,欢迎您，动态的展示效果就实现了。那么 LoginServlet 到底是如何实现的，我们看看它里面的内容
上面的代码有大量使用到 writer 对象向页面写标签内容，这样我们的代码就显得很麻烦；将来如果展示的效果出现了问题，排错也显得有点力不从心。而JSP是如何解决这个问题的呢？在资料中也提供了一个 login.jsp 页面，该页面也能实现该功能，现将该页面拷贝到项目的 webapp下，需要修改 login.html 中表单数据提交的路径为下图
重新启动服务器并进行测试，发现也可以实现同样的功能。那么 login.jsp 又是如何实现的呢？那我们来看看 login.jsp 的代码
上面代码可以看到里面基本都是 HTML 标签，而动态数据使用Java代码进行展示；这样操作看起来要比用 servlet 实现要舒服很多。
JSP作用：简化开发，避免了在Servlet中直接输出HTML标签。
2，JSP快速入门
接下来我们做一个简单的快速入门代码。
2.1 搭建环境
创建一个maven的web项目，项目结构如下：
pom.xml 文件内容如下：
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"><modelVersion>4.0.0</modelVersion><groupId>com.dcxuexi</groupId><artifactId>jsp-demo</artifactId><packaging>war</packaging><version>1.0-SNAPSHOT</version><properties><maven.compiler.source>17</maven.compiler.source><maven.compiler.target>17</maven.compiler.target></properties><dependencies><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.1.0</version><scope>provided</scope></dependency><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>3.8.1</version><scope>test</scope></dependency></dependencies></project>
2.2 导入JSP依赖
在 dependencies 标签中导入JSP的依赖，如下
<dependency><groupId>javax.servlet.jsp</groupId><artifactId>jsp-api</artifactId><version>2.2</version><scope>provided</scope></dependency>
该依赖的 scope 必须设置为 provided，因为tomcat中有这个jar包了，所以在打包时我们是不希望将该依赖打进到我们工程的war包中。
2.3 创建jsp页面
在项目的 webapp 下创建jsp页面
通过上面方式创建一个名为 hello.jsp 的页面。
2.4 编写代码
在 hello.jsp 页面中书写 HTML 标签和 Java 代码，如下
<%--Created by IntelliJ IDEA.User: DongChuangDate: 2023/1/2Time: 16:04To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head><title>Title</title></head><body><h1>hello jsp ...</h1><%System.out.println("hello jsp ...");%></body></html>
2.5 测试
启动服务器并在浏览器地址栏输入 http://localhost:8080/jsp-demo/hello.jsp，我们可以在页面上看到如下内容
同时也可以看到在 idea 的控制台看到输出的 hello jsp ... 内容。
3，JSP原理
我们之前说JSP就是一个页面，那么在JSP中写 html 标签，我们能理解，但是为什么还可以写 Java 代码呢？
因为 JSP本质上就是一个Servlet。 接下来我们聊聊访问jsp时的流程
- 浏览器第一次访问
hello.jsp页面 tomcat会将hello.jsp转换为名为hello_jsp.java的一个Servlettomcat再将转换的servlet编译成字节码文件hello_jsp.classtomcat会执行该字节码文件，向外提供服务
我们可以到项目所在磁盘目录下找 target\tomcat\work\Tomcat\localhost\jsp-demo\org\apache\jsp 目录，而这个目录下就能看到转换后的 servlet
打开 hello_jsp.java 文件，来查看里面的代码
由上面的类的继承关系可以看到继承了名为 HttpJspBase 这个类，那我们在看该类的继承关系。
可以看到该类继承了 HttpServlet ；那么 hello_jsp 这个类就间接的继承了 HttpServlet ，也就说明 hello_jsp 是一个 servlet。
继续阅读 hello_jsp 类的代码，可以看到有一个名为 _jspService() 的方法，该方法就是每次访问 jsp 时自动执行的方法，和 servlet 中的 service 方法一样 。
而在 _jspService() 方法中可以看到往浏览器写标签的代码：
以前我们自己写 servlet 时，这部分代码是由我们自己来写，现在有了 jsp 后，由tomcat完成这部分功能。
4，JSP脚本
JSP脚本用于在JSP页面内定义Java代码。在之前的入门案例中我们就在JSP页面定义的Java代码就是JSP脚本。
4.1 JSP脚本分类
JSP脚本有如下三个分类：
<% … %>：内容会直接放到_jspService()方法之中<%= … %>：内容会放到out.print()中，作为out.print()的参数<%! … %>：内容会放到_jspService()方法之外，被类直接包含
代码演示：
在 hello.jsp 中书写
<%System.out.println("hello,jsp~");int i = 3;%>
通过浏览器访问 hello.jsp 后，查看转换的 hello_jsp.java 文件，i 变量定义在了 _jspService() 方法中
在 hello.jsp 中书写
<%="hello"%><%=i%>
通过浏览器访问 hello.jsp 后，查看转换的 hello_jsp.java 文件，该脚本的内容被放在了 out.print() 中，作为参数
在 hello.jsp 中书写
<%!void show(){}String name = "zhangsan";%>
通过浏览器访问 hello.jsp 后，查看转换的 hello_jsp.java 文件，该脚本的内容被放在了成员位置
4.2 案例
4.2.1 需求
使用JSP脚本展示品牌数据
说明：
- 在该案例中数据不从数据库中查询，而是在
JSP页面上写死
4.2.2 实现
在项目的
webapp中创建brand.jsp，brand.jsp内容如下<%@ page contentType="text/html;charset=UTF-8" language="java" %><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><input type="button" value="新增"><br><hr><table border="1" cellspacing="0" width="800"><tr><th>序号</th><th>品牌名称</th><th>企业名称</th><th>排序</th><th>品牌介绍</th><th>状态</th><th>操作</th></tr><tr align="center"><td>1</td><td>三只松鼠</td><td>三只松鼠</td><td>100</td><td>三只松鼠，好吃不上火</td><td>启用</td><td><a href="#">修改</a> <a href="#">删除</a></td></tr><tr align="center"><td>2</td><td>优衣库</td><td>优衣库</td><td>10</td><td>优衣库，服适人生</td><td>禁用</td><td><a href="#">修改</a> <a href="#">删除</a></td></tr><tr align="center"><td>3</td><td>小米</td><td>小米科技有限公司</td><td>1000</td><td>为发烧而生</td><td>启用</td><td><a href="#">修改</a> <a href="#">删除</a></td></tr></table></body></html>
现在页面中的数据都是假数据。
在
brand.jsp中准备一些数据<%// 查询数据库List<Brand> brands = new ArrayList<Brand>();brands.add(new Brand(1,"三只松鼠","三只松鼠",100,"三只松鼠，好吃不上火",1));brands.add(new Brand(2,"优衣库","优衣库",200,"优衣库，服适人生",0));brands.add(new Brand(3,"小米","小米科技有限公司",1000,"为发烧而生",1));%>
注意： 这里的类是需要导包的
将
brand.jsp页面中的table标签中的数据改为动态的<table border="1" cellspacing="0" width="800"><tr><th>序号</th><th>品牌名称</th><th>企业名称</th><th>排序</th><th>品牌介绍</th><th>状态</th><th>操作</th></tr><%for (int i = 0; i < brands.size(); i++) {//获取集合中的 每一个 Brand 对象Brand brand = brands.get(i);}%><tr align="center"><td>1</td><td>三只松鼠</td><td>三只松鼠</td><td>100</td><td>三只松鼠，好吃不上火</td><td>启用</td><td><a href="#">修改</a> <a href="#">删除</a></td></tr></table>
上面的
for循环需要将tr标签包裹起来，这样才能实现循环的效果，代码改进为<table border="1" cellspacing="0" width="800"><tr><th>序号</th><th>品牌名称</th><th>企业名称</th><th>排序</th><th>品牌介绍</th><th>状态</th><th>操作</th></tr><%for (int i = 0; i < brands.size(); i++) {//获取集合中的 每一个 Brand 对象Brand brand = brands.get(i);%><tr align="center"><td>1</td><td>三只松鼠</td><td>三只松鼠</td><td>100</td><td>三只松鼠，好吃不上火</td><td>启用</td><td><a href="#">修改</a> <a href="#">删除</a></td></tr><%}%></table>
注意：
<%%>里面写的是Java代码，而外边写的是HTML标签上面代码中的
td标签中的数据都需要是动态的，所以还需要改进<table border="1" cellspacing="0" width="800"><tr><th>序号</th><th>品牌名称</th><th>企业名称</th><th>排序</th><th>品牌介绍</th><th>状态</th><th>操作</th></tr><%for (int i = 0; i < brands.size(); i++) {//获取集合中的 每一个 Brand 对象Brand brand = brands.get(i);%><tr align="center"><td><%=brand.getId()%></td><td><%=brand.getBrandName()%></td><td><%=brand.getCompanyName()%></td><td><%=brand.getOrdered()%></td><td><%=brand.getDescription()%></td><td><%=brand.getStatus() == 1 ? "启用":"禁用"%></td><td><a href="#">修改</a> <a href="#">删除</a></td></tr><%}%></table>
4.2.3 成品代码
<%@ page import="com.dcxuexi.pojo.Brand" %><%@ page import="java.util.List" %><%@ page import="java.util.ArrayList" %><%@ page contentType="text/html;charset=UTF-8" language="java" %><%// 查询数据库List<Brand> brands = new ArrayList<Brand>();brands.add(new Brand(1,"三只松鼠","三只松鼠",100,"三只松鼠，好吃不上火",1));brands.add(new Brand(2,"优衣库","优衣库",200,"优衣库，服适人生",0));brands.add(new Brand(3,"小米","小米科技有限公司",1000,"为发烧而生",1));%><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><input type="button" value="新增"><br><hr><table border="1" cellspacing="0" width="800"><tr><th>序号</th><th>品牌名称</th><th>企业名称</th><th>排序</th><th>品牌介绍</th><th>状态</th><th>操作</th></tr><%for (int i = 0; i < brands.size(); i++) {Brand brand = brands.get(i);%><tr align="center"><td><%=brand.getId()%></td><td><%=brand.getBrandName()%></td><td><%=brand.getCompanyName()%></td><td><%=brand.getOrdered()%></td><td><%=brand.getDescription()%></td><td><%=brand.getStatus() == 1 ? "启用":"禁用"%></td><td><a href="#">修改</a> <a href="#">删除</a></td></tr><%}%></table></body></html>
4.2.4 测试
在浏览器地址栏输入 http://localhost:8080/jsp-demo/brand.jsp ，页面展示效果如下
4.3 JSP缺点
通过上面的案例，我们可以看到JSP的很多缺点。
由于JSP页面内，既可以定义HTML标签，又可以定义Java代码，造成了以下问题：
书写麻烦：特别是复杂的页面
既要写
HTML标签，还要写Java代码阅读麻烦
上面案例的代码，相信你后期再看这段代码时还需要花费很长的时间去梳理
- 复杂度高：运行需要依赖于各种环境，
JRE，JSP容器，JavaEE··· - 占内存和磁盘：
JSP会自动生成.java和.class文件占磁盘，运行的是.class文件占内存 - 调试困难：出错后，需要找到自动生成的
.java文件进行调试 不利于团队协作：前端人员不会
Java，后端人员不精HTML如果页面布局发生变化，前端工程师对静态页面进行修改，然后再交给后端工程师，由后端工程师再将该页面改为
JSP页面
由于上述的问题， JSP已逐渐退出历史舞台， 以后开发更多的是使用 HTML + Ajax 来替代。Ajax是我们后续会重点介绍。有个这个技术后，前端工程师负责前端页面开发，而后端工程师只负责前端代码开发。下来对技术的发展进行简单的说明
- 第一阶段：使用
servlet即实现逻辑代码编写，也对页面进行拼接。这种模式我们之前也接触过 - 第二阶段：随着技术的发展，出现了
JSP，人们发现JSP使用起来比Servlet方便很多，但是还是要在JSP中嵌套Java代码，也不利于后期的维护 第三阶段：使用
Servlet进行逻辑代码开发，而使用JSP进行数据展示
- 第四阶段：使用
servlet进行后端逻辑代码开发，而使用HTML进行数据展示。而这里面就存在问题，HTML是静态页面，怎么进行动态数据展示呢？这就是ajax的作用了。
那既然JSP已经逐渐的退出历史舞台，那我们为什么还要学习 JSP 呢？原因有两点：
- 一些公司可能有些老项目还在用
JSP，所以要求我们必须动JSP - 我们如果不经历这些复杂的过程，就不能体现后面阶段开发的简单
偏执的太偏执、
Myth丶恋晨
忘是亡心i
深藏阁楼爱情的钟
系统管理员
还没有评论，来说两句吧...