1.程序员在开发过程中，发现 servlet 做界面非常不方便
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AVersWIr-1647444587799)(https://cdn.jsdelivr.net/gh/RayLin24/imgs/imgs202203132159611.png)]
2.引出 JSP 技术，JSP 公式
2.JSP 基本介绍jsp=html+java 片段+标签+javascript+css
1.JSP 全称是 Java Server Pages，Java 的服务器页面，就是服务器端的渲染技术
2.JSP 这门技术的最大的特点在于，写 JSP 就像在写 HTML
●相比 html 而言，html 只能为用户提供静态数据，而 JSP 技术允许在页面中嵌套 java 代码， 为用户提供动态数据
●相比 Servlet 而言，Servlet 很难对数据进行排版，而 jsp 除了可以用 java 代码产 生动态数据的同时，也很容易对数据进行排版。
3.jsp 技术基于 Servlet, 你可以理解成 JSP 就是对 Servlet 的包装.
4.会使用 JSP 的程序员, 再使用 thymeleaf 是非常容易的事情, 几乎是无缝接轨.
1.创建web工程引入tomcat lib目录下的sp-api.jar、servlet-api.jar
2.创建sum.jsp
<%@ page import="java.io.PrintWriter" %>
<%--
Created by IntelliJ IDEA.
User: llp
Date: 2022/3/13
Time: 22:33
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
Title
<%
int a = 10;
int b = 20;
int sum = a + b;
PrintWriter writer = response.getWriter();
writer.print(""+a+"+"+b+"="+sum+"");
%>
3.启动 tomcat,并浏览器访问
2.注意事项和细节1.jsp 页面不能像 HTML 页面, 直接用浏览器运行。只能通过浏览器访问 Tomcat 来访问jsp 页面
2.如何设置jsp 模板
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oKT1blHK-1647444587801)(https://cdn.jsdelivr.net/gh/RayLin24/imgs/imgs202203132239853.png)]
4.JSP 运行原理1.jsp 页面本质是一个 Servlet 程序, 其性能是和 java 关联的, 只是长得丑.
2.第 1 次访问 jsp 页面的时候。Tomcat 服务器会把 jsp 页面解析成为一个 java 源文件。并且对它进行编译成 为.class 字节码程序。 看下 sum.jsp 对应的 sum_jsp.java 和sum_jsp.class 文 件
jsp运行时源文件存放的位置
3.分析下sum_jsp.java 的源码，可以看出本质就是Servlet, 老师给大家简单分析一把… 老韩提醒：要看到源码和分析类图，需要加入 jasper.jar 这个包[在 tomcat/lib 下拷贝]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aB0TW07h-1647444587803)(https://cdn.jsdelivr.net/gh/RayLin24/imgs/imgs202203132307873.png)]
5. page 指令(常用的)1.sum_jsp java类继承了HttJspbase
2.HttpJspbase继承了HttpServlet
3.所以我们我们说Jsp本质就是一个Servlet，自然而言Servlet特性Jsp也都是具备的
4.HttpJspbase还实现了HttpJspPage接口，相比较Servlet而言功能更强大
<%@ page import="org.apache.jasper.runtime.HttpJspbase" pageEncoding="utf-8" %>
1.language 表示 jsp 翻译后是什么语言文件, 只支持 java
2.contentType 表示 jsp 返回的数据类型，对应源码中 response.setContentType()参数值
3.pageEncoding 属性 表示当前 jsp 页面文件本身的字符集
4.import 属性 跟 java 源代码中一样。用于导包，导类
1.声明脚本的格式是： <%! 声明 java 代码 %>
2.作用：定义 jsp 的需要属性、方法、静态代码块和内部类等
3.应用实例: 创建 D:idea_java_projectshspedu_jspwebstatement.jsp
statement.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
Title
<%!
//这里我们可以声明该jsp需要使用的属性，方法，静态代码块, 内部类
//也就是给 statement.jsp 对应的 statement_jsp 类定义成员
private String name = "guKong";
private Integer age = 24;
private String nickName = "super赛亚人";
public String getNickName(){
return this.nickName;
}
%>
statement_jsp.java
2.表达式脚本基本语法1.表达式脚本的格式是：<%=表达式%>
2.表达式脚本的作用是：在jsp 页面上输出数据
3.表达式脚本中的表达式不能以分号结束。
1.代码脚本的语法是：<% java 代码%>
2.代码脚本的作用是：可以在 jsp 页面中，编写我们需要的功能（使用 java ）
3.可以由多个代码脚本块组合完成一个完整的 java 语句。
代码脚本还可以和表达式脚本一起组合使用，在 jsp 页面上输出数据
exp.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
Title
<%!
private String name;
private Integer age;
private String nickName;
%>
<%
List userList = new ArrayList<>();
String email = request.getParameter("email");
userList.add(new User("孙悟空",18,"齐天大圣"));
userList.add(new User("guKong",18,"super赛亚人"));
userList.add(new User("llp",28,"码农"));
%>
id
名称
年龄
昵称
邮箱
<%
for (int i = 0; i < userList.size(); i++) {
%>
<%=i%>
<%=userList.get(i).getName()%>
<%=userList.get(i).getAge()%>
<%=userList.get(i).getNickName()%>
<%=email%>
<%
}
%>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Tlp42e9l-1647444587804)(https://cdn.jsdelivr.net/gh/RayLin24/imgs/imgs202203142300782.png)]
exp_jsp.java
7.JSP注释1.演示 jsp 注释的使用
演示 jsp 注释的使用
8.JSP内置对象●基本介绍
1、JSP 内置对象(已经创建好的对象, 直接使用 inbuild)，是指 Tomcat 在翻译 jsp 页面成为
Servlet 后，内部提供的九大对象，叫内置对象
2、内置对象，可以直接使用，不需要手动定义
●JSP 九大内置对象
1.out 向客户端输出数据，out.println("");
2.request 客户端的http 请求
3.response 响应对象
4.session 会话对象
5.application 对 应 ServletContext
6.pageContext jsp 页面的上下文，是一个域对象，可以 setAttribue(),作用范围只是本页面
7.exception 异常对象 , getMessage()
8.page 代表 jsp 这个实例本身
9.config 对 应 ServletConfig
●对照 Servlet 来理解就比较轻松了. (学习思路: 只要去学某个类，建议熟练该类的继承关系)
一张图, 展示了 JSP 的父类 HttpJspbase 继承关系, 说明JSP 内置对象的来源是 Servlet 和HttpJspPage
Servlet
public class HiServlet extends HttpServlet {
public HiServlet() {
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("HiServlet 被调用..");
PrintWriter writer = response.getWriter();
writer.println("haha");
request.getParameter("age");
response.setContentType("text/html;charset=utf-8");
HttpSession session = request.getSession();
session.setAttribute("job", "java工程师90000");
ServletContext servletContext = request.getServletContext();
servletContext.setAttribute("count", 666);
ServletConfig servletConfig = this.getServletConfig();
servletConfig.getInitParameter("pwd");
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
}
}
JSP
jsp内置对象
jsp内置对象
<%
//梳理jsp的内置对象
//out 类型是 JspWriter 父类就是 Writer.
out.println("jsp out");
//request是HttpServletRequest
request.getParameter("age");
//response就是 HttpServletResponse
//response.sendRedirect("http://www.baidu.com");
//session 就是 HttpSession
session.setAttribute("job", "PHP工程师");
//application类型就是ServletContext
application.setAttribute("name", "老韩老师");
//pageContext 可以存放数据(属性), 但是该数据只能在本页面使用
pageContext.setAttribute("age", 100);
//exception 异常对象 使用比较少
//page 内置对象，类似 this
out.println("page=" + page);
//config 内置对象的类型就是ServletConfig
String pwd = config.getInitParameter("pwd");
%>
age: <%=pageContext.getAttribute("age")%>
9.JSP 域对象
1.JSP 四大域对象介绍[作用：存取数据]
1.pageContext (域对象，存放的数据只能在当前页面使用), 【示意图】学习技术小技巧:/ 自己尝试去根据理解画出示意图
2.request (域对象，存放的数据在一次request 请求有效), 【示意图】
3.session(域对象,存放的数据在一次会话有效), 【示意图】
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xdvJoR2N-1647444587806)(https://cdn.jsdelivr.net/gh/RayLin24/imgs/imgs202203162226022.png)]
4.application(域对象,存放的数据在整个 web 应用运行期间有效, 范围更大), 【示意图】
2应用实例scope.jsp
这里是以同一个浏览器来分析
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
scope文件
<%
//在不同的域对象中，放入数据
//1. 因为四个域对象，是不同的对象，因此name(key) 相同时，并不会冲突
pageContext.setAttribute("k1", "pageContext数据(k1)");
request.setAttribute("k1", "request数据(k1)");
session.setAttribute("k1", "session数据(k1)");
application.setAttribute("k1", "application数据(k1)");
//做一个请求转发的操作 request、session、application可以获取到数据
//请求转发是服务端请求不需要携带web路径
//request.getRequestDispatcher("/scope2.jsp").forward(request, response);
//做一个重定向 session、application可以获取到数据
String contextPath = request.getContextPath();//返回的就是 web路径=>/jsp
//重定向会发起新的一次http请求，因此请求路径中 “/” 或解析成 localhost:8080 因次需要携带web路径
//response.sendRedirect("/jsp/scope2.jsp");
response.sendRedirect(contextPath + "/scope2.jsp");
%>
四个域对象，在本页面获取数据的情况
pageContext-k1: <%=pageContext.getAttribute("k1")%>
request-k1: <%=request.getAttribute("k1")%>
session-k1: <%=session.getAttribute("k1")%>
application-k1: <%=application.getAttribute("k1")%>
scope2.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
scope2.js
在scope2页面获取数据的情况
pageContext-k1: <%=pageContext.getAttribute("k1")%>
request-k1: <%=request.getAttribute("k1")%>
session-k1: <%=session.getAttribute("k1")%>
application-k1: <%=application.getAttribute("k1")%>
3.JSP 四大域对象注意事项和细节
1.域对象是可以像 Map 一样存取数据的对象。四个域对象功能一样。不同的是它们对数据的存储范围
2.从存储范围(作用域范围看) pageContext < request < session < application
1.演示请求转发标签使用，如图
aa.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
aa.jsp
aa.jsp
<%--
1. jsp提供了很多标签
2. jsp:forward 本质就是 等价 request.getRequestDispatcher("/bb.jsp").for...
--%>
bb.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
bb.jsp
bb.jsp页面
11.练习-JSP版本的计算器
●需求分析: 使用 jsp 完成一个简单的计算器, 需求如图
1)要求在前端页面对输入的num1 和 num2 进行校验【提示: 正则表达式】, 必须是整数
2)验证成功, 提交数据给服务器, 能够显示结果
3)点击超链接, 可以返回界面
4)其它完善考虑[思考题]=> 如果用户这样提交
http://localhost:8080/jsp/calServlet?num1=aaa&num2=90
, 需要你返回 calUI.jsp , 并给出提示信息
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LDhUFAE5-1647444587809)(https://cdn.jsdelivr.net/gh/RayLin24/imgs/imgs202203162249416.png)]
●思路分析(程序框架图)
CalUI.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
JSP计算器
JSP计算器
CalRes.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
计算结果
计算结果
<%=request.getAttribute("res")%>
<%--返回重新来玩一把--%>
/cal/calUI.jsp">返回重新来玩一把~
CalServlet
public class CalServlet extends HttpServlet {
public CalServlet() {
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("CalServlet 被调用...");
double num1 = WebUtils.parseDouble(request.getParameter("num1"), 0.0D);
double num2 = WebUtils.parseDouble(request.getParameter("num2"), 0.0D);
String oper = request.getParameter("oper");
double res = 0.0D;
if ("+".equals(oper)) {
res = num1 + num2;
} else if ("-".equals(oper)) {
res = num1 - num2;
} else if ("*".equals(oper)) {
res = num1 * num2;
} else if ("/".equals(oper)) {
res = num1 / num2;
} else {
System.out.println(oper + " 不正确...");
}
String formatRes = String.format("%s %s %s = %s", num1, oper, num2, res);
request.setAttribute("res", formatRes);
request.getRequestDispatcher("/cal/calRes.jsp").forward(request, response);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
}
}
WebUtils
public class WebUtils {
public static int parseInt(String strNum, int defaultVal) {
try {
return Integer.parseInt(strNum);
} catch (NumberFormatException e) {
System.out.println(strNum + " 格式不对，转换失败");
}
return defaultVal;
}
}
