大数据正式19
来源：互联网 发布：化妆品淘宝店怎么开 编辑：程序博客网 时间：2024/06/13 03:46
大数据正式19
jsp标签技术
- 提出:jsp是一种动态的web资源开发技术，看起来像html，但是可以嵌入java代码，非常方便开发，但是这样还是两种语言的混合，不方便开发和维护，可以用标签来代替java代码
- 目的：将jsp中的java代码消除掉，即将java代码用jsp标签来进行替换
jsp标签：sun公司在jsp2.0提供的原生标签，不需要导入任何开发包就可以使用，但是使用率非常少
页面包含：<jsp:include page="">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body> <h1>top</h1> <jsp:include page="/one.jsp"></jsp:include> <h1>foot</h1></body></html><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>My JSP 'one.jsp' starting page</title></head><body bgcolor="#ff00ff" text="#ffffff"> <h2>hello!!</h2></body></html>- 效果
- 效果
页面转发：<jsp:forward page="">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body> <h1>top</h1> <jsp:forward page="/one.jsp"></jsp:forward> <h1>foot</h1></body></html><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>My JSP 'one.jsp' starting page</title></head><body bgcolor="#ff00ff" text="#ffffff"> <h2>hello!!</h2></body></html>- 效果
- 效果
- 页面参数：<jsp:param name="" value="">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body> <h1>top</h1> <jsp:forward page="/one.jsp"> <jsp:param value="hello!!!" name="val" /> </jsp:forward> <h1>foot</h1></body></html><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>My JSP 'one.jsp' starting page</title></head><body bgcolor="#ff00ff" text="#ffffff"> <h2><%=request.getParameter("val") %></h2></body></html>- 效果
- 效果
EL表达式
- Expression Language 表达式语言
- 用来替代jsp的脚本表达式<%=表达式%>
- el只能获取【域】里面的对象，只能获取数据，不能遍历
功能
获取数据
- 形式：${el表达式}
数据类型
常量数据:${3.14}
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <h1>${3.14}</h1></body></html>- 效果
- 效果
- 变量数据：${变量名称}--从小到大范围的搜索，找到返回相应的值，找不到返回空字符串
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% pageContext.setAttribute("name", "kungfu~peng"); %> <h1>${name}</h1></body></html>- 效果
- 效果
- 获取数组中的数据：${array[x]}
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% String[] array = { "a", "b" }; pageContext.setAttribute("array", array); %> <h1>${array[1]}</h1></body></html>- 效果
- 效果
- 获取集合中的数据：${list[x]}
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% ArrayList<String> list = new ArrayList<String>(); list.add("a"); list.add("b"); list.add("c"); pageContext.setAttribute("list", list); %> <h1>${list[0]}</h1></body></html>- 效果
- 效果
获取map中的数据：${map}，${map["key"]},${map.key}
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% HashMap<String, String> map = new HashMap<String, String>(); map.put("a", "a"); map.put("b", "b"); map.put("c", "c"); pageContext.setAttribute("map", map); %> <h1>${map["c"]}</h1></body></html>- 效果
注：不同的情况，使用方式不同
- key中有点（.）时必须用""的方式
- 如果是常量，则可以用【常量】直接写
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% HashMap<String, String> map = new HashMap<String, String>(); map.put("a.a", "a.a"); map.put("b", "b"); map.put("c", "c"); pageContext.setAttribute("map", map); %> <h1>${map["a.a"]}</h1> <h1>${map.b}</h1> <h1>${map}</h1></body></html>- 效果
- 效果
获取JavaBean中的属性${对象.属性}
- 注：必须有getter方法
- 延伸：通过pageContext获取域对象和隐式对象进行相应的操作【路径：应用名--服务器不用写，浏览器看的得写】
例
javabean：Person
package compeng.javabean;import java.io.Serializable;public class Person implements Serializable { private String name; public String getName() { return name; } public void setName(String name) { this.name = name; }}jsp：index.jsp
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% Person p = new Person(); p.setName("kungfu~peng"); pageContext.setAttribute("p", p); %> <h1>${p.name}</h1></body></html>效果
执行简单运算
- 算数运算【el会尝试将非数字转化为数字，字母会报错，“+”在这里不是连接符】
- +
- -
- *
- /
- 关系运算符
- ==eq
- ！=ne
- <le
- >gt
- <=le
- >=ge
- 逻辑运算
- && and
- || or
- ！ not
- 三元表达式
- 表达式 ? 值1:值2
- empty
- 判断对象是否为null
- 判断字符串是否为“”
- 判断集合是否没元素
- 判断域中是否没有任何属性
- 算数运算【el会尝试将非数字转化为数字，字母会报错，“+”在这里不是连接符】
- 获取常用开发对象
- el为了大家方便使用，在其内部定义了11个内置对象，这些对象不需要提前存入就可使用
- 这里的11个对象和九大隐式对象没任何关系
- 11个对象
- pageContext 代表当前页面，有了它意味着有了九大隐式对象
- pageContext.request
- pageContext.sesson
- 。。。~9
- pageScope--pageContext域，不是pageContext对象，是基于map的域
- requestScope--Request域，不是request对象，是基于map的域
- sessionScope--session域，不是session对象，是基于map的域
- applicationScope--ServletContext域，不是ServletContext对象，是基于map的域
- param--所有请求参数组成map:<String,String>
- paramValues--所有请求参数组成map:<String,String[]>--当请求中出现多个同名的参数时
- head--浏览器提交的请求中，所有请求头组成的map:<String,String>
- headValues--浏览器提交的请求中，所有请求头组成的map:<String,String[]>--当请求头出现多个同名的参数时
- cookie--浏览器提交的中，所有Cookie信息组成的map：<String,Cookie对象>
- initParam--获取web应用初始化参数--web.xml文件中地全局配置信息
- pageContext 代表当前页面，有了它意味着有了九大隐式对象
- 调用java方法
- 自定义的java方法--没人用，略...
- el中的方法：结合jstl的fn库
- jstl的fn库
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <c:forEach var="i" items="${fn:split('aa.bb.cc','.') }">${i}</c:forEach></body></html>- 效果
JSTL标签库
- 定义JavaServer Pages Standard Tag Library标准标签库
- 兼容EL
- 开发步骤
- 导包或设置jsp的taglib指令<%@taglib prefix="" uri="" tagdir="包所在的位置"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> - jstl嵌入到html
- 导包或设置jsp的taglib指令<%@taglib prefix="" uri="" tagdir="包所在的位置"%>
- jstl的子库
- core：核心库
- fmt：国际化标签库
- xml：操作xml的标签库
- sql：操作关系型数据库
具体的标签
<c:out value="" default="" escapeXml=""></c:out>
- 输出固定值
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <c:out value="kungfu~peng"></c:out></body></html>- 效果
- 效果
- 输出变量
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% pageContext.setAttribute("name", "kungfu~peng"); %> <c:out value="${name} "></c:out></body></html>- 效果
- 效果
- 转义输出（escapeXml设置是否转义）
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% pageContext.setAttribute("name", "kungfu~peng"); %> <c:out value="<a href='#'>www.easymall.com</a>" escapeXml="true"></c:out></body></html>- 效果
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% pageContext.setAttribute("name", "kungfu~peng"); %> <c:out value="<a href='#'>www.easymall.com</a>" escapeXml="false"></c:out></body></html>- 效果
- 效果
输出默认值
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <c:out value="${haha}" default="haha~~"></c:out></body></html>- 效果
- 效果
- 输出固定值
<c:set property="" scope="" target="" value="" var=""></c:set>
增加域属性
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"><c:set scope="request" var="name" value="kungfupeng"></c:set>${requestScope.name}</body></html>- 效果
- 效果
- 向map中添加键值对和修改键值对
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% HashMap<String, String> map = new HashMap<String, String>(); pageContext.setAttribute("map", map); %> <c:set target="${map }" property="name" value="kungfu~peng"></c:set> ${map}</body></html>- 效果
- 效果
修改javabean
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% Person p = new Person(); p.setName("aa"); pageContext.setAttribute("p", p); %> ${p.name} <br /> <c:set target="${p }" property="name" value="kungfu~peng"></c:set> ${p.name}</body></html>- 效果
- 效果
<c:remove var="" scope=""/>
删除指定域中的值
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% pageContext.setAttribute("name", "kungfu~peng"); application.setAttribute("name", "kungfu~peng"); session.setAttribute("name", "kungfu~peng"); request.setAttribute("name", "kungfu~peng"); %> ${name} <br /> <c:remove var="name" scope="request"></c:remove> <%=request.getAttribute("name")%> <%=pageContext.getAttribute("name")%> <%=application.getAttribute("name")%> <%=session.getAttribute("name")%></body></html>- 效果
- 效果
不指定范围，则删除所有域中的值
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% pageContext.setAttribute("name", "kungfu~peng"); application.setAttribute("name", "kungfu~peng"); session.setAttribute("name", "kungfu~peng"); request.setAttribute("name", "kungfu~peng"); %> ${name} <br /> <c:remove var="name"></c:remove> <%=request.getAttribute("name")%> <%=pageContext.getAttribute("name")%> <%=application.getAttribute("name")%> <%=session.getAttribute("name")%></body></html>- 效果
- 效果
<c:catch var=""></c:catch>
捕获指定范围的异常
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <c:catch var="e"><%=(1 / 0)%></c:catch></body></html>- 效果
- 效果
var返回异常的对象
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <c:catch var="e"><%=(1 / 0)%></c:catch> ${e }</body></html>- 效果
- 效果
<c:if test="判断表达式" scope="域" var="test的Boolean值"></c:if>：只有if，没有else
判断语句
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <c:if test="true" scope="request" var="is">hello</c:if> ${requestScope.is}</body></html>- 效果
- 效果
- <c:choose><c:when><c:otherwise>
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% pageContext.setAttribute("day", 7); %> <c:choose> <c:when test="${day==1 }">星期一</c:when> <c:when test="${day==2 }">星期二</c:when> <c:when test="${day==3 }">星期三</c:when> <c:when test="${day==4 }">星期四</c:when> <c:when test="${day==5 }">星期五</c:when> <c:when test="${day==6 }">星期六</c:when> <c:otherwise>星期天</c:otherwise> </c:choose></body></html>- 效果
- 效果
<c:forEach begin="" end="" items="" step="" var="" varStatus="位置"></c:forEach>
- 普通循环
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <c:forEach begin="1" end="5" step="1">a<br /> </c:forEach></body></html>- 效果
- 效果
增强for循环
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <% ArrayList<String> list = new ArrayList<String>(); list.add("a"); list.add("b"); list.add("c"); pageContext.setAttribute("list", list); %> <c:forEach items="${list}" var="i">${i}<br /> </c:forEach></body></html>- 效果
- 效果
- 普通循环
- <c:forTokens items="" delims=""></c:forTokens>分割
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <c:forTokens items="cc.vv.aa" delims="." var="i">${i }</c:forTokens></body></html>- 效果
- 效果
- <c:url context="" scope="" value="" var=""></c:url>
- url重写【第一次有cookie，但它是智能的，如果没禁用，则第二次访问时，Jsessionid就自动不带了】
<%@page import="compeng.javabean.Person"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head></head><body bgcolor="#00ff00" text="#ffffff"> <c:url value="/index.jsp" var="i" scope="request" context="/EasyMall"></c:url> ${requestScope.i}</body></html>- 效果
- 效果
- url重写【第一次有cookie，但它是智能的，如果没禁用，则第二次访问时，Jsessionid就自动不带了】
自定义标签
- 略(补充材料中找)
EasyMall页面改造
主页
top.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><!DOCTYPE HTML><link rel="stylesheet" href="css/head.css" /><meta http-equiv="Content-type" content="text/html; charset=UTF-8" /><div id="common_head"> <div id="line1"> <div id="content"> <c:if test="${sessionScope.username!=null}"> 您好：${sessionScope.username} | <a href="${requestScope.contextPath }/LogoutSer">注销 </a> </c:if> <c:if test="${sessionScope.username==null}"> <a href="${requestScope.contextPath }/login.jsp">登录</a> | <a href="${requestScope.contextPath }/regist.jsp">注册</a> </c:if> </div> </div> <div id="line2"> <img id="logo" src="img/head/logo.jpg" /> <input type="text" name="" /> <input type="button" value="搜索" /> <span id="goto"> <a id="goto_order" href="#">我的订单</a> <a id="goto_cart" href="#">我的购物车</a> </span> <img id="erwm" src="img/head/qr.jpg" /> </div> <div id="line3"> <div id="content"> <ul> <li><a href="#">首页</a></li> <li><a href="#">全部商品</a></li> <li><a href="#">手机数码</a></li> <li><a href="#">电脑平板</a></li> <li><a href="#">家用电器</a></li> <li><a href="#">汽车用品</a></li> <li><a href="#">食品饮料</a></li> <li><a href="#">图书杂志</a></li> <li><a href="#">服装服饰</a></li> <li><a href="#">理财产品</a></li> </ul> </div> </div></div>index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" buffer="0kb"%><!DOCTYPE HTML><html><head><meta http-equiv="Content-type" content="text/html; charset=UTF-8" /><link rel="stylesheet" href="css/index.css" /><title>欢迎光临EasyMall</title></head><body> <%@include file="head.jsp"%> <div id="index"> <div id="line1"> <img src="img/index/banner_big.jpg" /> </div> <div id="line2"> <img id="line2_1" src="img/index/adv1.jpg" /> <img id="line2_2" src="img/index/adv2.jpg" /> <img id="line2_3" src="img/index/adv_l1.jpg" /> </div> <div id="line3"> <img id="line3_1" src="img/index/adv3.jpg" /> <img id="line3_2" src="img/index/adv4.jpg" /> <div id="line3_right"> <img id="line3_3" src="img/index/adv_l2.jpg" /> <img id="line3_4" src="img/index/adv_l3.jpg" /> </div> </div> <div id="line4"> <img src="img/index/217.jpg" /> </div> <div id="line5"> <span id="line5_1"> <img src="img/index/icon_g1.png" /> 500强企业 品质保证 </span> <span id="line5_2"> <img src="img/index/icon_g2.png" /> 7天退货 15天换货 </span> <span id="line5_3"> <img src="img/index/icon_g3.png" /> 100元起免运费 </span> <span id="line5_4"> <img src="img/index/icon_g4.png" /> 448家维修网点 全国联保 </span> </div> </div> <%@include file="foot.jsp"%></body></html>foot.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML><meta http-equiv="Content-type" content="text/html; charset=UTF-8" /><link rel="stylesheet" href="css/foot.css" /><div id="common_foot"> <p> Copyright © 2011-2015 达内软件技术有限公司 版权所有 保留一切权利 苏B2-20130048号 | 京ICP备09062682号-9 <br> 网络文化经营许可证苏网文[2012]0401-019号 </p></div>
注册
regist.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><!DOCTYPE HTML><html><head><title>欢迎注册EasyMall</title><meta http-equiv="Content-type" content="text/html; charset=UTF-8" /><link rel="stylesheet" href="css/regist.css" /><script type="text/javascript" src="js/jquery-1.4.2.js"></script><script type="text/javascript"> $(document).ready( function() { var canSubmit = true;//提交的标志 //用户名已存在检查（ajax） $("input[name='username']").blur( function() { if ($("input[name='username']").val() != "") { $.get("/UserNameHasServlet?" + $.param({ "username" : $( "input[name='username']") .val() }), function(data) { if ($.parseJSON(data).hasUser) { //提示该账户已有 $("input[name='username']") .next("span").text("用户名重复!"); canSubmit = false; } else { $("input[name='username']") .next("span").text(""); canSubmit = true; } }); } }); //两次密码的一致性检验(失去焦点) $("input[name='password2']").blur( function() { if ($("input[name='password2']").val() != "") { if ($("input[name='password']").val() != $( "input[name='password2']").val()) {//密码不一致 $("input[name='password2']").next("span") .text("密码不一致!"); canSubmit = false; } else { $("input[name='password2']").next("span") .text(""); canSubmit = true; } } }); //检查邮箱的格式是否正确 $("input[name='email']").blur(function() { var email_Reg = /^\w+@\w+(\.\w+)+$/; if ($(this).val() != "" && email_Reg.test($(this).val())) { $(this).next("span").text(""); canSubmit = true; } else { $(this).next("span").text("邮箱格式不正确！"); canSubmit = false; } }); //验证码切换（点击事件） $("#yzm_img").click( function() { $(this).attr( "src", "/ValiImageServlet?time=" + new Date().getTime()); }); //表单提交事件 $("form").submit(function() { //判断所有的输入框是否为空 $.each($("input[type!='submit']"), function() { if ($(this).val() == "") {//密码不一致 $(this).nextAll("span").text("数据不能为空！"); canSubmit = false; } else { $(this).nextAll("span").text(""); canSubmit = true; } }); return canSubmit; }); });</script></head><body> <h1>欢迎注册EasyMall</h1> <form action="/RegisteSer" method="POST" onsubmit=""> <table> <tr> <td class="tds">用户名：</td> <td><input type="text" name="username" value="${param.username }"><span></span></td> </tr> <tr> <td class="tds">密码：</td> <td><input type="password" name="password"><span></span> </td> </tr> <tr> <td class="tds">确认密码：</td> <td><input type="password" name="password2"><span></span> </td> </tr> <tr> <td class="tds">昵称：</td> <td><input type="text" name="nickname" value="${param.nickname }"><span></span></td> </tr> <tr> <td class="tds">邮箱：</td> <td><input type="text" name="email" value="${param.email }"><span></span> </td> </tr> <tr> <td class="tds">验证码：</td> <td><input type="text" name="valistr"><img id="yzm_img" src="/ValiImageServlet" style="cursor: pointer" /><span><font color="#ff0000">${requestScope.msg }</font> </span> </td> </tr> <tr> <td colspan="2"><input type="submit" value="注册用户" /></td> </tr> </table> </form></body></html>
登录
- login.jsp
<%@page import="java.net.URLDecoder"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><!DOCTYPE HTML><html><head><meta http-equiv="Content-type" content="text/html; charset=UTF-8" /><link rel="stylesheet" href="css/login.css" /><title>EasyMall欢迎您登陆</title></head><body> <h1>欢迎登陆EasyMall</h1> <form action="/LoginSer" method="POST"> <table> <c:if test="${param.msg!=null}"> <tr> <td colspan='2'><font color='#ff0000'> <!-- 注：这里没有解决乱码的jstl标签，所以用java代码来写--><%=new String(request.getParameter("msg").getBytes( "iso8859-1"), "utf-8")%> </font> </td> </tr> </c:if> <tr> <td class="tdx">用户名:</td> <td><input type="text" name="username" id="username" value="" /> </td> </tr> <tr> <td class="tdx">密码:</td> <td><input type="password" name="password" /></td> </tr> <tr> <td colspan="2"><input type="checkbox" name="remname" value="true" <c:if test="${cookie.remname!=null }">checked="checked"</c:if> />记住用户名 <input type="checkbox" name="autologin" value="true" />30天内自动登陆</td> </tr> <tr> <td colspan="2"><input type="submit" value="登陆" /> </td> </tr> </table> </form> <script type="text/javascript"> //给账号设值 var username = "${cookie.remname.value}"; document.getElementById("username").value = decodeURIComponent(username); </script></body></html>
- login.jsp
补充
阅读全文
0 0
- 大数据正式19
- 大数据正式1
- 大数据正式2
- 大数据正式3
- 大数据正式4
- 大数据正式5
- 大数据正式6
- 大数据正式7
- 大数据正式8
- 大数据正式9
- 大数据正式10
- 大数据正式11
- 大数据正式12
- 大数据正式13
- 大数据正式14
- 大数据正式15
- 大数据正式16
- 大数据正式17
- 微信小程序使用 icon-font
- getText()方法为什么要加toString
- MUI H5+科大讯飞语音识别功能如何去除默认界面
- malloc用法
- ubuntu16.04 在anaconda下配置python的openCV和openGL
- 大数据正式19
- 数据结构实验之图论七：驴友计划
- Git更新，出现Can't update: no tracked branch错误
- IO模型
- Retrofit+OkHttpClient+Fresco+XRecyclerView+RxJava实现数据展示
- STM32F10X系列的MCU配置PB3和PB4为普通IO口
- 好书推荐《R语言在定量金融中的应用》
- B
- 蓝桥杯 Torry的困惑(基本型)
