Java pupil
Java pupil

el表达式&JSTL标签库 总结

1.什么是EL 表达式，EL 表达式的作用?

EL 表达式的全称是：Expression Language。是表达式语言。

EL 表达式的什么作用：EL 表达式主要是代替 jsp 页面中的表达式脚本在 jsp 页面中进行数据的输出。

因为 EL 表达式在输出数据的时候，要比 jsp 的表达式脚本要简洁很多。

<body>

<%

request.setAttribute("key","值");

%>

表达式脚本输出 key 的值是：

<%=request.getAttribute("key1")==null?"":request.getAttribute("key1")%><br/>

EL 表达式输出 key 的值是：${key1}

body>

EL 表达式的格式是：${表达式}

EL 表达式在输出 null 值的时候，输出的是空串。jsp 表达式脚本输出 null 值的时候，输出的是 null 字符串

2.EL 表达式搜索域数据的顺序

EL 表达式主要是在 jsp 页面中输出数据。

主要是输出域对象中的数据。

当四个域中都有相同的 key 的数据的时候，EL 表达式会按照四个域的从小到大的顺序去进行搜索，找到就输出。

<body>

<%

//往四个域中都保存了相同的 key 的数据。

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

session.setAttribute("key", "session");

application.setAttribute("key", "application");

pageContext.setAttribute("key", "pageContext");

%>

${ key }

body>

3. EL 表达式输出 Bean 的普通属性，数组属性。List 集合属性，map 集合属性

i.

需求——输出 Person 类中普通属性，数组属性。list 集合属性和 map 集合属性。

Person 类

public class Person {

//

i.需求——输出 Person 类中普通属性，数组属性。list 集合属性和 map 集合属性。

private String name;

private String[] phones;

private List cities;

private Map map;

public int getAge() {

return 18;

}

输出的代码：

<body>

<%

Person person = new Person();

person.setName("好帅！");

person.setPhones(new String[]{"18610541354","18688886666","18699998888"});

List cities = new ArrayList();

cities.add("北京");

cities.add("上海");

cities.add("深圳");

person.setCities(cities);

Mapmap = new HashMap<>();

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

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

map.put("key3","value3");

person.setMap(map);

pageContext.setAttribute("p", person);

%>

输出 Person：${ p }<br/>

输出 Person 的 name 属性：${p.name} <br>

输出 Person 的 pnones 数组属性值：${p.phones[2]} <br>

输出 Person 的 cities 集合中的元素值：${p.cities} <br>

输出 Person 的 List 集合中个别元素值：${p.cities[2]} <br>

输出 Person 的 Map 集合: ${p.map} <br>

输出 Person 的 Map 集合中某个 key 的值: ${p.map.key3} <br>

输出 Person 的 age 属性：${p.age} <br>

body>

4. EL 表达式——运算

语法：${ 运算表达式 } ， EL 表达式支持如下运算符：

1）关系运算

关系运算符

说明

范例

结果

== 或 eq

等于

${ 5 == 5 } 或 ${ 5 eq 5 }

true

!= 或 ne

不等于

${ 5 !=5 } 或 ${ 5 ne 5 }

false

< 或 lt

小于

${ 3 < 5 } 或 ${ 3 lt 5 }

true

> 或 gt

大于

${ 2 > 10 } 或 ${ 2 gt 10 }

false

<= 或 le

小于等于

${ 5 <= 12 } 或 ${ 5 le 12 }

true

>= 或 ge

大于等于

${ 3 >= 5 } 或 ${ 3 ge 5 }

false

2）逻辑运算

 

3）算术运算

 el表达式&JSTL标签库 总结_第1张图片

i. empty 运算

empty 运算可以判断一个数据是否为空，如果为空，则输出 true,不为空输出 false。

以下几种情况为空：

1、值为 null 值的时候，为空

2、值为空串的时候，为空

3、值是 Object 类型数组，长度为零的时候

4、list 集合，元素个数为零

5、map 集合，元素个数为零

<body>

<%

// 1、值为 null 值的时候，为空

request.setAttribute("emptyNull", null);

// 2、值为空串的时候，为空

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

// 3、值是 Object 类型数组，长度为零的时候

request.setAttribute("emptyArr", new Object[]{});

// 4、list 集合，元素个数为零

List list = new ArrayList<>();

// list.add("abc");

request.setAttribute("emptyList", list);

// 5、map 集合，元素个数为零

Map map = new HashMap();

// map.put("key1", "value1");

request.setAttribute("emptyMap", map);

%>

${ empty emptyNull } <br/>

${ empty emptyStr } <br/>

${ empty emptyArr } <br/>

${ empty emptyList } <br/>

${ empty emptyMap } <br/>

body>

ii. 三元运算

表达式 1？表达式 2：表达式 3

如果表达式 1 的值为真，返回表达式 2 的值，如果表达式 1 的值为假，返回表达式 3 的值。示例：

${ 12 != 12 ? "哥帅呆":"哥又骗人" }

iii. “.”点运算 和 [] 中括号运算符

.点运算，可以输出 Bean 对象中某个属性的值。

[]中括号运算，可以输出有序集合中某个元素的值。

并且[]中括号运算，还可以输出 map 集合中 key 里含有特殊字符的 key 的值。

<body>

<%

Map map = new HashMap();

map.put("a.a.a", "aaaValue");

map.put("b+b+b", "bbbValue");

map.put("c-c-c", "cccValue");

request.setAttribute("map", map);

%>

${ map['a.a.a'] } <br>

${ map["b+b+b"] } <br>

${ map['c-c-c'] } <br>

body>

5. EL 表达式的 11 个隐含对象

EL 个达式中 11 个隐含对象，是 EL 表达式中自己定义的，可以直接使用。

变量                         类型                                 作用

pageContext               PageContextImpl           它可以获取 jsp 中的九大内置对象

pageScope                 Map        它可以获取 pageContext 域中的数据

requestScope               Map        它可以获取 Request 域中的数据

sessionScope               Map    它可以获取 Session 域中的数据

applicationScope            Map   它可以获取 ServletContext 域中的数据

param                    Map     它可以获取请求参数的值

paramValues       Map  它也可以获取请求参数的值，获取多个值的时候使用。

header                   Map   它可以获取请求头的信息

headerValues        Map  它可以获取请求头的信息，它可以获取多个值的情况

cookie              Map   它可以获取当前请求的 Cookie 信息

initParam     Map 它可以获取在 web.xml 中配置的上下文参数

i. EL 获取四个特定域中的属性

pageScope     ======   pageContext 域

requestScope   ======   Request 域

sessionScope    ======    Session 域

applicationScope  ======  ServletContext 域

<body>

<%

pageContext.setAttribute("key1", "pageContext1");

pageContext.setAttribute("key2", "pageContext2");

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

session.setAttribute("key2", "session");

application.setAttribute("key2", "application");

%>

${ applicationScope.key2 }

body>

ii. pageContext 对象的使用

1. 协议：

2. 服务器 ip：

3. 服务器端口：

4. 获取工程路径：

5. 获取请求方法：

6. 获取客户端 ip 地址：

7. 获取会话的 id 编号：

<body>

<%--

request.getScheme() 它可以获取请求的协议

request.getServerName() 获取请求的服务器 ip 或域名

request.getServerPort() 获取请求的服务器端口号

getContextPath() 获取当前工程路径

request.getMethod() 获取请求的方式（

GET 或 POST）

request.getRemoteHost() 获取客户端的 ip 地址

session.getId() 获取会话的唯一标识

--%>

<%

pageContext.setAttribute("req", request);

%>

<%=request.getScheme() %> <br>1.协议： ${ req.scheme }<br>

2.服务器 ip：${ pageContext.request.serverName }<br>

3.服务器端口：${ pageContext.request.serverPort }<br>

4.获取工程路径：${ pageContext.request.contextPath }<br>

5.获取请求方法：${ pageContext.request.method }<br>

6.获取客户端 ip 地址：${ pageContext.request.remoteHost }<br>

7.获取会话的 id 编号：${ pageContext.session.id }<br>

body>

iii. EL 表达式其他隐含对象的使用

param        Map    它可以获取请求参数的值

paramValues   Map   它也可以获取请求参数的值，获取多个值的时候使用。

示例代码：

输出请求参数 username 的值：${ param.username } <br>

输出请求参数 password 的值：${ param.password } <br>

输出请求参数 username 的值：${ paramValues.username[0] } <br>

输出请求参数 hobby 的值：${ paramValues.hobby[0] } <br>

输出请求参数 hobby 的值：${ paramValues.hobby[1] } <br>

请求地址：

http://localhost:8080/demo03/a.jsp?username=mark&password=666666&hobby=java&hobby=php 

header        Map     它可以获取请求头的信息

headerValues   Map    它可以获取请求头的信息，它可以获取多个值的情况

示例代码：

输出请求头【User-Agent】的值：${ header['User-Agent'] } <br>

输出请求头【Connection】的值：${ header.Connection } <br>

输出请求头【User-Agent】的值：${ headerValues['User-Agent'][0] } <br>

cookie    Map    它可以获取当前请求的 Cookie 信息

示例代码：

获取 Cookie 的名称：${ cookie.JSESSIONID.name } <br>

获取 Cookie 的值：${ cookie.JSESSIONID.value } <br>

initParam   Map   它可以获取在 web.xml 中配置的上下文参数

web.xml 中的配置：

<context-param>

<param-name>usernameparam-name>

<param-value>rootparam-value>

context-param>

<context-param>

<param-name>urlparam-name>

<param-value>jdbc:mysql:///testparam-value>

context-param>

 6.JSTL 标签库

JSTL 标签库 全称是指 JSP Standard Tag Library JSP 标准标签库。是一个不断完善的开放源代码的 JSP 标签库。

EL 表达式主要是为了替换 jsp 中的表达式脚本，而标签库则是为了替换代码脚本。这样使得整个 jsp 页面变得更佳简洁。

JSTL 由五个不同功能的标签库组成。 el表达式&JSTL标签库 总结_第2张图片

 在 jsp 标签库中使用 taglib 指令引入标签库

CORE 标签库

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

XML 标签库<%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %>

FMT 标签库

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

SQL 标签库

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

FUNCTIONS 标签库

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

7.  JSTL 标签库的使用步骤

1、先导入 jstl 标签库的 jar 包。

jstl-1.2.jar

2、第二步，使用 taglib 指令引入标签库。

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

8. core 核心库使用

i.

作用：set 标签可以往域中保存数据

<%--

i.

作用：set 标签可以往域中保存数据

域对象.setAttribute(key,value);

scope 属性设置保存到哪个域

page 表示 PageContext 域（默认值）

request 表示 Request 域

session 表示 Session 域

application 表示 ServletContext 域

var 属性设置 key 是多少

value 属性设置值

--%>

保存之前：${ sessionScope.abc } <br>

<c:set scope="session" var="abc" value="abcValue"/>

保存之后：${ sessionScope.abc } <br>

 ii.

if 标签用来做 if 判断。

<%--

ii.

if 标签用来做 if 判断。

test 属性表示判断的条件（使用 EL 表达式输出）

--%>

<c:if test="${ 12 == 12 }">

<h1>12 等于 12h1>

c:if>

<c:if test="${ 12 != 12 }">

<h1>12 不等于 12h1>

c:if>

iii. 标签

作用：多路判断。跟 switch ... case .... default 非常接近

<%--

iii. 标签

作用：多路判断。跟 switch ... case .... default 非常接近

choose 标签开始选择判断

when 标签表示每一种判断情况

test 属性表示当前这种判断情况的值

otherwise 标签表示剩下的情况

标签使用时需要注意的点：

1、标签里不能使用 html 注释，要使用 jsp 注释

2、when 标签的父标签一定要是 choose 标签

--%>

<%

request.setAttribute("height", 180);

%>

<c:choose>

<%-- 这是 html 注释 --%>

<c:when test="${ requestScope.height > 190 }">

<h2>小巨人h2>

c:when>

<c:when test="${ requestScope.height > 180 }">

<h2>很高h2>

c:when>

<c:when test="${ requestScope.height > 170 }">

<h2>还可以h2>

c:when><c:otherwise>

<c:choose>

<c:when test="${requestScope.height > 160}">

<h3>大于 160h3>

c:when>

<c:when test="${requestScope.height > 150}">

<h3>大于 150h3>

c:when>

<c:when test="${requestScope.height > 140}">

<h3>大于 140h3>

c:when>

<c:otherwise>

其他小于 140

c:otherwise>

c:choose>

c:otherwise>

c:choose>

iv.

作用：遍历输出使用。

1. 遍历 1 到 10，输出

示例代码：

<%--1.遍历 1 到 10，输出

begin 属性设置开始的索引

end 属性设置结束的索引

var 属性表示循环的变量(也是当前正在遍历到的数据)

for (int i = 1; i < 10; i++)

--%>

<table border="1">

<c:forEach begin="1" end="10" var="i">

<tr>

<td>第${i}行td>

tr>

c:forEach>

table>

2. 遍历 Object 数组

示例代码：

<%-- 2.遍历 Object 数组

for (Object item: arr)

items 表示遍历的数据源（遍历的集合）

var 表示当前遍历到的数据

--%>

<%

request.setAttribute("arr", new String[]{"18610541354","18688886666","18699998888"});

%>

<c:forEach items="${ requestScope.arr }" var="item">

${ item } <br>

c:forEach>

3. 遍历 Map 集合

示例代码：

<%

Map map = new HashMap();

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

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

map.put("key3", "value3");

//

for ( Map.Entry entry : map.entrySet()) {

//

}

request.setAttribute("map", map);

%>

<c:forEach items="${ requestScope.map }" var="entry">

<h1>${entry.key} = ${entry.value}h1>

c:forEach>

4. 遍历 List 集合---list 中存放 Student 类，有属性：编号，用户名，密码，年龄，电话信息

Student 类：

public class Student {

//4.编号，用户名，密码，年龄，电话信息

private Integer id;

private String username;

private String password;

private Integer age;

private String phone;

示例代码：<%--4.遍历 List 集合---list 中存放 Student 类，有属性：编号，用户名，密码，年龄，电话信息--%>

<%

List studentList = new ArrayList();

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

studentList.add(new Student(i,"username"+i ,"pass"+i,18+i,"phone"+i));

}

request.setAttribute("stus", studentList);

%>

<table>

<tr>

<th>编号th>

<th>用户名th>

<th>密码th>

<th>年龄th>

<th>电话th>

<th>操作th>

tr>

<%--

items 表示遍历的集合

var 表示遍历到的数据

begin 表示遍历的开始索引值

end 表示结束的索引值

step 属性表示遍历的步长值

varStatus 属性表示当前遍历到的数据的状态  

        Index  下标索引

        Count   第几个元素

        First   是否是第一个

        Last   是否是最后一个

        

for（int i = 1; i < 10; i+=2）

--%>

<c:forEach begin="2" end="7" step="2" varStatus="status" items="${requestScope.stus}" var="stu">

<tr>

<td>${stu.id}td>

<td>${stu.username}td>

<td>${stu.password}td>

<td>${stu.age}td>

<td>${stu.phone}td>

<td>${status.step}td>

tr>

c:forEach>

table>

你可能感兴趣的:(html,前端,css)

  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
    示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
    作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
  • 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记
    最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
  • 补充元象二面 Redstone Monstrosity 前端面试
    1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
  • 微信小程序开发注意事项 jun778895 微信小程序小程序
    微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
  • 字节二面 Redstone Monstrosity 前端面试
    1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
  • 斟一小组鸡血视频 和自己一起成长
    http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • Dockerfile命令详解之 FROM 清风怎不知意 容器化java前端javascript
    许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
  • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
  • 【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
    【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
  • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
    第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
  • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
  • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
    通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
  • ubuntu安装opencv最快的方法 Derek重名了
    最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
  • 处理标签包裹的字符串，并取出前250字符 周bro 前端javascript开发语言
    //假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
  • css设置当字数超过限制后以省略号（...）显示 周bro css前端vuecss3html经验分享
    1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • h5小游戏定制开发 红匣子实力推荐
    随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
  • 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题 何必如此 jsp超链接文件下载窗口
    生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
  • 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析 bit1129 cluster
    在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识： 首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste
  • linux上独立安装部署spark daizj linux安装spark1.4部署
    下面讲一下linux上安装spark，以 Standalone Mode 安装   1）首先安装JDK   下载JDK：jdk-7u79-linux-x64.tar.gz  ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz     然后配置 ~/.bashrc&nb
  • Java 字节码之解析一 周凡杨 java字节码javap
        一： Java 字节代码的组织形式   类文件 {     OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组 } &nbs
  • java各种小工具代码 g21121 java
    1.数组转换成List import java.util.Arrays; Arrays.asList(Object[] obj); 2.判断一个String型是否有值 import org.springframework.util.StringUtils; if (StringUtils.hasText(str)) 3.判断一个List是否有值 import org.spring
  • 加快FineReport报表设计的几个心得体会 老A不折腾 finereport
    一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！ 二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。
  • mysql linux启动与停止 墙头上一根草
    如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin
  • Spring中事务管理浅谈 aijuans spring事务管理
    Spring中事务管理浅谈 By Tony Jiang@2012-1-20 Spring中对事务的声明式管理 拿一个XML举例 [html]  view plain copy print ? <?xml version="1.0" encoding="UTF-8"?>&nb
  • php中隐形字符65279（utf-8的BOM头）问题 alxw4616
    php中隐形字符65279（utf-8的BOM头）问题 今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.   调试: 1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题. 2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.        
  • 调用对象是否需要传递对象(初学者一定要注意这个问题) 百合不是茶 对象的传递与调用技巧
        类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看   为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)   类和对象的基础概念:   JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
  • JDK1.5 AtomicLong实例 bijian1013 javathreadjava多线程AtomicLong
    JDK1.5 AtomicLong实例 类 AtomicLong 可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。  
  • 自定义的RPC的Java实现 bijian1013 javarpc
            网上看到纯java实现的RPC，很不错。         RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何
  • 【RPC框架Hessian一】Hessian RPC Hello World bit1129 Hello world
    什么是Hessian The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
  • 【Spark九十五】Spark Shell操作Spark SQL bit1129 shell
    在Spark Shell上，通过创建HiveContext可以直接进行Hive操作   1. 操作Hive中已存在的表   [hadoop@hadoop bin]$ ./spark-shell Spark assembly has been built with Hive, including Datanucleus jars on classpath Welcom
  • F5　往header加入客户端的ip ronin47
    when HTTP_RESPONSE {if {[HTTP::is_redirect]}{         HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
  • java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5, bylijinnan java
    思路来自： http://zhedahht.blog.163.com/blog/static/2541117420116135376632/ 写了个java版的 public class GreatestLeftRightDiff { /** * Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。 * 求所有数对之差的最大值。例如在数组
  • mongoDB 索引 开窍的石头 mongoDB索引
    在这一节中我们讲讲在mongo中如何创建索引       得到当前查询的索引信息      db.user.find(_id:12).explain();        cursor: basicCoursor 指的是没有索引  &
  • [硬件和系统]迎峰度夏 comsci 系统
      从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内    所以，从现在开始准备渡过炎热的夏天。。。。    每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系)    坐的，躺的地方要有凉垫，床上要有凉席       电脑的机箱
  • 基于ThinkPHP开发的公司官网 cuiyadll 行业系统
    后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统 轻量级企业网站管理系统 运行环境:PHP5.3+, MySQL5.0 系统预览 系统下载：http://www.tecmz.com 预览地址：http://co.tecmz.com 各种设备自适应 响应式的网站设计能够对用户产生友好度，并且对于
  • Transaction and redelivery in JMS (JMS的事务和失败消息重发机制) darrenzhu jms事务承认MQacknowledge
    JMS Message Delivery Reliability and Acknowledgement Patterns http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/ Transaction and redelivery in
  • Centos添加硬盘完全教程 dcj3sjt126com linuxcentoshardware
    Linux的硬盘识别: sda        表示第1块SCSI硬盘 hda       表示第1块IDE硬盘 scd0      表示第1个USB光驱 一般使用“fdisk -l”命
  • yii2 restful web服务路由 dcj3sjt126com PHPyii2
    路由 随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。 在实践中，你通常要用美观的URL并采取有优势的HTTP动词。 例如，请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
  • MongoDB查询(4)——游标和分页[八] eksliang mongodbMongoDB游标MongoDB深分页
    转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标         数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示： > var
  • Activity的四种启动模式和onNewIntent() gundumw100 android
    Android中Activity启动模式详解 　　在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。 　　Android总Activity的启动模式分为四种： Activity启动模式设置： <acti
  • 攻城狮送女友的CSS3生日蛋糕 ini htmlWebhtml5csscss3
    在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm   代码如下：   <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
  • 读源码学Servlet（1）GenericServlet 源码分析 jzinfo tomcatWebservlet网络应用网络协议
    Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。     先看javax.servlet.servlet接口源码：  package
  • JAVA进阶：VO(DTO)与PO(DAO)之间的转换 snoopy7713 javaVOHibernatepo
      PO即 Persistence Object　　VO即 Value Object 　VO和PO的主要区别在于：　　VO是独立的Java Object。　　PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。 　实际上，这个VO被用作Data Transfer
  • mongodb group by date 聚合查询日期 统计每天数据（信息量） qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    /* 1 */ { "_id" : ObjectId("557ac1e2153c43c320393d9d"), "msgType" : "text", "sendTime" : ISODate("2015-06-12T11:26:26.000Z")
  • java之18天 常用的类(一) Luob. MathDateSystemRuntimeRundom
    System类 import java.util.Properties; /** * System: * out:标准输出,默认是控制台 * in:标准输入,默认是键盘 * * 描述系统的一些信息 * 获取系统的属性信息:Properties getProperties(); * * * */ public class Sy
  • maven wuai maven
    1、安装maven：解压缩、添加M2_HOME、添加环境变量path 2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹 3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹 4、进入mvn_ch01 4.1、mvn compile ,执行后会在
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他