整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
源 | 愚公要移山（ID:fdd_sxu_nwpu）
jsp技术作为曾经一度火爆的技术，在最近几年确实使用率越来越低了，这篇文章带你一块探究一下jsp的从生到死。
jsp技术的诞生
在很久很久以前，那时候我们的开发都是通过servlet来完成的，这个servlet是什么呢？我们先来认识一下：
servlet用Java语言编写的服务器端程序。主要功能是和浏览器进行交互，生成页面展示。
长下面这个样子：
public class HelloWorld extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {response.setContentType("text/html");PrintWriter out = response.getWriter;out.println("<html>");out.println("<head>");out.println("<title>Hello World</title>");out.println("</head>");out.println("<body>");out.println("<h1>Hello World!</h1>");out.println("</body>");out.println("</html>");}}
我们可以看到前端所展示的页面，需要我们servlet去一个标签一个标签去生成，如果一个页面超级复杂，动不动几千行代码，那这个servlet效率也就太低了。而且整个servlet代码也会十分臃肿而且可读性非常差。
这时候怎么办呢？sun公司很早就意识到了这个问题，于是便倡导很多公司一块来创建了一种能够动态生成html的新技术，不久之后jsp便诞生了。有效率的解决了上面servlet所出现的问题。
jsp的发展
既然jsp技术能够解决刚刚servlet代码里面所出现的技术，我们来看一下是如何解决的：在这里我们举一个小例子，就是前端jsp向服务器servlet发送请求图书页面的功能。
首先我们看一下servlet：
public class List_book extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {//声明一个ArrayList.用来存放Book类中的数据ArrayList<Book> list = new ArrayList<Book>;for(int i=0;i<10;i++){Book book = new Book;book.setName(res.getString("name"+i));book.setAuthor(res.getString("author"+i));list.add(book);}//将list数据发送到.jap文件中request.getRequestDispatcher("ListBook.jsp").forward(request, response);}}
我们会发现，现在的servlet没有一点html代码了。我们只需要把数据交给jsp。此时我们的页面展示就交给jsp来做了。现在我们来看一下jsp长什么样子：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath;%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="pragma" content="no-cache"><meta http-equiv="description" content="This is my page"><script></script></head><body><% ArrayList list = (ArrayList) request.getAttribute("list"); %><h2 align = "center">图书列表</h2><table border = 1px align = "center"><tr><th>图书名称</th><th>图书作者</th></tr><!-- 继续使用jsp语句 循环放入存放于list中的Book实体类中的数据 --><%for(int i = 0;i<list.size;i++){Book book =(Book)list.get(i);%><tr><th><%=book.getName %></th><th><%=book.getAuthor%></th><tr>}%></table></body></html>
这就是jsp，我们可以在html页面中写一些java代码。对于我们程序员来说，在开发当中静态的页面我们只需要用html和css写一些标签来展示即可，对于那些动态的部分我们就可以使用java代码。
那么jsp和servlet是不是就是这种协作的关系，本质上有什么区别呢？
其实jsp只是servlet的一种特殊形式，每一个jsp页面就是一个servlet实例，通俗一点的话来说：jsp就是servlet，只不过servlet把一些业务功能剥离开来交给了或者是形成了jsp。明白了吧。在我们的项目编译的时候就是把jsp编译成了servlet。
你们会发现，这样做其实挺好的，市场也验证了一切，很快jsp技术流行开来，可是随着时间的流逝，业务越来越复杂，jsp也开始跟不上时代了。
jsp的危机
我们先看一个对话场景：
java程序员：终于写完了功能，是时候在界面上展示了。
前端程序员：你功能写完了，我没有数据，在页面什么没法展示呀
java程序员：数据我写好了，你在jsp中调用XX方法就能获取了，
前端程序员：我已经在jsp中写好了这个方法，你为什么自己写了？
于是乎，无穷无尽的争吵还在继续当中。
这就是jsp的弊端，为什么呢？我们可以来总结一下：
（1）动态和静态资源放在一起，一旦服务器出现状况，前后台一起玩完，用户体验极差。
（2）一旦jsp出现了问题，就需要前端后端发开人员一块来分析解决，效率低。
（3）jsp无法使用nginx等。
（4）jsp页面复杂，难以修改。
（5）第一次加载jsp需要编译成servlet，时间久，而且业务量大的时候，jsp负担太大。
（6）jsp对于开发人员简直就是一个挥之不去的痛，太难了！！！
鉴于以上缺点，于是另外一套机制横空出世了，这就是前后端分离。什么是前后端分离呢？
前后端分离其实就是后端工程师只关注于后端页面的开发，不再处理前端问题。前端工程师只关注于自己的页面开发。需要数据交互的时候，两者会有一份接口文档。
就这样这种思想架构很快的流行开来，这也就是为什么jsp落寞的真正原因。从此java从jsp转向了restful结构，springMCV也开始流行开来，并逐渐占领了市场。前后端分离有什么优点呢？我们来总结一下：
（1）动态和静态资源分开存储。
（2）出现bug能很快定位是前端还是后端。
（3）支持nginx。在高并发状态下极其优秀。
（4）直接请求页面，不用编译，速度效率都提上来了。
（5）从此前端和后端是相亲相爱的一家人了！！！！
jsp的落幕
又随着时间的推移，jsp的时代基本上一去不复返了，因为我们又走入了移动互联时代，这时候的客户端可不是前端页面了，还包括手机、汽车、电视等等各种设备，这种情况下，前后端必须要分离了。jsp基本上彻底告别了它的舞台。
servlet是sun推出的用于实现CGI(通用网关接口）的Java语音版本，他不但有跨平台的特性，而且还以多线程的方式为用户提供服务，而不必为每个请求都启动一个进程，因此它的效率要比传统的CGI程序高很多。
从结构上讲，一个Wb应用分为3层数据层，应用层、表现层。数据层负责数据的存取，应用层
用来处理业务逻辑，表现层则用来向用户提供操作界面，输出应用层的处理结果和向应用层传递用户的
操作信息。
Servlet用在应用层，其作用是很强大的，但是如果将它用在表现层将会非常不方便，因为 Servlet和传统的CG1一样也是以输出HTML语言来实现动态网页的，如果全部使用Java程序来输出所有静态和动态信息，那代码量将是十分庞大的，这势必会给开发和维护带来沉重的负担。然而，JSP就是用来解决表现层的问题。
JSP和 Microsoft的ASP类似，它把JSP标签嵌入到HTML格式的网页中，这样一来，网页仍然可
以很方便地用可视化软件进行编辑美化，JSP程序只需要关心网页中的动态部分，并使用相关的标签语句输出即可。
因为JSP就是主要为表现层而设计的，所以读者在编写JSP程序时一定要注意，应把业务相关的代
码要写在 Javabean中，而不要直接写在JP页面中。
实际上， Servlet只是继承了 Httpservlet的Java类，而JSP最终会被 Servlet引擎翻译成 Servlet并编译执行，JSP的存在主要是为了方便表现层。此外，不同的 Servlet引擎处理相关的JSP代码的方式可能会不一样，但处理的结果都是Java代码。
sp
page指令
使用此属性，可以定义一个jsp页面的相关属性
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
设置该页面的类型为text/html类型，其中编码为Unicode 类型的UTF-8 语言为java
从Tomcat安装目录中可以找到可以使用的MIME类型
<mime-mapping> <extension>ait</extension> <mime-type>application/vnd.dvb.ait</mime-type> </mime-mapping>
错误页设置
设置page指令的errorPage属性，设置错误页
<%-- Created by IntelliJ IDEA. User: ming Date: 19-3-6 Time: 下午9:29 To change this template use File | Settings | File Templates. --%> <%@ page contentType="application/vnd.dvb.ait;charset=UTF-8" language="java" %> <%@ page errorPage="error.jsp" %> <html> <head> <title>$Title$</title> </head> <body> <% // 运行错误 int result = 10 / 0; %> </body> </html>
设置如果出现错误，跳转到error.jsp文件
> 错误页的跳转属于服务器端跳转
数据库连接操作
maven安装驱动
访问网址
https://search.maven.org/artifact/mysql/mysql-connector-java/8.0.15/jar
输入依赖
<dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.15</version> </dependency>
jsp书写代码，并网页展示
<%@ page import="java.sql.*" %>
<html>
<body>
<h2>Hello World!</h2>
<%!
// 数据库驱动程序
public static final String DBDRIVER = "com.mysql.cj.jdbc.Driver";
// 数据库连接地址
public static final String DBURL = "jdbc:mysql://47.94.95.84:32786/test";
// 用户名
public static final String DBUSER = "root";
// 密码
public static final String DBPASS = "ABCcba20170607";
%>
<%
// 声明数据库连接对象
Connection connection = null;
// 连接
PreparedStatement preparedStatement = null;
// 结果集
ResultSet resultSet = null;
String sql = "SELECT * from emp";
%>
<%
try{
Class.forName(DBDRIVER);
// 数据库连接
connection = DriverManager.getConnection(DBURL, DBUSER, DBPASS);
// 实例化sql
preparedStatement = connection.prepareStatement(sql);
// 查询
resultSet = preparedStatement.executeQuery();
while(resultSet.next()){
int empon = resultSet.getInt(1);
String ename = resultSet.getString(2);
String job = resultSet.getString(3);
%>
<%=empon%>
<%=ename%>
<%=job%>
<%
}
}catch (Exception e){
System.out.println(e);
}finally {
resultSet.close();
preparedStatement.close();
connection.close();
}
%>
</body>
</html>
包含指令
网页分为头尾中
静态包含
在jsp编译的时候插入一个包含文本或代码的文件。包含过程为静态的,代码文件包含，生成一个完整的jsp文件，再次包含生成class文件，加载进入容器。
<html> <body> <%@include file="info.html"%> <%@include file="info.inc"%> </body> </html>
动态包含
<%--
Created by IntelliJ IDEA.
User: ming
Date: 19-3-9
Time: 下午3:43
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
参数1<%=request.getParameter("name")%>
参数2<%=request.getParameter("info")%>
<%-- Created by IntelliJ IDEA. User: ming Date: 19-3-9 Time: 下午4:51 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> </head> <body> <% String username = "LiHua"; %> <h1>动态传递参数</h1> <jsp:include page="./receive_param.jsp"> <jsp:param name="name" value="<%=username%>"/> <jsp:param name="info" value="ming"/> </jsp:include> </body> </html>
运行以后可以发现显示出结果
> 两种包含，静态包含是先包含，后处理，动态包含为先处理后包含
跳转指令
此跳转为服务端跳转
即一个request传递到另外一个page
<%--
Created by IntelliJ IDEA.
User: ming
Date: 19-3-9
Time: 下午5:14
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<h1>这是跳转后的页面</h1>
<h2><%=request.getParameter("name")%></h2>
<h2><%=request.getParameter("info")%></h2>
<%-- Created by IntelliJ IDEA. User: ming Date: 19-3-9 Time: 下午5:11 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <% String username = "LiHua"; %> <jsp:forward page="forward_demo02.jsp"> <jsp:param name="name" value="<%=username%>"/> <jsp:param name="info" value="ming"/> </jsp:forward>
jsp 实栗 jsp + jdbc 实现登录
实现思路
一个表单页，输入用户登录和密码，然后信息提交到jsp页面进行验证，如果可以服务器跳转到登录成功页，失败，跳转到错误页
> 跳转的时候窗口的URL地址会发生变化
代码如下
编写登录代码
登录
<!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <title>登录</title> </head> <body> <h1>登录操作</h1> <form action="login_check.jsp" method="post"> <h1>用户登录</h1> <p> 登录id <input type="text" name="id"/> </p> <p> 登录密码 <input type="password" name="password"/> </p> <input type="submit" value="登录"/> <input type="reset" value="重置"/> </form> </body> </html>
登录处理
<%@ page import="java.sql.*" %>
<%--
Created by IntelliJ IDEA.
User: ming
Date: 19-3-9
Time: 下午5:50
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<%!
// 数据库驱动程序
public static final String DBDRIVER = "com.mysql.cj.jdbc.Driver";
// 数据库连接地址
public static final String DBURL = "jdbc:mysql://47.94.95.84:32786/test";
// 用户名
public static final String DBUSER = "root";
// 密码
public static final String DBPASS = "ABCcba20170607";
%>
<%
// 连接对象
Connection connection = null;
// 操作
PreparedStatement preparedStatement = null;
// 结果
ResultSet resultSet = null;
// 标志位
boolean falge = false;
// 用户真实姓名
String name = null;
%>
<%
try{
Class.forName(DBDRIVER);
// 获得连接
connection = DriverManager.getConnection(DBURL, DBUSER, DBPASS);
// 编写sql验证ID 密码
String sql = "SELECT name FROM user WHERE userid = ? AND password = ?";
// 实例化操作对象
preparedStatement = connection.prepareStatement(sql);
// 设置查询内容
preparedStatement.setString(1, request.getParameter("id"));
preparedStatement.setString(2, request.getParameter("password"));
// 执行查询
resultSet = preparedStatement.executeQuery();
// 如果可以查询到，表示合法用户
if(resultSet.next()){
name = resultSet.getString(1);
// 修改标志位
falge = true;
}
}catch (Exception e){
e.printStackTrace();
}finally {
try{
resultSet.close();
preparedStatement.close();
connection.close();
}catch (Exception e){
e.printStackTrace();
}
}
%>
<%
// 登录成功
if(falge){
// 进行服务器端跳转
%>
<jsp:forward page="./login_sucess.jsp">
<jsp:param name="uname" value="<%=name%>"/>
</jsp:forward>
<%
}else{
%>
<jsp:forward page="./login_failure.html"/>
<%
}
%>
</body>
</html>
登录完成
<%--
Created by IntelliJ IDEA.
User: ming
Date: 19-3-9
Time: 下午10:22
To 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>登录成功</h1>
<%=request.getParameter("uname")%>
</body>
</html>
登录失败
<%-- Created by IntelliJ IDEA. User: ming Date: 19-3-9 Time: 下午10:22 To 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>登录成功</h1><%=request.getParameter("uname")%></body></html>
效果演示
*请认真填写需求信息，我们会在24小时内与您取得联系。
