sp的出现
原始的界面由servlet中使用response.write()输出,但是特别复杂
出现了jsp=html +java+css+js+jsp的语法
html只能展示静态的数据,结合java和jsp的语法实现了动态的展示数据
jsp的语法
<%@page import="java.util.Date"%> <%@page language="java" pageEncoding="UTF-8"%>
执行流程
jsp文件>>翻译为.java>>编辑为,class>>装载起来
翻译的文件:在work下, \work\Catalina\localhost\ROOT\org\apache\jsp
相关代码在_jspService()方法中();所以在方法中不能定义再方法
<% %> 包含的是java代码 <%! %> 全局的 <%=%> 输出语句 <!-- 注释内容--> html的注释 <%-- 该部分注释在网页中不会被显示--%> jsp的注解 在浏览器中不会显示
jsp常见指令
<%@ page ...%> 引入依赖比如脚本文件 error页面 容器提供当前页面的使用说明。一个JSP页面可以包含多个page指令 import="java.util.*"; <%@ include ...%> 包含其他文件 <%@ taglib ...%> 引入标签库 头部命令 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
jsp九大对象
include的区别
hello.jsp文件包含以下代码 <%@include file="footer.jsp" %> footer.jsp的内容会被插入到 hello.jsp 转译 成的hello_jsp.java中,最后只会生成一个hello_jsp.java文件 <jsp:include page="footer.jsp" /> footer.jsp的内容不会被插入到 hello.jsp 转译 成的hello_jsp.java中, 还会有一个footer_jsp.java独立存在。 hello_jsp.java 会在服务端访问footer_jsp.java, 然后把返回的结果,嵌入到响应中。
JSTL
导入
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
常见的jstl语句
<C:if test=""></c:if> <c:choose> <c:when test="">//todo </c:when> <c:otherwise>//todo</c:otherwise> </c:choose> <c:forEach items="${list}" var="listItem" varStatus="1" > <tr> <td><c:out value="${listItem.col1}" /></td> <td><c:out value="${listItem.col2}" /></td> </tr> </c:forEach> fmt 格式化 <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix='fmt' %> 日期 <% Date now=new Date(); pageContext.setAttribute("now",now); %> 完整日期: <fmt:formatDate value="${now}" pattern="G yyyy年MM月dd日 E"/><br> 完整时间: <fmt:formatDate value="${now}" pattern="a HH:mm:ss.S z"/><br> 常见格式: <fmt:formatDate value="${now}" pattern="yyyy-MM-dd HH:mm:ss"/> 数字格式化 <fmt:formatNumber 表示格式化数字 minFractionDigits 小数点至少要有的位数 maxFractionDigits 小数点最多能有的位数 <fmt:formatNumber type="number" value="${money}" minFractionDigits="2"/>
EL表达式
引入
<%@page 标签里加上isELIgnored="false" <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> 取值顺序 pageContext>request>session>application 使用${key} 取值 支持表达式 大小于 equals等,三元运算符
转发与转向的区别
转发(forward
转发通过forword带走request的response,所以能带走对象,可以共享数据,地址栏不会改变,经历了一次请求,在服务端完成的处理,
WEB-INF下的页面不能通过地址栏访问,需要经过转发才能访问
转向(redirect)
转向,请求到这里之后,告诉浏览器需要进行二次请求,所以浏览器地址改变,数据也不能共享了,两次请求的效率也比与转发的一次请求慢低一些.
浏览器地址改变了,就可以跳转到当前web意外的页面
困难行业企业稳就业补贴”线上经办系统已上线运行啦!符合条件的企业可通过上海市人力资源和社会保障自助经办系统的“惠企点单办”申请。具体步骤赶紧往下看:
01
登录“上海市人力资源和社会保障自助经办系统”(https://zzjb.rsj.sh.gov.cn/zzjbdl/jsp/login.html)。
02
03
选择“困难行业企业稳就业补贴”事项,点击“办理”。
04
企业确认承诺书内容,点击“下一步”。
05
系统自动检验后显示企业相关信息,需填写补贴申请经办人信息。
06
企业可根据实际,点击“登记/修改银行账号”进入银行账号修改界面,更改补贴拟发放账户信息。
07
系统自动提取企业统一社会信用代码证书等电子资料,若提取失败,须自行上传相关影像资料,完成后点击“下一步”。
08
确认申请信息无误后(重点核对“银行账户”“联系手机”“上月应缴城镇职工社会保险人数”等关键信息),点击“确认提交”。
表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象!
<%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%> <html> <head> <title>向session设置一个属性</title> </head> <body> <% //向session设置一个属性 session.setAttribute("name", "aaa"); System.out.println("向session设置了一个属性"); %> </body> </html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title></title> </head> <body> <% String value=(String) session.getAttribute("name"); out.write(value); %> </body> </html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title></title> </head> <body> ${name} </body> </html>
${标识符}
获取各类数据
获取域对象的数据
<% //向ServletContext设置一个属性 application.setAttribute("name", "aaa"); System.out.println("向application设置了一个属性"); %>
<% ${name} %>
获取JavaBean的属性
<jsp:useBean id="person" class="domain.Person" scope="session"/> <jsp:setProperty name="person" property="age" value="22"/>
在2.jsp中取出Session的属性
<% Person person=(Person) session.getAttribute("person"); System.out.println(person.getAge()); %>
//等同于person.getAge() ${person.age}
获取集合的数据
<% List<Person> list=new ArrayList(); Person person1=new Person(); person1.setUsername("zhongfucheng"); Person person2=new Person(); person2.setUsername("ouzicheng"); list.add(person1); list.add(person2); session.setAttribute("list",list); %>
<% List<Person> list=(List) session.getAttribute("list"); out.write(list.get(0).getUsername()+"<br>"); out.write(list.get(1).getUsername()); %>
使用EL表达式又是怎么样的效果呢?我们来看看!
<%--取出list集合的第1个元素(下标从0开始),获取username属性--%> ${list[0].username} <br> <%--取出list集合的第2个元素,获取username属性--%> ${list[1].username}
<% Map<String, Person> map=new HashMap<>(); Person person1=new Person(); person1.setUsername("zhongfucheng1"); Person person2=new Person(); person2.setUsername("ouzicheng1"); map.put("aa",person1); map.put("bb",person2); session.setAttribute("map",map); %>
${map.aa.username} <br> ${map.bb.username}
${map["1"].username} <br> ${map["2"].username}
EL运算符
<% List<Person> list=null; %> ${list==null?"list集合为空":"list集合不为空"}
EL表达式11个内置对象
EL表达式主要是来对内容的显示,为了显示的方便,EL表达式提供了11个内置对象。
<%--pageContext内置对象--%> <% pageContext.setAttribute("pageContext1", "pageContext"); %> pageContext内置对象:${pageContext.getAttribute("pageContext1")} <br> <%--pageScope内置对象--%> <% pageContext.setAttribute("pageScope1","pageScope"); %> pageScope内置对象:${pageScope.pageScope1} <br> <%--requestScope内置对象--%> <% request.setAttribute("request1","reqeust"); %> requestScope内置对象:${requestScope.request1} <br> <%--sessionScope内置对象--%> <% session.setAttribute("session1", "session"); %> sessionScope内置对象:${sessionScope.session1} <br> <%--applicationScope内置对象--%> <% application.setAttribute("application1","application"); %> applicationScopt内置对象:${applicationScope.application1} <br> <%--header内置对象--%> header内置对象:${header.Host} <br> <%--headerValues内置对象,取出第一个Cookie--%> headerValues内置对象:${headerValues.Cookie[0]} <br> <%--Cookie内置对象--%> <% Cookie cookie=new Cookie("Cookie1", "cookie"); %> Cookie内置对象:${cookie.JSESSIONID.value} <br> <%--initParam内置对象,需要为该Context配置参数才能看出效果【jsp配置的无效!亲测】--%> initParam内置对象:${initParam.name} <br>
注意事项:
<form action="/zhongfucheng/1.jsp" method="post"> 用户名:<input type="text" name="username"><br> 年龄:<input type="text " name="age"><br> 爱好: <input type="checkbox" name="hobbies" value="football">足球 <input type="checkbox" name="hobbies" value="basketball">篮球 <input type="checkbox" name="hobbies" value="table tennis">兵乓球<br> <input type="submit" value="提交"><br> </form>
${param.username} <br> ${param.age} <br> //没有学习jstl之前就一个一个写吧。 ${paramValues.hobbies[0]} <br> ${paramValues.hobbies[1]} <br> ${paramValues.hobbies[2]} <br>
EL表达式回显数据
EL表达式最大的特点就是:如果获取到的数据为null,输出空白字符串""!这个特点可以让我们数据回显
<%--模拟数据回显场景--%> <% User user=new User(); user.setGender("male"); //数据回显 request.setAttribute("user",user); %> <input type="radio" name="gender" value="male" ${user.gender=='male'?'checked':'' }>男 <input type="radio" name="gender" value="female" ${user.gender=='female'?'checked':'' }>女
EL自定义函数用于扩展EL表达式的功能,可以让EL表达式完成普通Java程序代码所能完成的功能
步骤:
public static String filter(String message) { if (message==null) return (null); char content[]=new char[message.length()]; message.getChars(0, message.length(), content, 0); StringBuilder result=new StringBuilder(content.length + 50); for (int i=0; i < content.length; i++) { switch (content[i]) { case '<': result.append("<"); break; case '>': result.append(">"); break; case '&': result.append("&"); break; case '"': result.append("""); break; default: result.append(content[i]); } } return (result.toString()); }
<?xml version="1.0" encoding="ISO-8859-1"?> <taglib xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-jsptaglibrary_2_1.xsd" version="2.1"> <tlib-version>1.0</tlib-version> <short-name>myshortname</short-name> <uri>/zhongfucheng</uri> <!--函数的描述--> <function> <!--函数的名字--> <name>filter</name> <!--函数位置--> <function-class>utils.HTMLFilter</function-class> <!--函数的方法声明--> <function-signature>java.lang.String filter(java.lang.String)</function-signature> </function> </taglib>
<%@ page language="java" contentType="text/html" pageEncoding="UTF-8" %> <%@taglib prefix="fn" uri="/WEB-INF/zhongfucheng.tld" %> <html> <head> <title></title> </head> <body> //完成了HTML转义的功能 ${fn:filter("<a href='#'>点我</a>")} </body> </html>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
contains:${fn:contains("zhongfucheng",zhong )}<br> containsIgnoreCase:${fn:containsIgnoreCase("zhongfucheng",ZHONG )}<br> endsWith:${fn:endsWith("zhongfucheng","eng" )}<br> escapeXml:${fn:escapeXml("<zhongfucheng>你是谁呀</zhongfucheng>")}<br> indexOf:${fn:indexOf("zhongfucheng","g" )}<br> length:${fn:length("zhongfucheng")}<br> replace:${fn:replace("zhongfucheng","zhong" ,"ou" )}<br> split:${fn:split("zhong,fu,cheng","," )}<br> startsWith:${fn:startsWith("zhongfucheng","zho" )}<br> substring:${fn:substring("zhongfucheng","2" , fn:length("zhongfucheng"))}<br> substringAfter:${fn:substringAfter("zhongfucheng","zhong" )}<br> substringBefore:${fn:substringBefore("zhongfucheng","fu" )}<br> toLowerCase:${fn:toLowerCase("zhonGFUcheng")}<br> toUpperCase:${fn:toUpperCase("zhongFUcheng")}<br> trim:${fn:trim(" zhong fucheng ")}<br> <%--将分割成的字符数组用"."拼接成一个字符串--%> join:${fn:join(fn:split("zhong,fu,cheng","," ),"." )}<br>
<% User user=new User(); String likes[]={"sing"}; user.setLikes(likes); //数据回显 request.setAttribute("user",user); %> <%--java的字符数组以","号分割开,首先拼接成一个字符串,再判读该字符串有没有包含关键字,如果有就checked--%> <input type="checkbox"${ fn:contains(fn:join(user.likes,","),"sing")?'checked':'' }>唱歌 <input type="checkbox"${ fn:contains(fn:join(user.likes,","),"dance")?'checked':'' }>跳舞
原文链接:https://dwz.cn/bOdF7S6R
作者:Java3y
*请认真填写需求信息,我们会在24小时内与您取得联系。