JSP|两万字速通JSP


目录
JSP简介
jsp的创建
jsp如何访问
jsp的本质
jsp头部的page指令
常见属性:
jsp中的常用脚本(很少用)
声明脚本
表达式脚本(常用)
表达式脚本的特点:
_jspServlet类中
代码脚本
代码脚本的特点
jsp的三种注释
jsp九大内置对象
jsp四大域对象
jsp中的out输出和response.getWriter输出的区别
out.print()和out.write()
jsp常用标签
静态包含
动态包含
动态包含的特点:
请求转发
jsp练习
练习1
打印九九乘法表
练习2
存储学生信息并打印
请求转发使用说明
Listener监听器
ServletContextListenter监听器
ServletContextListener监听器监听ServletContext对象的步骤
EL表达式改进JSP
JSP的缺点
EL表达式
idea中使用Maven时常见问题
idea中使用了maven无法创建包/类
idea中配置web的maven项目
maven创建的web中无法创建servlet
maven中部署tomcat插件
EL表达式的演练

JSP简介

jsp的全称是java server pages 。java的服务器页面。
jsp是一种动态的网页技术,其中既可以定义HTML、JS、CSS等静态页面,还可以定义java代码的动态内容内容
jsp的主要作用是替代Servlet程序回传html页面的数据。
因为Servlet程序回传html页面数据是一件非常繁琐的事情,不利于开发和维护。
JSP=HTML+java
jsp的创建 JSP|两万字速通JSP
文章图片


jsp如何访问
jsp页面和html一样,都是存放在web目录下。访问也跟html页面一样。
如:web目录下的文件
a.html页面:http://ip:port/工程路径/a.html
b.jsp页面:http://ip:port/工程路径/b.jsp
jsp的本质 jsp的本质是一个servlet程序
当我们第一次访问服务器时,tomcat会把jsp页面翻译成一个java源文件,并且对他编译成为.class的字节码程序
JSP|两万字速通JSP
文章图片

字节码文件就是对应的java源文件,打开源文件可以发现
JSP|两万字速通JSP
文章图片

b_jsp这个类继承了HttpJspBase类,我们通过idea发现HttpJspBase类直接继承了HttpServlet类,所以说,jsp翻译出来的java类间接继承了HttpServlet类,所以说,jsp实质为Servlet程序
JSP|两万字速通JSP
文章图片


public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response) throws java.io.IOException, javax.servlet.ServletException {final java.lang.String _jspx_method = request.getMethod(); if (!"GET".equals(_jspx_method) && !"POST".equals(_jspx_method) && !"HEAD".equals(_jspx_method) && !javax.servlet.DispatcherType.ERROR.equals(request.getDispatcherType())) { response.sendError(HttpServletResponse.SC_METHOD_NOT_ALLOWED, "JSP 只允许 GET、POST 或 HEAD。Jasper 还允许 OPTIONS"); return; }final javax.servlet.jsp.PageContext pageContext; javax.servlet.http.HttpSession session = null; final javax.servlet.ServletContext application; final javax.servlet.ServletConfig config; javax.servlet.jsp.JspWriter out = null; final java.lang.Object page = this; javax.servlet.jsp.JspWriter _jspx_out = null; javax.servlet.jsp.PageContext _jspx_page_context = null; try { response.setContentType("text/html; charset=utf-8"); pageContext = _jspxFactory.getPageContext(this, request, response, null, true, 8192, true); _jspx_page_context = pageContext; application = pageContext.getServletContext(); config = pageContext.getServletConfig(); session = pageContext.getSession(); out = pageContext.getOut(); _jspx_out = out; out.write('\r'); out.write('\n'); String path = request.getContextPath(); String basepath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; out.write("\r\n"); out.write("\r\n"); out.write("\r\n"); out.write("\r\n"); out.write("\r\n"); out.write("Insert title here - 锐客网\r\n"); out.write("\r\n"); out.write("\r\n"); out.write("b.jsp的页面\r\n"); out.write("\r\n"); out.write(""); } catch (java.lang.Throwable t) { if (!(t instanceof javax.servlet.jsp.SkipPageException)){ out = _jspx_out; if (out != null && out.getBufferSize() != 0) try { if (response.isCommitted()) { out.flush(); } else { out.clearBuffer(); } } catch (java.io.IOException e) {} if (_jspx_page_context != null) _jspx_page_context.handlePageException(t); else throw new ServletException(t); } } finally { _jspxFactory.releasePageContext(_jspx_page_context); } }

观察翻译出来Servlet源代码可以发现,低层也是通过输出流来把html页面回传给客户端的。
jsp头部的page指令
jsp的page指令可以修改jsp页面中一些重要的属性,或者行为。

常见属性:
language属性表示jsp翻译后什么语言文件,暂时只能支持Java。
contentType属性表示jsp返回的数据类型是什么,在源码中response.setContentType()参数值
pageEncoding属性表示当前jsp页面文件本身的字符集。
import属性跟java源代码中一样用于导包,导类。如:

autoFlush属性设置当out输出流缓冲区满了之后,是否自动刷新缓冲区,默认true。
buffer属性设置out缓冲区的大小,默认是8kb
当我们设置不自动刷新缓冲区,且设置的缓冲比较小时就会发生jsp溢出,如果设置了自动刷新就不会溢出。(缓冲区设置8kb是综合最佳的)
JSP|两万字速通JSP
文章图片


errorPage属性设置当jsp页面运行时出错,自动跳转去的错误页面路径
errorPage表示错误后自动跳转去的路径,这个路径一般是以斜杆开头,他表示请求地址为http://ip:port/工程路径/,映射到代码中的web目录
b.jsp页面如下:
Insert title here - 锐客网b.jsp的页面

JSP|两万字速通JSP
文章图片

isErrorPage属性设置当前jsp页面是否·错误信息页面,默认是false,如果是true可以获取异常信息。
session属性设置访问当前jsp页面,是否会创建HttpSession对象,默认是true。
extends属性设置jsp翻译出来的java类默认继承谁
jsp中的常用脚本(很少用) 声明脚本
声明脚本的格式是:
作用:可以给jsp翻译出来的java类定义属性和方法甚至是静态代码块,内部类等。
练习:
1、声明类属性
2、声明static静态代码块
3、声明类方法
4、声明内部类
b.jsp页面下:
Insert title here - 锐客网

jsp.java源文件中
JSP|两万字速通JSP
文章图片

表达式脚本(常用)
表达式脚本的格式:
表达式脚本的作用是:在jsp页面上输出数据。
练习:
1、输出整形
2、输出浮点型
3、输出字符串
4、输出对象





运行后:
JSP|两万字速通JSP
文章图片

源文件:
JSP|两万字速通JSP
文章图片

表达式脚本的特点:
1、所有的表达式脚本都会被翻译到_jspServlet()方法中
2、表达式脚本都会被翻译成为out.print()输出到页面上
3、由于表达式脚本翻译的内容都在_jspServlet()方法中,所以_jspServlet()方法中的对象可以直接使用。
4、表达式脚本中的表达式不能以分号结束。
_jspServlet类中
public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response) throws java.io.IOException, javax.servlet.ServletException {final java.lang.String _jspx_method = request.getMethod(); if (!"GET".equals(_jspx_method) && !"POST".equals(_jspx_method) && !"HEAD".equals(_jspx_method) && !javax.servlet.DispatcherType.ERROR.equals(request.getDispatcherType())) { response.sendError(HttpServletResponse.SC_METHOD_NOT_ALLOWED, "JSP 只允许 GET、POST 或 HEAD。Jasper 还允许 OPTIONS"); return; }final javax.servlet.jsp.PageContext pageContext; javax.servlet.http.HttpSession session = null; final javax.servlet.ServletContext application; final javax.servlet.ServletConfig config; javax.servlet.jsp.JspWriter out = null; final java.lang.Object page = this; javax.servlet.jsp.JspWriter _jspx_out = null; javax.servlet.jsp.PageContext _jspx_page_context = null; }

代码脚本
代码脚本的格式是:
脚本的作用是代码:可以在jsp页面中,编写我们自己需要的功能(写的是java语句)。
练习:
1、代码脚本——if语句
2、代码脚本——循环语句
3、翻译后java文件中_jspService方法内的代码都可以写

运行结果:
JSP|两万字速通JSP
文章图片

jsp源码中:
JSP|两万字速通JSP
文章图片

代码脚本的特点
1、代码脚本翻译之后都是在_jspService方法中
2、代码脚本由于翻译到_jspService()方法中,所以在_jspService()方法中的现有对象都可以直接使用。
3、还可以由多个代码脚本块组合完成一个java语句
4、代码脚本还可以和表达式脚本一起组合使用,在jsp页面中输出数据。

JSP|两万字速通JSP
文章图片

jsp页面中:
JSP|两万字速通JSP
文章图片

jsp的三种注释 html注释:

java注释:

jsp注释

JSP|两万字速通JSP
文章图片

java注释会被翻译到java源代码中。jsp注释可以注释jsp页面中的所有代码
jsp九大内置对象 jsp九大内置对象,是指Tomcat在翻译jsp页面成为Servlet源代码后,内部提供的九大对象,叫内置对象。
JSP|两万字速通JSP
文章图片

request请求对象
response响应对象
pageContextjsp的上下文对象
session会话对象
applicationServletContext对象
configServletConfig对象
【JSP|两万字速通JSP】exception异常对象
outjsp输出流对象
jsp四大域对象
域对象是可以向Map一样存取数据的对象。四个域对象功能一样,他们对数据的存取范围不同
四个域对象分别是:
域对象 所属类 访问范围
pageContext (PageContextImpl类) 当前jsp页面范围内有效
request (HttpServletRequest类) 一次请求内有效
session (HttpSession类) 一个会话范围内有效(打开浏览器访问服务器,直到关闭浏览器)
application (ServletContext类) 整个web工程范围内都有效(只要web工程不停止,数据都在)
//往四个域都分别保存了数据

pageContext域是否有值:

request域是否有值:

session域是否有值:

application域是否有值:


JSP|两万字速通JSP
文章图片


创建另一个jsp页面:

JSP|两万字速通JSP
文章图片

其他范围测试:
JSP|两万字速通JSP
文章图片


他们的范围是从小到大的,使用时一般先使用小范围,小范围不够用再使用范围。(内存优化的原因)
小:pageContext
request
session
大:application

jsp中的out输出和response.getWriter输出的区别 JSP|两万字速通JSP
文章图片

我们可以发现,无论谁在前输出的结果,都是response的在前

图示分析:
JSP|两万字速通JSP
文章图片

当jsp页面中的所有代码执行完之后会做的操作:
1、执行out.flush()操作,会把out缓冲区的数据追加写入到response缓冲区末端。
2、会执行response的刷新操作,会把数据写给客户端。
验证:JSP|两万字速通JSP
文章图片

JSP|两万字速通JSP
文章图片

由于jsp翻译之后,底层源代码都是使用out来进行输出,所以一般情况下,我们在jsp页面统一使用out进行输出。避免打乱页面输出的顺序。
out.print()和out.write()JSP|两万字速通JSP
文章图片


out.write()输出字符串字符串没问题
out.print()可以输出任意数据(都会转化成字符串后调用write输出)
结论:在jsp页面中,可以统一使用呢out.print()来进行输出
jsp常用标签 静态包含
web下创建一个include目录,里面分别写main.jsp和footer.jsp
footer.jsp下
Insert title here - 锐客网 页脚信息

main.jsp下
首页
主体

JSP|两万字速通JSP
文章图片

include file=" " 就是静态包含
file属性指定你要包含的页面路径
地址中的第一个斜杆 / 表示http://ip:port/工程路径/ ,映射到idea中为web目录
修改footer.jsp内容
Insert title here - 锐客网 页脚信息 修改后,主页显示


JSP|两万字速通JSP
文章图片


动态包含 格式:

动态包含也可以和静态包含一样
动态包含的特点:
1、动态包含会把包含的jsp页面也翻译成java代码
2、动态包含底层代码使用如下代码去调用被包含的jsp页面执行输出。
JspRuntimeLibrary.include(request,response,"/include/footer.jsp",out,false);

请求转发 格式:

jsp练习 练习1 打印九九乘法表
九九乘法表

JSP|两万字速通JSP
文章图片

练习2 存储学生信息并打印
pojo包下的student类
package pojo; public class Student { private String name; private intid; private int age; public Student(String name, int id, int age) { this.name = name; this.id = id; this.age = age; }public Student() { }public String getName() { return name; }public void setName(String name) { this.name = name; }public int getId() { return id; }public void setId(int id) { this.id = id; }public int getAge() { return age; }public void setAge(int age) { this.age = age; }@Override public String toString() { return "Student{" + "name='" + name + '\'' + ", id=" + id + ", age=" + age + '}'; } }

text1.jsp下
Insert title here - 锐客网table{ border: 1px black solid; width: 300px; } td,tr{ border: 1px black solid; width: 300px; }

JSP|两万字速通JSP
文章图片

请求转发使用说明 流程图:
JSP|两万字速通JSP
文章图片

SearchStudentServlet类下
package com.Servlet; import pojo.Student; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.util.ArrayList; import java.util.List; public class SearchStudentServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { //获取请求参数 //发sql语句查询学生信息 //使用for循环生成查询到的数据做模拟 List list=new ArrayList<>(); for (int i=1; i<=10; i++){ list.add(new Student("name"+i,i,10+i)); } //保存查询到的数据到Request域中 req.setAttribute("stuList", list); //请求转发到之外的showStudent.jsp中 req.getRequestDispatcher("/showStudent.jsp").forward(req, resp); } }

web.xml下:
SearchStudentServlet com.Servlet.SearchStudentServletSearchStudentServlet /searchStudentServlet


showStudent.jsp下
Insert title here - 锐客网table{ border: 1px black solid; width: 300px; } td,tr{ border: 1px black solid; width: 300px; }

运行结果:

JSP|两万字速通JSP
文章图片

Listener监听器
1、Listener监听器他是JavaWeb的三大组件之一。javaweb的三大组件分别是servlet程序、filter过滤器、Listenter监听器。
2、Listenter他是javaEE的规范,规范就是接口
3、监听器的作用是,监听某种事务的变化,然后通过回调函数,反馈给客户或程序去做一些相应的处理。
ServletContextListenter监听器
ServletContextListener他可以监听ServletContext对象的创建和销毁。
ServletContext对象在web工程启动的时候,在web工程停止的时候销毁。
ServletContextListener监听器监听ServletContext对象的步骤
1、编写一个类去实现ServletContextListener
2、实现器两个回调方法
3、到web.xml中去配置监听器
创建类和实线两个方法
package com.Listener; import javax.servlet.ServletContextEvent; import javax.servlet.ServletContextListener; public class MyServletContextListenerImpl implements ServletContextListener { @Override public void contextInitialized(ServletContextEvent servletContextEvent) { System.out.println("Servlet对象被创建了"); }@Override public void contextDestroyed(ServletContextEvent servletContextEvent) { System.out.println("Servlet对象被销毁了"); } }

web.xml中配置
com.Listener.MyServletContextListenerImpl

JSP|两万字速通JSP
文章图片

EL表达式改进JSP JSP的缺点 由于jsp页面内,既可以定义HTML标签,又可以定义java代码,造成了以下问题
1、书写麻烦:特别是复杂的页面
2、阅读麻烦
3、复杂度高:运行需要依赖各种环境,JRE。JSP容器(tomcat服务器).....
4、占用内存和磁盘:JSP会自动生成.java和.class文件占磁盘,运行.class文件占内存
5、调试困难:出错后,需要找到自动生成的.java文件进行调试
6、不利团队写作:前后端人员
...
JSP已经逐渐退出历史舞台,取而代之的是html和Ajax
演化过程:
JSP|两万字速通JSP
文章图片

最好不要直接在jsp里写java代码
JSP|两万字速通JSP
文章图片


EL表达式 Expression Language表达式语言,用于简化JSP页面内的java代码
主要功能:获取数据
语法:${expression}
如:${brands}:获取域中存储的key为brands的数据
idea中使用Maven时常见问题
idea中使用了maven无法创建包/类 没有源文件,将其中的一个文件添加为源文件,就可创建包或类了(项目结构中标蓝)
JSP|两万字速通JSP
文章图片


idea中配置web的maven项目 JSP|两万字速通JSP
文章图片

maven创建的web中无法创建servlet JSP|两万字速通JSP
文章图片

maven中部署tomcat插件 pom.xml文件中写入
org.apache.tomcat.maven tomcat7-maven-plugin 2.2 8080/jsp-demo02

EL表达式的演练 创建一个com.web.ServletDemo1类
package com.web; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.util.ArrayList; import java.util.List; @WebServlet("/demo1") public class ServletDemo1 extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //添加数据 List list=new ArrayList<>(); list.add("zhangSan1"); list.add("zhangSan2"); list.add("zhangSan3"); list.add("zhangSan4"); list.add("zhangSan5"); System.out.println(list); //2、存储到request域中,可以转发到jsp页面中从而使用EL表达式 request.setAttribute("lists", list); //3、转发到el-demo.jsp request.getRequestDispatcher("/el-demo.jsp").forward(request, response); } }

在web.app目录下创建el-demo.jsp,其中写入${lists}即可
Insert title here - 锐客网 ${lists}

运行结果
JSP|两万字速通JSP
文章图片


    推荐阅读