03_15_JavaWeb||day17_JSP&MVC&JSTL||day17_JSP(作为了解就可以)&MVC:开发模式&EL【表达式语言】&JSTL【标签库】

今日内容

1. JSP:
	1. 指令
	2. 注释
	3. 内置对象

2. MVC开发模式
3. EL表达式
4. JSTL标签
5. 三层架构

1. JSP:

在这里插入图片描述

  1. 指令
    • 作用:用于配置JSP页面,导入资源文件
    • 格式:
          <%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %>
      
    • 分类:
      1. page:配置JSP页面的
        • contentType:等同于response.setContentType()
          1. 设置响应体的mime类型以及字符集
          2. 设置当前jsp页面的编码(++只能是高级的IDE才能生效++,如果使用低级工具,则需要设置++pageEncoding++属性设置当前页面的字符集)
              <%@ page contentType="text/html;charset=UTF-8"%>
          
        • import:导包
          • 一般都一个包写一行
              <%@ page import="java.util.list"%>
          
        • errorPage【常用】:当前页面发生异常后,会自动跳转到指定的错误页面
          • 比如页面出现500错误信息时候,不能让用户看到500错误页面(不友好),所以我们要在发生异常时候跳转到我们自己创建的友好页面中显示
              //index.jsp中
              <%@ page errorPage="500.jsp"%>
              <%
                  int a = 3/0;
              %>
              
              //500.jsp中(其实就是服务器炸了)
              <h1>服务器正忙稍后重试</h1>
          
        • isErrorPage【常用】:标识当前页面是否是错误页面。
          • true:是,可以使用内置对象exception:(该对象里面的getMessage()方法,就可以知道错误信息[错误原因])
          • false:否。默认值。不可以使用内置对象exception
          • 例子:在errorPage举例的500页面中输出错误信息【实际开发中一般输出到log日志中
              //500.jsp中
              <%@ page isErrorPage="true"%>
              <h1>服务器正忙稍后重试</h1>
              <%
                  String message = exception.getMessage();
                  out.print(message);
              %>
              
              //结果:
                  服务器正忙稍后重试
                  /by zero
          
      2. include【了解】:页面包含的。导入页面的资源文件
        • 其他页面想要包含某页面的内容时
        • <%@include file=“top.jsp”%>
      3. taglib【引入标签库都需要它】:导入资源[相当于类需要使用外类的方法导包一样]–>JSTL标签库等各种标签库
        • 步骤:
          1. 先在web文件下创建WEB-INF–>lib
          2. 在将JSTL标签库需要的jar包导入进来
          3. taglib:引入标签库
        • 代码实现:
              <%@ page contentType="text/html;charset=UTF-8" language="java" %>
              
              <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
              <html>
                <head>
                  <title>$Title$</title>
                </head>
                <body>
              
                <!-- 就会有c的一堆标签可以使用了-->
                <c:catch></c:catch>
              
                </body>
              </html>
          
          • 注:prefix:前缀,自定义的
  2. 注释:
    1. html注释:
          <!-- -->:只能注释html代码片段
      
    2. jsp注释:推荐使用
          <%-- --%>:可以注释所有(脚本内容)
      
    • 代码演示:
          <!--
              <h1>可以被注释</h1>
          -->
          <!--
              <%
                  System.out.println("脚本内容不可以被注释");
              %>
          -->
      
  3. JSP的内置对象
    • 在jsp页面中不需要创建,直接使用的对象
    • 一共有9个:变量名–>真实类型–>作用
      • JSP页面中的四个域对象–>用来共享数据的
        • pageContext–>PageContext–>当前页面共享数据,还可以获取其他八个内置对象[其中get方法可以获取其他8个对象]
        • request–>HttpServletRequest–>一次请求访问的多个资源(转发)
        • session–>HttpSession–>一次会话的多个请求间
        • application–>ServletContext–>所有用户间共享数据
      • response–>HttpServletResponse–>响应对象
      • page–>Object–>当前页面(Servlet)的对象this
      • out–>JspWriter(输出流对象)–>输出对象,数据输出到页面上
      • config–>ServletConfig–>Servlet的配置对象(暂不讲)
      • exception–>Throwable–>异常对象
        • 只有声明了iserrorPage="true"的配置了才可以使用

2. MVC:开发模式

  1. jsp演变历史
    1. 早期只有servlet,只能使用response输出标签数据,非常麻烦
    2. 后来有了jsp,简化了Servlet的开发,如果过度使用jsp,在jsp中即写大量的java代码,有写html表,造成难于维护,难于分工协作
    3. 再后来,java的web开发,++借鉴++mvc开发模式,使得程序的设计更加合理性
  2. MVC:(不是设计模式而是开发模式)
    • 设计模式和开发模式的区别
      • 设计模式:开-闭原则、抽象类、合成/聚合原则等
      • 开发模式:是一种设计思想(用来解决一些架构问题)
    1. M:Model,模型。JavaWeb开发中用JavaBean来充当
      • 完成具体的业务操作,如:查询数据库,封装对象
    2. V:View,视图。JavaWeb开发中用JSP来充当
      • 展示数据
    3. C:Controller,控制器。JavaWeb开发中用Servlet来充当
      • 获取用户的输入
      • 调用模型
      • 将数据交给视图进行展示
    • 优缺点:
      1. 优点:
        1. 耦合性低,方便维护,可以利于分工协作
        2. 重用性高
      2. 缺点:
        1. 使得项目架构变得复杂,对开发人员要求高
  • 注:JSP一般只用来展示数据,如果需要写一些Java代码的话,就用下面EL表达式语言和JSTL标签库来替换掉JSP页面中的Java代码。

3. EL表达式

  1. 概念:Expression Language 表达式语言
  2. 作用:替换和简化jsp页面中java代码的编写
  3. 语法:${表达式}
  4. 注意:
    • jsp默认支持el表达式的。如果要忽略el表达式
      1. 设置jsp中page指令中:isELIgnored=“true”
            <%@ isELIgnored = "true"%>
        
        • 忽略当前jsp页面中所有的el表达式
      2. 语法:
            \${表达式} 
        
        • 忽略单个这个el表达式
  5. 使用的功能:
    1. 运算
      • 运算符:
        1. 算数运算符: + - * /(div) %(mod)
        2. 比较运算符: > < >= <= == !=
        3. 逻辑运算符: &&(and) ||(or) !(not)
        4. ++空运算符: empty++
          • 功能:用于判断字符串、集合、数组对象是否为null或者长度是否为0
            • 如果是null或0返回ture
            • 如果不是则返回false
          • ${empty list}:判断字符串、集合、数组对象是否null并且长度为0
          • ${not empty str}:表示判断字符串、集合、数组对象是否不为null 并且 长度>0
    2. 获取值【重点】
      1. el表达式只能从域对象中获取值
      2. 语法:
        1. ${域名称.键名}:++从指定域中获取指定键的值++
          • 域名称:
            1. pageScope --> pageContext
            2. requestScope --> request
            3. sessionScope --> session
            4. applicationScope --> application[对于JSP对象来说](ServletContext[对于Java来说])
          • 举例:在request,session域中存储数据,然后使用EL获取值
                <%
                    request.setAttribute("name", "张三");
                    session.setAttribute("age", 23);
                %>
                
                <h1>EL获取值方式1</h1>
                ${requestScope.name}
                ${sessionScope.age}
                
                //结果:
                EL获取值方式1
                张三 23
            
            • 获取:${requestScope.name}
            • ++获取不到就默认为空字符串++
        2. ${键名}:++表示依次从最小的域中查找是否有该键对应的值,直到找到为止。(后面就不执行了)++
          • pageContext<request<session<application
          • 案例:在session和request域中分别存储name=张三和name=李四,看输出什么
                <%
                    session.setAttribute("name", "李四");
                    request.setAttribute("name", "张三");
                %>
                
                <h1>EL获取值方式2</h1>
                ${name}
                
                //结果:
                张三
            
            • 因为request域小于session,执行完request后就不执行后面了
        3. 获取对象、List集合、Map集合的值【重点:不仅有字符串的值时】
          1. 对象:${域名称.键名.属性名}–>如果没有值就会报错
            • 可以简写为:${键名.属性名}
            • 本质上会去调用对象的getter方法
            • 案例:将User对象中的name,age,日期输出
              • User类中就只有上面三个私有成员变量和get,set
                  el2.jsp中
                  
                  <%
                      User user = new User();
                      user.setName("张三");
                      user.setAge(23);
                      user.setBirthday(new Date());
                      
                      request.setAttribute("u", user);
                  %>
                  
                  
                  <h1>获取对象中的值->基本写法</h1>
                  ${requestScope.u.name}<br>
                  
                  <h1>获取对象中的值->简单写法</h1>
                  ${u.age}<br>
                  ${u.birthday}
                  
                  
                  //结果:
                  张三
                  23
                  Tue Jun 12 15:40:30 CST 2020
              
              • 结果中时间是美国的,我们想要xxxx年xxx月xxx日的输出格式,就需要在User类中写一个方法:如下
                • 这种get方法,并没有对应一个成员变量,它只是为了在页面上显示一些好看的格式。–>称为++逻辑视图【重点】++
                    //el2.jsp中
                    ${u.bitStr}
                    
                    //User.java中
                    public String getBitStr(){
                        if(birthday != null){
                            //1. 格式化日期对象
                            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
                            //2. 返回字符串
                            return sdf.format(birthday);
                        }else{
                            return "";
                        }
                    }
                
          2. List集合:${域名称.键名[索引]}
            • 可以简写:${键名[索引]}
            • 案例1:list集合存字符串,获取list集合中的值
                  //el3.jsp中
                  
                  <%
                      List list = new List();
                      list.add("aaa");
                      list.add("bbb");
                      
                      request.setAttribute("list", list);
                  %>
                  
                  <h1>获取list集合中的值</h1>
                  ${list}<br>
                  ${list[0]}<br>
                  ${list[1]}<br>
                  ${list[10]} //索引越界,就会输出一个空字符串(EL表达式内部优化)
                  
                  //结果:
                  [aaa, bbb]
                  aaa
                  bbb
              
              • 注:${list[10]} //索引越界,就会输出一个空字符串(EL表达式内部优化)
            • 案例2:list集合存一个对象,获取list集合中的值
                  //el3.jsp中
                  
                  <%
                      List list = new List();
                      list.add(user);
                      
                      request.setAttribute("list", list);
                  %>
                  
                  <h1>获取list集合中的值</h1>
                  ${list[0].name}<br>
                  ${list[0].age}<br>
                  
                  //结果:
                  张三
                  23
              
          3. Map集合
            • ${域名称.键名.key名称}:通过键找到值
              • 简写:${键名.key名称}
            • ${域名称.键名[“key名称”]}:通过键找到值
              • ${键名[“key名称”]}
            • 案例1:Map集合存字符串,获取Map集合中的值
                  //el3.jsp中
                  
                  <%
                      Map map = new HashMap();
                      map.put("sname", "李四");
                      map.put("gender", "男");
                      
                      request.setAttribute("map", map);
                  %>
                  
                  <h1>获取Map集合中的值->方式1</h1>
                  ${map.gender}<br>
                  
                  <h1>获取Map集合中的值->方式2</h1>
                  ${map.["gender"]]}<br>
                  
                  //结果:
                  男
                  男
              
            • 案例2:Map集合存user对象,获取Map集合中的值
                  //el3.jsp中
                  
                  <%
                      Map map = new HashMap()
                      map.put("user", user);
                      
                      request.setAttribute("map", map); //共享数据
                  %>
                  
                  <h1>获取Map集合中的值->方式1</h1>
                  ${map.user.name}<br>
                  
                  <h1>获取Map集合中的值->方式2</h1>
                  ${map.["user"].age]}<br>
                  
                  //结果:
                  张三
                  23
              
    3. 隐式对象:(不用创建,直接拿来用到对象称为:隐式对象–>类似JSP中的内置对象)
      • el表达式中有11个隐式对象
      • pageContext
        • 获取jsp其他八个内置对象
          • ${pageContext.request.contextPath}在JSP页面中动态获取虚拟目录

4. JSTL

  1. 概念:JavaServer Pages Tag Library JSP标准标签库
    • 是由Apache组织提供的开源的免费的jsp标签 <标签>
  2. 作用:用于简化和替换jsp页面上的java代码
  3. 使用步骤:
    1. 导入jstl相关jar包
    2. 引入标签库:taglib指令: <%@ taglib %>
    3. 使用标签
  4. 常用的JSTL标签
    1. if:相当于java代码的++if++语句
      1. 属性:
        • test 必须属性,接受boolean表达式
          • 如果表达式为true,则显示if标签体内容,如果为false,则不显示标签体内容
          • 一般情况下,test属性值会结合el表达式一起使用
          • 例子:判断request域中的一个list集合是否为空,如果不为空则显示遍历集合
                //头部
                <%@ taglib prefix = "c" uri = "..../jsp/jstl/core"%>
            
                <body>
                
                    <%
                        List ListA = new ArrayList();
                        listA.add("aaaa");
                        request.setAttribute("listA", listA);
                    %>
                
                    <c:if test = "${not empty listA}">
                        遍历集合
                    </c:if>
                
                <body>
            
      2. 注意:
        • c:if标签没有else情况,想要else情况,则可以再次定义一个c:if标签
          • 例子:判断一个数的奇偶性
              <c:if test = "${number % 2 != 0}">
                  奇数
              </c:if>
              <c:if test = "${number % 2 == 0}">
                  偶数
              </c:if>
              
          
    2. choose:相当于java代码的++switch++语句
      1. 使用choose标签声明 ,相当于switch声明
      2. 使用when标签做判断 ,相当于case
      3. 使用otherwise标签做其他情况的声明 ,相当于default
      • 数字编号对应星期几的案例
            //头部
            <%@ taglib prefix = "c" uri = "..../jsp/jstl/core"%>
        
            <body>
            
                <%
                    request.setAttribute("numbler", 3);
                %>
            
                <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>输入有误</c:otherwise>
                </c:choose>
            
            <body>
            
            //结果:
            星期三
        
    3. foreach:相当于java代码的++for++语句
      1. 功能:
        1. 完成重复动作
          • 属性:
            • begin:开始值
            • end:结束值
            • var:临时变量
            • step:步长
            • varStatus:循环状态对象(多用在:遍历容器)
              1. index:++容器中元素的索引++从0开始
              2. count:++循环次数++从1开始
        2. 遍历容器
          • 属性:
            • items:容器对象
            • var:容器中元素的临时变量
            • varStatus:循环状态对象(多用在:遍历容器)
              1. index:++容器中元素的索引++从0开始
              2. count:++循环次数++从1开始
      2. 完成重复动作的例子:循环1到10并输出循环数
            //头部
            <%@ taglib prefix = "c" uri = "..../jsp/jstl/core"%>
        
            <body>
            
                <c:foreach begin="1" end="10" var="1" step="1" >
                    ${i}<br>
                </c:foreach>
            
            <body>
        
      3. 完成遍历容器的例子
            //头部
            <%@ taglib prefix = "c" uri = "..../jsp/jstl/core"%>
        
            <body>
            
                <%
                    List ListA = new ArrayList();
                    listA.add("aaaa");
                    listA.add("bbbb");
                    listA.add("cccc");
                    request.setAttribute("listA", listA);
                %>
            
                <c:foreach items="listA" var="str" varstatus="s">
                    ${s.index}${s.count}${str}<br>
                </c:foreach>
            
            <body>
            
            //结果:
            0 1 aaaa
            1 2 bbbb
            2 3 cccc
        

5. 三层架构:软件设计架构(思想)

  1. 界面层(表示层):用户看的得界面。用户可以通过界面上的组件和服务器进行交互
  2. 业务逻辑层:处理业务逻辑的。
  3. 数据访问层:操作数据存储文件。

6. 案例:用户信息列表展示

  • (项目开发流程)
  1. 需求:用户信息的增删改查操作
  2. 设计:
    1. 技术选型:Servlet+JSP+MySQL+JDBCTempleat+Duird+BeanUtilS+tomcat
    2. 数据库设计:
      create database day17; – 创建数据库
      use day17; – 使用数据库
      create table user( – 创建表
      id int primary key auto_increment,
      name varchar(20) not null,
      gender varchar(5),
      age int,
      address varchar(32),
      qq varchar(20),
      email varchar(50)
      );
  3. 开发:(我们属于这个部分)
    1. 环境搭建
      1. 创建数据库环境
      2. 创建项目,导入需要的jar包
    2. 编码
      1. 分析:
      2. 项目结构:
      3. 代码实现(笔记中)
  4. 测试
  5. 部署运维
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

狂野小白兔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值