`JSP`相关介绍

JSP

概念:java serlvet pagesjava服务器端页面

可以理解为:一个特殊页面,其中即可以写html,又可以写java代码

作用:用于简化书写的

JSP的原理

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZwmpI2Lg-1651926025383)(D:\typora笔记\img\JSP原理.bmp)]

原理:

  1. 当浏览器访问服务器时,服务器解析请求的url,找到是否有xxx.jsp资源
  2. 如果找到了,会将xxx.jsp转换成xxx.java文件
  3. 编译xxx.java文件,生成对应的.class字节码文件
  4. 由字节码文件提供访问

JSP本质上就是一个Servlet,原因是xxx.jsp继承了HttpJspPage类,而HttpJspPage类继承HttpServlet,所以说Jsp本质就是一个Servlet

例如:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mcmk9L4m-1651926025385)(D:\typora笔记\img\1651239863162.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DapRwNEP-1651926025385)(D:\typora笔记\img\1651239870783.png)]

JSP的脚本

概念:jsp定义java代码的方式

1.<% 代码 %> 		定义的JAVA代码,在service方法中可以定义什么,该脚本就可以定义什么

2.<%! 代码 %>		定义的JAVA代码,在JSP转换后的JAVA类的成员位置,在成员位置可以定义什么,该脚本就可以定义什么

3.<%= 代码 %>		定义的JAVA代码,会输出到页面上,输出语句中可以定义什么该脚本就可以定义什么
JSP内置对象

JSP页面在中不需要获取和创建,可以直接使用的对象

JSP一共有9个内置对象。

1.request

2.response

3.out:字符输出流对象,可以将数据输出到页面上。和`response.getWriter()`类似
response.getWriter()out.write()区别

tomcat服务器真正给客户端做出响应之前,会先找response缓冲区的数据,再找out缓冲区数据,所以response.getWriter()数据输出永远在out.write()之前

总结 : response.getWriter不管在那里定义都是最先输出,而out.writer()在那里定义那里输出

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hO4hjehE-1651926025386)(D:\typora笔记\mybatis\img\1651885466135.png)]

在页面中建议只使用out输出

JSP指令

作用:用于配置JSP页面,导入资源文件

格式:<%@ 指令名称 属性1=属性值1 属性2=属性值2 ... %> :多个参数值之间用空格隔开

指令分类

1.page:配置JSP页面的

2.include:页面包含的,导入页面的资源文件【就是将公共的页面提取成公共页面,可以在其他页面用该指令导入公共页面】

3.taglib:导入资源文件【相当于导入包一样】

page配置JSP页面

参数值:

`contentType`:等同于`response.setContentType()`
			1.设置跟响应体的`mime`类型及字符集
			2.设置当前`jsp`页面的编码【只能是高级的`idea`才能生效,如果使用的是低级工具,则需要设置`pageEncoding`属性设置当前页面的字符集】
	
`import`:导包

`errorPage`:当前页面发生异常后,会自动跳转到指定的错误页面

`isErrorPage`:标识当前页面是错误页面【有两个取值】
		true;是,可以使用内置对象`Exception`
		false;否,默认值,不可以使用内置对象`Exception`对象

`buffer`:表示`out`对象的缓冲区大小,默认是`8kb`


`isElIgnored`:默认是false,可以设置为true表示忽略当前页面的所有`el`表达式

案例:

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html; charset=UTF-8" buffer="8kb" isErrorPage="false" errorPage="error.html" pageEncoding="UTF-8" %>
include导入公共页面

include:页面包含的,导入页面的资源文件【就是将公共的页面提取成公共页面,可以在其他页面用该指令导入公共页面】

 <%@include file="top.jsp"%>
taglib导入资源

就是导入相关的库标签

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

prefix:前缀,自定义的

注释
1.html注释
	`<!-- -->`:只能注释`html`代码片段
	
2.jsp注释:推荐使用
	<%-- --%>:可以注释所有
内置对象[非常重要面试手写]

jsp页面中不需要创建,直接使用的对象

一共有9

变量名真实类型作用
pageContextPageContext当前页面共享数据,还可以获取其他八个内置对象
requestHttpServletRequest一次请求访问的多个资源(转发)
sessionHttpSeesion一次会话的多个请求间
applicationServletContext所有用户间共享数据
responseHttpServletResponse响应对象
pageObject当前页面【其他就是代表当前的servlet对象,是this
outJspWriter输出对象,数据输出到页面上
configServletConfigservlet的配置对象
exceptionThrowable异常对象

pageContext request session application四个为共享对象,用于共享数据,注意是:pageContext数据共享的范围只能代表当前的页面,并且exception只有错误页面才有该对象,不是错误只有八个

EL表达式

概念:expression language表达式语言

作用:替换和简化jsp页面中的java代码的编写、

语法:

`${表达式}`

注意:

jsp页面默认是支持el表达式的,如果要忽略el表达式

1.设置`jsp`中的`page`指令中的属性`isELIgnored="true"` 忽略当前 jsp 页面中所有`el`表达式【默认值是为false,设置trUe表示忽略当前所有jsp页面中所有值】

<%@ page contentType="text/html;charset=UTF-8" isELIgnored="true" language="java" %>


2. `\${表达式}`:忽略当前这个`el`表达式

作用:1.运算 2.获取值

运算
1.算数运算符:+ - *  /(div)  %(mod)

2.比较运算符:> < >= <= == !=

3.逻辑运算符:&&(and) ||(or) !(not)

4.空运算符:empty
	功能:用于判断字符串,集合,数组对象是否为null或者长度是否为0,可以为null或长度为0,直接返回true

${empty list}:判断字符串、集合、数组对象是否为null或者长度为0
${not empty str}:表示判断字符串、集合、数组对象是否不为null 并且 长度>0

案例:

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--
1.算数运算符:+ - *  /(div)  %(mod)

2.比较运算符:> < >= <= == !=

3.逻辑运算符:&&(and) ||(or) !(not)

4.空运算符:empty
	功能:用于判断字符串,集合,数组对象是否为null或者长度是否为0,
	可以为null或长度为0,直接返回true
--%>
    <h3>1.算数运算符:+ - *  /(div)  %(mod)</h3>
    ${5+3}
    ${5-3}
    ${5/3}
    ${5 div 3}
    ${5 % 3}
    ${5 mod 3}

    <h3>2.比较运算符:> < >= <= == !=</h3>
    ${8>=3}
    ${8>3}
    ${8 != 3}

    <h3>3.逻辑运算符:&&(and) ||(or) !(not)</h3>
    ${8>3 && 5>6}
    ${8>3 or 5>6}
    ${not false}

    <h3>4.空运算符:empty</h3>
    <%
        List<Integer> list = new ArrayList<>();
        list.add(1);
        request.setAttribute("list",list);
    %>
    ${empty requestScope.list};判断list集合是否为空
</body>
</html>

获取值【非常重要】

el表达式只能从域对象中获取值【就是只能从四个共享域中获取数据】

语法:

${域名称.键名}:从指定域中获取指定键的值

${键名}:表示依次从最小的域中查找是否有该键对应的值,直到找到为止

只能从下面四个域获取数据

1.pageScope			-->   pageContext

2.requestScope	 	-->   request

3.sessionScope		-->   session

4.applicationScope	-->   allication(servletContext)


举例:在request域中存储了name=海康
获取:${requestScope.name}//返回的值为:海康

案例:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    request.setAttribute("name","海康");
    session.setAttribute("age",23);
    application.setAttribute("name","湛江");
%>

<%--
    el表达式获取值的两种方式
    方式一:使用 `${域对象名.键名}`
    方式二:使用 `${键名}` 表示从最小域对象中依次向大对象域中查找,
    如果有则返回,不再向上查找
--%>
    ${requestScope.name}
    ${sessionScope.age}
    ${name}
</body>
</html>

获取对象,List集合,Map集合

1.对象:${域名称.键名.属性名}

本质上会调用对象的getter方法

<%@ page import="com.haikng.jsp.pojo.User" %>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>el表达式中获取对象</title>
</head>
<body>
    <%
        User user = new User("海康",23,new Date());
        request.setAttribute("user",user);
    %>

<%--
    获取对象中的属性值
--%>
    ${user.name}<!--海康-->
    ${user.age}<!--23-->
    ${user.birthday}<!--Sat May 07 12:23:23 CST 2022-->
    ${user.birStr}<!--调用逻辑视图转换的格式化:返回 2022-05-07 12:25:15-->

</body>
</html>

package com.haikng.jsp.pojo;

import java.text.SimpleDateFormat;
import java.util.Date;

/**
 * @Author 海康
 * @Version 1.0
 */
public class User {
    private String name;
    private int age;
    private Date birthday;

    public User() {
    }

    public User(String name, int age, Date birthday) {
        this.name = name;
        this.age = age;
        this.birthday = birthday;
    }

    /**
     * 由于日期返回字符串,不符合我们需要,我们需要进行格式
     * 在JSP中调用该属性,该属性没有对应的成员属性,只有getter方法称为逻辑视图
     * 作用是用于显示我们格式化的:数据【重要点】
     */
    public String getBirStr(){
        if (birthday!=null){
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            return sdf.format(birthday);
        }else {
            return "";
        }
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public Date getBirthday() {
        return birthday;
    }

    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }

    @Override
    public String toString() {
        return "User{" +
                "name='" + name + '\'' +
                ", age=" + age +
                ", birthday=" + birthday +
                '}';
    }
}

List集合:${域名称.键名[索引]

语法:
`${域名称.键名[索引]}`

案例:

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="com.haikng.jsp.pojo.User" %>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>List集合获取存储值</title>
</head>
<body>
    <%
        List list = new ArrayList();
        User user = new User("海康",23,new Date());
        list.add(1);
        list.add(user);
        request.setAttribute("list",list);
    %>

<%--
    List集合中获取值:通过索引方式
--%>
    ${list[0]}
    ${list[1].name}<!--list[1]获取是user对象.name表示获取user对象中user属性-->
</body>
</html>

Map集合两种获取值方式

方式一:
	`${域名称.键名.key名称}`
	
方式二:
	`${域名称.键名["key名称"]}`

案例:

<%@ page import="java.util.Map" %>
<%@ page import="java.util.HashMap" %>
<%@ page import="com.haikng.jsp.pojo.User" %>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Map集合获取值方式</title>
</head>
<%
    Map map = new HashMap();
    User user = new User("海康",22,new Date());
    map.put("name","南宁");
    map.put("age","21");
    map.put("user",user);
    request.setAttribute("map",map);
%>
<body>
<%--
    Map集合获取值两种方式
--%>
    ${map.name}<!--返回:南宁-->
    ${map["name"]}
    ${map.age}<!--返回:21-->
    ${map["age"]}
    ${map.user.birStr}<!--表示获取User对象中的birStr属性-->
    ${map["user"].birStr}
</body>
</html>

隐式对象

el表达式中有11个隐式对象

最重要的是:pageContext隐式对象

pageContext可以获取其他八个内置对象

最重要:动态获取虚拟目录:${pageContext.request.contextPath}

JSTL

概念:javaServer Pages Tag Library JSP标准标签库

作用:用于简化和替换JSP页面上的JAVA代码的

使用步骤

1.导入相关jstljar

2.引入标签库:taglib指令

3.使用标签

if标签

属性:test必须属性,接受boolean表达式

如果返回true,则显示if标签体内容,如果返回false,则不显示标签体内容

一般情况下,与test属性值会结合el表达式一起使用

注意:if标签没有else情况,想要else情况,则可以再定义一个if标签

案例:

<%@ page import="com.haikng.jsp.pojo.User" %>
<%@ page import="java.util.Date" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>演示if标签</title>
</head>
<body>
    <%
        User user = new User("海康",21,new Date());
        List list = new ArrayList();
        list.add(user);
        list.add(1);
        request.setAttribute("list",list);
    %>

<%--
    如果集合不为空则遍历集合
--%>
    <c:if test="${not empty list}">
        <h3>遍历集合</h3>
    </c:if>
    <c:if test="true">
        遍历集合...
        ${not empty list}
    </c:if>
</body>
</html>

choose when otherwise标签

choose是父级标签,将whenotherwise嵌套着

when:只有一个时,相当于if,当when有多个时,相当于if ...else if...else if,并且when至少要有一个

otherwise相当于else,并且最多只能有一个,也可以没有,就是所有条件都不满足时,则执行otherwise中的内容

相当于if ... else ... if ... else ...语句,只要有一个条件满足,则就是跳转该语句,如果不满足则执行最后的else中的内容

案例:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>choose标签</title>
</head>
<body>
    <%
        request.setAttribute("number",5);
    %>
    <c:choose>
        <c:when test="${number==1}">星期一</c:when>
        <c:when test="${number==2}">星期二</c:when>
        <c:when test="${number==3}">星期三</c:when>
        <c:when test="${number==4}">星期四</c:when>
        <c:when test="${number==5}">星期五</c:when>
        <c:when test="${number==6}">星期六</c:when>
        <c:when test="${number==7}">星期七</c:when>
        <c:otherwise>
            <h5 style="color: red">您输入数字有误,请重新输入!</h5>
        </c:otherwise>
    </c:choose>
</body>
</html>

foreach标签

相当于java中的for语句

作用1:完成重复的操作

如:

for(int i =0 ;i<=10; i++){
	
}

而`foreach`中属性:
	begin:开始值【相当于上面的0】
	end:结束值【相当于上面的10】
	var:临时变量【相当于上面的i】
	step:步长【相当于上面的`i++`】
	varSatus:循环状态对象【有两个属性:index和count】
			index:容器中元素的索引,从0开始
			count:循环次数,从1开始

作用2:遍历容器

List<User> list = new ArrayList();

for(User user:list){
	
}

而`foreach`中属性:
	items:容器中元素对象【相当于list】
	var:容器中元素的临时变量【user】
	varSatus:循环状态对象【有两个属性:index和count】
			index:容器中元素的索引,从0开始
			count:循环次数,从1开始
<%@ page import="com.haikng.jsp.pojo.User" %>
<%@ page import="java.util.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>foreach循环</title>
</head>
<body>
<%--
   作用1:完成重复性的操作
--%>
    <c:forEach begin="0"   end="10" var="i" step="1" varStatus="s">
        ${i} ${s.index} ${s.count}<br/>
    </c:forEach>
    <%
        // 对数组进行遍历
        int[] arrs = new int[]{1,2,3,4,5,6};
        request.setAttribute("arrs",arrs);
    %>
    <c:forEach items="${arrs}" var="arr">
        ${arr}
    </c:forEach>

<%--
    对List集合进行遍历
--%>
    <%
        List<User> list = new ArrayList<>();
        list.add(new User("A",21,new Date()));
        list.add(new User("B",21,new Date()));
        list.add(new User("C",21,new Date()));
        request.setAttribute("list",list);
    %>
    <c:forEach items="${list}" var="user" >
        ${user.toString()}<br/>
    </c:forEach>

<%--
    对Map集合进行遍历
--%>
    <%
        Map<Integer,User> map = new HashMap();
        map.put(1,new User("A",21,new Date()));
        map.put(2,new User("B",21,new Date()));
        map.put(3,new User("C",21,new Date()));
        request.setAttribute("map",map);
    %>
    <c:forEach items="${map}" var="key">
        ${key}<br/>
    </c:forEach>
</body>
</html>

练习:
	需求:在request域中有一个存有User对象的List集合,需要使用jstl和el表达式将List集合中数据展示到Jsp页面的表格table上
<%@ page import="java.util.List" %>
<%@ page import="com.haikng.jsp.pojo.User" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>练习</title>
</head>
<body>
    <%
        List<User> list = new ArrayList<>();
        list.add(new User("A",21,new Date()));
        list.add(new User("B",21,new Date()));
        list.add(new User("C",21,new Date()));
        list.add(new User("D",21,new Date()));

        request.setAttribute("list",list);
    %>
    <table>
        <tr>
            <td>姓名</td>
            <td>年龄</td>
            <td>生日</td>
        </tr>
        <c:forEach items="${list}" var="user">
            <tr>
                <td>${user.name}</td>
                <td>${user.age}</td>
                <td>${user.birStr}</td>
            </tr>
        </c:forEach>
    </table>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值