EL表达式讲解

ElementUI中el-select请求springboot后台数据显示下拉项并在el-table中格式化显示 场景 Vue+ElementUI+axios+SpringBoot前后端分离的后台管理系统。 将表格中某字段类似于状态等需要关联字典表进行筛选查询时。示例如下 注: 博客:https://blog.youkuaiyun.com/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 首先实现前端页面下拉框赋值 在页面上添加一个el-table <el-form-item label="调动类别" prop="... 阅读详情

EL表达式的使用前提是,容器必须在2.4及以上版本。

 

EL表达式中有隐式对象,pageScope,requestScope,sessionScope,applicationScope    EL表达式默认查找变量的顺序会按照以上顺序从隐式对象中取值,为了提高效率,我们可以直接指定搜索域。

 

如:  后台   request.setAttribute("a","hello");

      前台    ${requestScope.a}

 

EL表达式取得request中对象中的值:

 

     后台:

           request.setAttribute("user",user);

 

     前台:

            ${user}                                     取得user对象

            ${user.userName}                    取得user对象的userName属性的值

            ${user.group.name}                 取得user对象所属组的组名    

 

 

EL表达式取得request中的Map中的值

 

     后台:

           Map map = new HashMap();

                   map.put("key1","abc");

                   map.put("key2","bcd");

        

           request.setAttribute("mapValue",map);

 

      前台:

            ${mapValue.key1}         //${mapValue}  取得map对象,之后导航key1就可以取得key1的值

            ${mapValue.key2}

           

EL表达式取得request中的数组中的值(采用[]和下标)

 

     后台:

            String[]  str= new String[]{"a","b",”c“};

             request.setAttribute("str",str);

 

     前台:

           ${str[1]}           //下标从0开始

 

EL表达式取得request中的对象数组中的值(采用[]和下标)

 

     后台:

           user[] users = new User[10];

           while(i < user.length){

                     User user = new User();

                     user.setId(i);

                     user.setUserName("user"+i);

                     users[i] = user;

           }

 

           request.setAttribute("user",user);

 

     前台:

           ${user[2].userName} 

 

 

EL表达式取得request中的集合对象中的值(采用[]和下标)

 

     后台:

           ArrayList list = new ArrayList();

           while(i < 10){

                     User user = new User();

                     user.setId(i);

                     user.setUserName("user"+i);

                     list.add(user);

           }

 

           request.setAttribute("user",list);

 

      前台:

            ${user[3].userName}

 

注意:EL表达式运算符

         + - * (/ div)  (% mod)  (== eq)  (!= ne)  (<  lt)  (<=  le)  (>= ge)  (&&  or)  (!  not) 

 

EL表达式判空

        后台:

              request.setAttribute("value2","");

              request.setAttribute("value3",new ArrayList());

              request.setAttribute("value4","123456");

              request.setAttribute("value5",null);

 

        前台:

              ${empty value1}

              ${empty value2}

              ${empty value3}

              ${empty value4}

              ${empty value5}

 

         结果:

                true

                true

                true

                false

                true

 

 

 

镜头调焦的 调整的是焦距还是像距? 在镜头 “调焦”(即日常拍照时的)中,调整的核心是,而非焦距。 阅读详情

相关推荐

测试用例经典练习之微信发红包测试用例

微信发红包测试用例

ZCYaiCLX3344的博客 1万+

遇到数据为空时返回NaN

当请求接口数据时,该当在一个页面的选项当中少填或者忘记填。 我们需要进行三目判断一下。 isNaN() 函数用于检查其参数是否是非数字值。 返回值 如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值), 返回的值就是 true。如果 x 是其他值,则返回 false。 解决办法 使用isNaN来进行判断当为空时,会为false,进行判断,让其等于一个整数 否则返回为原本的。 isNaN是个函数 具体用法请点击教程 ...

m0_53912016的博客 1838

SiamRPN++实战:如何用深度孪生网络提升无人机目标跟踪精度(附代码)

本文深入探讨了如何利用SiamRPN++深度孪生网络构建适用于无人机平台的高精度、轻量化单目标跟踪系统。文章详细解析了其兼顾精度与效率的核心原理,并提供了从PyTorch模型轻量化、骨干网络替换到TensorRT部署及应对遮挡、光照突变等实际挑战的完整工程实践指南与代码示例。

weixin_29047545的博客 370

vue.js使用心得——el-select,el-table数据处理,css样式穿透以及增删改查

    这个假期接触了网页前端的又一个利器,vue.js,它的主要特点在于对数据的双向绑定。想想之前用最原始的js的时候,我们更改页面上的数据,经常会用到InnerHTML,getElementById的代码,它实际上是在对DOM元素进行添加或修改,包括jQuery,也是通过查找页面源代码中的DOM标签,达到了动态效果的实现,当我们确定要对页面上某一元素进行修改的时候,会用id或name 进行元素...

梅斯温杜的学徒 7万+

SSTI模板注入及绕过姿势(基于Python-Jinja2)

http://xmctf.top:8962/?name={{%22%22[%22\x5f\x5fclass\x5f\x5f%22]["\x5F\x5Fbase\x5F\x5F"]["\x5F\x5Fsubclasses\x5F\x5F"]()[233]["\x5F\x5Finit\x5F\x5F"]["\x5F\x5Fglobals\x5F\x5F"]["\x5F\x5Fbuiltins\x5F\x5F"]['eval']("\x5F\x5Fimport\x5F\x5F('os'))")}}

Y4tacker的博客 1万+

从零开始Cubemx配置STM32搭载freeRTOS以及lwip实现tcp网络通信(二)

Cubemx配置LWIP,实现网络通信

qq_30623327的博客 1万+

el-select远程搜索提示“Request method ‘POST‘ not supported”

在使用el-select远程搜索功能时,提示“Request method 'POST' not supported”,原因是不支持POST提交,改成put方式提交成功!

baifenbaizhenxin的专栏 193

Context Capture10.20 安装教程(附安装包)

ContextCapture 是一款由Bentley公司推出的实景建模软件,可以快速为各种类型的基础设施项目生成最具挑战性的反应现实环境的三维模型。

一起来交流学习吧 2万+

vue调用接口,做成select下拉框

1.实现效果2.代码(1)下拉框(2)引入对应的数据接口(3)定义一个字段 ,调用接口函数【附:接口写法】

m0_68428581的博客 4145

【24E】SWT6652 wifi驱动加载失败问题分析及解决方案

修改驱动配置Kconfig。是由于内存分配失败导致。

wgl307293845的博客 219

用python画带有正负值的条形图

常见的条形图只能表现数据的大小,却不能表现值的正负关系。但是其实仅仅使用`pandas`和`matplotlib`两个包就可以实现y轴负轴的添加以及负值的显示,并且可以为正负值分别设置不同的颜色,让条形图看上去更加清晰,易于我们分析

weixin_44853840的博客 5384

EL表达式及JSTL标签库讲解

1、EL简介 expression language,即表达式语言,简称EL表达式,主要是用来获取各种来源的数据,可操作常量,变量,隐含对象。它借鉴了JavaScript多类型转换无关性的特点!在使用EL从scope中得到参数时可以自动转换类型,因此对于类型的限制更加宽松! 1)语法结构     ${expression} 2)[]与.运算符 EL 提供.和[]两种运算符来存取数据。

trialwalker的专栏 897

知识蒸馏⚗️ | YOLOv5知识蒸馏实战篇

YOLOv5知识蒸馏教程

Coding... 9361

el表达式详细讲解

EL表达式      1、EL简介 1)语法结构        ${expression} 2)[]与.运算符      EL 提供.和[]两种运算符来存取数据。      当要存取的属性名称中包含一些特殊字符,如.或?等并非字母或数字的符号,就一定要使用 []。 例如:          ${user.My-Name}应当改为${user["My-

maylead的博客 520

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

javaBean与EL表达式的零基础讲解

上一篇博客,我们掌握了Servlet的基础原理、生命周期和配置方式,了解了Servlet是如何接收和分发HTTP请求的,也知道了如何通过继承HttpServlet、配置Servlet来搭建基础的开发框架。

linyubulinyu的博客 378

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

EL表达式与JSTL标签讲解

EL表达式与JSTL标签讲解一.EL表达式1.概念2.语法与使用I.语法II.使用二.JSTL标签1.概念与作用2.使用I.if标签II.choose标签III.foreach标签 一.EL表达式 1.概念 EL表达式全称:Expression Language,可用于替换和简化jsp页面的java代码。 2.语法与使用 I.语法 EL表达式语法十分简单:${表达式} 我们先来看一个简单的例子有一个直观的概念: 访问结果: 这说明表达式被解析了,当然如果不想被解析我们有两种方式: 1.方式1 访问

qq_44932835的博客 759

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

el表达式讲解

一、了解el表达式        原文地址:查看 二、el表达式语法和运算符       原文地址:查看 三、el表达式隐含对象了解及使用      原文地址:查看 四、el表达式自定义函数的使用      原文地址:查看

yixi524的专栏 908

EL表达式中Bean的属性讲解

EL表达式中Bean的属性讲解 1)调用方访问的是Bean属性;   2)通常Bean属性和对象属性是一样的;   3)也可以不一样,当不一样时一定要记住, 调用方访问的是Bean属性。 class Student { //对象的属性 private String userName; private String password; //由ge

龙腾四海365的专栏 1283

详细讲解EL表达式基本用法

(你今后的成功取决于你现在每一次的努力) EL表达式的作用是为了使jsp写起来更加简单,使代码简化。 语法结构:${experssion} EL表达式一般操作的都是域对象中的数据,操作不了局部变量 域对象在jsp中分别是:pageContent,requset,session,application。 pageContext.setAttribute("uname","zhangsan"); request.s...

qq_53344479的博客 1928

SSH:EL表达式讲解

EL表达式  编辑 E L(Expression Language) 目的:为了使JSP写起来更加简单。表达式语言的灵感来自于 ECMAScript 和 XPath 表达式语言,它提供了在 JSP 中简化表达式的方法。 中文名 EL表达式 外文名 Expression Language 使    用 JSP 作    用 在 JSP 中简化表达式

流年少年 1308
上一篇: struts 标签讲解
下一篇: jstl标签库讲解
java_min
博客等级 码龄18年 61粉丝 161原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值