JSP-概念

一、引子

很多读者可能听过JSP，并且知道这是一门过时的技术了。在Spring，SpringBoot已经成为主流的今天，笔者为什么还要介绍JSP的相关内容呢？笔者常常提到一个概念：理解一门技术，要理解这个技术为什么产生，是解决了当时的什么问题，这样能帮助我们将不断迭代的技术连贯起来。那么，JSP是为什么产生的呢，我们一直使用Servlet来完成JavaWeb的开发有何不妥？JSP又是为何过时的，或者说JSP又存在哪些缺陷？阅读完笔者这几篇关于JSP的文章，读者将会更加明白JavaWeb的技术更迭历程，对全局有一个更深的理解。让我们正式开始。

二、概念

JSP：Java Server Pages，Java服务端页面。是一种动态的网页技术，其中既可以定义HTML，JS，CSS等静态内容，又可以定义Java代码的动态内容。简单而言：JSP = HTML + Java。

三、再理解

为什么会产生JSP这门技术呢？我们知道，在JSP产生之前，我们一直使用原生的Servlet来进行Java Web的开发。（请读者阅读前置知识Servlet基本概念及相关文章。）当我们需要展示一个HTML页面时，我们需要在Servlet页面中用PrintWriter不断写标签来达到拼成一个HTML页面的效果：

writer.write("<html>")
writer.write("<body>")
writer.write(username)
writer.write("</body>")
writer.write("</html>")

毫无疑问，这会使我们的代码可读性非常之差，而且难以维护。而JSP文件允许我们在文件中直接使用HTML标签，也可以直接使用Java代码，大大简化了开发。

四、快速使用

JSP的使用非常简单：

导入JSP坐标
编写HTML标签和Java代码

<!-- https://mvnrepository.com/artifact/javax.servlet.jsp/jsp-api --><dependency><groupId>javax.servlet.jsp</groupId><artifactId>jsp-api</artifactId><version>2.2</version><scope>provided</scope></dependency>

<html>
<head><title>hello jsp!</title>
</head>
<body><h1>hello jsp~</h1><%out.println("hello jsp~");%>
</body>
</html>

我们启动项目访问该jsp（放在webapp目录下，可以直接访问），页面上将会展示前端标签元素，控制台将会打印out.println里的话。

五、JSP原理

JSP的本质就是一个Servlet。JSP被访问时，由JSP容器（Tomcat）将其转换为Servlet类（Java文件），转换成的类最终是继承了HttpServlet抽象类的一个子类，类中包含一个_jspService()方法，这个可以理解成Servlet接口中定义的service()方法，是一个Servlet的主要逻辑方法。

六、JSP脚本

JSP脚本是指用于在JSP页面内定义的Java代码。脚本有以下几类：

<%...%> 内容会放到_ jspService()方法内；
<%=...%> 内容会放到out.println()中，会打印在客户端页面；
<%!...%> 内容会放到_jspService()方法之外，直接被类包含，作为成员变量或成员方法。

七、使用JSP脚本实例

<%@ page import="com.byhuang.pojo.Brand" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %><%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>hello jsp!</title>
</head>
<body><h1>hello jsp~</h1><table border="1" cellspacing="0" width="800"><tr><th>序号</th><th>品牌名称</th><th>企业名称</th><th>排序</th><th>状态</th><th>操作</th></tr><%List<Brand> brands = new ArrayList<>();out.println("hello jsp~");brands.add(new Brand("三只松鼠", "三只松鼠", 100, "三只松鼠，好吃不上火", 1));brands.add(new Brand("优衣库", "优衣库", 10, "优衣库，舒服", 0));brands.add(new Brand("小米", "小米", 1000, "小米", 1));for (int i = 0; i < brands.size(); i++) {Brand brand = brands.get(i);%><tr align="center"><td><%=brand.getName()%></td><td><%=brand.getEntName()%></td><td><%=brand.getOrder()%></td><td><%=brand.getRemark()%></td><%if (brand.getStatus() == 1) {%><td><%="启用"%></td><%} else {%><td><%="禁用"%></td><%}%><td><a href="#">修改</a><a href="#">删除</a></td></tr><%}%></table></body>
</html>

展示结果如下：