el元素与jstl标签

news/2024/5/18 14:04:49 标签: java, jstl

jstl_0">el元素与jstl标签

MVC开发模式

jsp演变历史

  • 早期只有servlet,只能使用response输出标签数据,非常麻烦
  • 后来又jsp,简化了Servlet开发,如果过度使用jsp,在jsp中即写大量的java代码,有写html表,造成难于维护,难于分工协作
  • 再后来,java的web开发,借鉴mvc开发模式,使得程序的设计更加合理

mvc

  • M:Model,模型,JavaBean

    完成具体的业务操作,如:查询数据库,封闭对象

  • V:view,视图,JSP

    展示数据

  • C:Controller,控制器,Servlet

    1. 获取用户的输入

    2. 调用模型

    3. 将数据交给视图进行展示

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lmKe50YF-1619246870577)(E:\学习文档\JavaWeb\img\el&jstl\1618642210268.png)]

MVC优缺点

  1. 优点:
    • 耦合性低,方便维护,可以篮球分工协作
    • 重用性高
  2. 缺点
    • 使得项目架构变得复杂,对开发人员要求高

因为MVC模式,禁止在视图里写java逻辑代码,只写显示代码,所以下面学习el和jstl可以简化开发方式,并且也利于前端开发者们阅读

El表达式

  1. 概念:Expression Language 表达式语言

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

  3. 语法:${表达式}

  4. 注意:

    • jsp默认支持el表达式的。如果忽略el表达式
      1. 设置jsp中page指令中:isELIgnored = "true"忽略当前jsp页面中所有的el表达式
      2. \${表达式}:忽略当前这个 el表达式
  5. 使用:

    1. 运算(运算符):

      • 算数运算符:+ ,-, *, /(div),%(mod)

      • 比较运算符:>,<,>=,<=,==,!=

      • 逻辑运算符:&&(and),||(or),!(not)

      • 空运算符:empty

        功能:用于判断字符串,集合,数组对象是否为null并且长度是否为0, ( e m p t y l i s t ) , (empty list), (emptylist),(not empty list)

    2. 获取值***如果没有那个值就显示空串***

      1. el表达式只能从域对象中取值(此处为回忆:cookie客户端的,值只能为字符串,而session服务器端的值可以是任何对象

      2. 语法:

        1. $(域名称.键名):从指定域中获取指定键的值

        2. el名称jsp内置对象名称
          pageScopepageContext 本页面域
          requestScoperequest 转发域一次转发
          sessionScopesession 服务端一次会话域
          applicationScopeapplication(servletcontext) 服务器域,所有用户

          举例:在request域中存储了name = 张三

          获取:$(requestScope.name)

        3. $(键名):表示依次从最小的域中查找是否有该键对

      3. 逻辑视图

        所谓的逻辑视图是指这个get方法并没有对应的一个成员变量,只是为了在页面中显示好看的格式

    3. 获取对象,list集合,map集合的值

      1. 对象:$(域名称.键名.属性名)

        本质上会去调用对象的getter方法(参见逻辑视图,只要有getter方法可以直接就可以直接调用该对象的属性值)

      2. List集合:${域对象.键名[索引]}

      3. Map集合:

        • ${域名称.键名.key名称}
        • ${域名称.键名[“key名称”]}
    4. 隐式对象***没有细讲***

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

      • pageContext:

        获取jsp其他八个内置对象

        ${pageContext.request.contextPath}:动态获取虚拟目录(这种方法获取与jsp内置对象还是有区别的)

JSTL

  1. 概念:JavaServer Page Tag Library JSP标准标签库。是由Apache组织提供的开源的免费的jsp标签

  2. 作用:用于简化和替换jsp页面上的java代码

  3. 使用步骤:

    1. 导入JSTL相关jar包
    2. 引入标签库:taglib指令:<%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>
    3. 使用标签
  4. 常用的JSTL标签

    1. if :相当于java代码的if语句

      属性:

      • test必须属性,接受boolean表达式。如果表达式为true,则显示if标签体内容,如果为false,则不显示 标签体内容
      • 一般情况下,test属性会结合el表达式一起使用

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

      java"> Calendar calendar = Calendar.getInstance();
       int i = calendar.get(Calendar.DAY_OF_WEEK);
       pageContext.setAttribute("week",i);
      <c:if test="${week == 2}">星期一</c:if>
      <c:if test="${week == 3}">星期二</c:if>
      <c:if test="${week == 4}">星期三</c:if>
      <c:if test="${week == 5}">星期四</c:if>
      <c:if test="${week == 6}">星期五</c:if>
      <c:if test="${week == 7}">星期六</c:if>
      <c:if test="${week == 1}">星期天</c:if>
      
    2. choose :相当于java代码的switch语句

      1. 使用choose标签取出数字 相当于switch声明
      2. 使用when标签做数字判断 相当于case
      3. otherwise标签做其他情况声明 相当于default
      java"><c:choose>
              <c:when test="${week == 2}"><br>when星期一</c:when>
              <c:when test="${week == 3}"><br>when星期二</c:when>
              <c:when test="${week == 4}"><br>when星期三</c:when>
              <c:when test="${week == 5}"><br>when星期四</c:when>
              <c:when test="${week == 6}"><br>when星期五</c:when>
              <c:when test="${week == 7}"><br>when星期六</c:when>
              <c:when test="${week == 1}"><br>when星期天</c:when>
              <c:otherwise>数据有误</c:otherwise>
          </c:choose>
      
    3. forearch :相当于java代码的for语句

      1. 完成重复的操作

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

        }

        属性:

        属性含义
        begin开始值
        end结束值
        var临时变量
        step步长
        varStatus循环状态对象
        index容器中元素的索引,从0开始
        count循环次数,从1开始
        java"><c:forEach begin= "0" end="5" step="2" var ="i" varStatus="c">
            ${c.index}
            ${c.count}
            ${i}<br>
        </c:forEach>
        
      2. 遍历容器

        List list

        for(User user:list){

        }

        属性:

        items:容器对象

        var:容器中元素的临时对象

        java"><%
            ArrayList<Student> list = new ArrayList<>();
            list.add(new Student("李纪涵", 22, new Date()));
            list.add(new Student("刘超非", 22, new Date()));
            list.add(new Student("白少康", 22, new Date()));
            list.add(new Student("马帅刚", 22, new Date()));
            list.add(new Student("马腾霄", 22, new Date()));
            list.add(new Student("高少轩", 21, new Date()));
            pageContext.setAttribute("list", list);
            System.out.println(list);
        %>
        <table>
            <tr>
                <td>姓名:</td>
                <td>年龄:</td>
                <td>出生日期:</td>
            </tr>
            <c:forEach items="${pageScope.list}" var="simpleFriend" varStatus="p">
                <c:if test="${p.count % 2 == 0}">
                    <tr style="background-color:red">
                        <td>${p.count}</td>
                        <td>${simpleFriend.name}</td>
                        <td>${simpleFriend.age}</td>
                    </tr>
                </c:if>
                <c:if test="${p.count % 2 != 0}">
                    <tr style="background-color:green">
                        <td>${p.count}</td>
                        <td>${simpleFriend.name}</td>
                        <td>${simpleFriend.age}</td>
                    </tr>
                </c:if>
            </c:forEach>
        </table>
        
        
${simpleFriend.name} ${simpleFriend.age}
     ```


http://www.niftyadmin.cn/n/1559943.html

相关文章

团队项目个人进展——Day03

一、昨天工作总结 冲刺第三天&#xff0c;昨天忙着整理数据结构相关知识&#xff0c;在团队项目上只是花了少部分时间来对地图的样式布局进行调整 二、遇到的问题 无三、今日工作规划 继续昨天的规划&#xff0c;研究地图定位代码&#xff0c;并通过编写WXSS样式来对地图显示布…

Servlet和httpServlet

Servlet和httpServlet htpp:超文体传输协议 ​ 特点&#xff1a;基于Tcp/IP的高级协议&#xff0c;默认端口号为80&#xff0c;基于请求响应模式&#xff08;一次请求&#xff0c;一次响应&#xff09;&#xff0c;无状态的每次请求之间相互独立&#xff0c;不能交互数据。ht…

cartcontrol.vue购物车操作按钮

html代码 知识点: 使用了vue2的动画实现方式-transition,这里主要在css上设计来配合vue2cartcontrol这个模块主要通过三个小模块实现,删除按钮,显示数量块,增加按钮删除按钮和增加按钮都带有一个click方法,并且都有v-show来根据food的数量来控制显示,而显示数量块就只是单纯显示…

代理模式(设计模式)

代理模式&#xff08;程序设计模式&#xff09; 作用&#xff1a;增强对象功能 概念&#xff1a; 真实对象&#xff0c;被代理的对象代理对象代理模式&#xff1a;代理对象代理真实对象&#xff0c;达到增强真实对象功能的目的 实现步骤&#xff1a; 代理对象和真实对象实…

无源蜂鸣器——小白的单片机笔记

蜂鸣器分类&#xff1a;有源蜂鸣器&#xff0c;无源蜂鸣器。 这里的“源”不是指电源。而是指震荡源。 也就是说&#xff0c;有源蜂鸣器内部带震荡源&#xff0c;所以只要一通电就会叫。 而无源内部不带震荡源&#xff0c;所以如果用直流信号无法令其鸣叫&#xff0c;必须用2K~…

Filter(过滤器)

Filter(过滤器) 作用&#xff1a; ​ 一般用于完成通用的操作。如&#xff1a;登录验证&#xff0c;统一编码处理&#xff0c;敏感字符过滤… Filter细节 web.xml配置 <filter>//给filter文件起的别名<filter-name>loginFilter</filter-name>//filter文件…

CCF NOI1070 汉诺塔游戏

问题链接&#xff1a;CCF NOI1070 汉诺塔游戏。 时间限制: 1000 ms 空间限制: 262144 KB 题目描述 汉诺塔由编号为1到n大小不同的圆盘和三根柱子a,b,c组成&#xff0c;编号越小盘子越小。开始时&#xff0c;这n个圆盘由大到小依次套在a柱上&#xff0c;如图1.6.3所示。要求把…

用Physijs在场景中添加物理效果

1.创建可用Physijs的基本Three.js场景 创建一个可用Physijs的Three.js场景非常简单&#xff0c;只要几个步骤即可。首先我们要包含正确的文件&#xff0c; 需要引入physi.js文件。实际模拟物理场景时非常耗费CPU的&#xff0c;如果我么能在render线程中做的话&#xff0c;场景的…