大数据正式19

最新推荐文章于 2024-04-25 20:07:48 发布
最新推荐文章于 2024-04-25 20:07:48 发布
阅读量292 收藏
点赞数
分类专栏： 达内实训 大数据学习痕迹
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eieiei438/article/details/78734127
版权

大数据正式19

jsp标签技术

  • 提出:jsp是一种动态的web资源开发技术，看起来像html，但是可以嵌入java代码，非常方便开发，但是这样还是两种语言的混合，不方便开发和维护，可以用标签来代替java代码
  • 目的：将jsp中的java代码消除掉，即将java代码用jsp标签来进行替换

  • jsp标签：sun公司在jsp2.0提供的原生标签，不需要导入任何开发包就可以使用，但是使用率非常少

    1. 页面包含：<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>
      • 效果

    2. 页面转发：<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>
      • 效果
    3. 页面参数：<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只能获取【域】里面的对象，只能获取数据，不能遍历

  • 功能

    1. 获取数据

      • 形式：${el表达式}

      • 数据类型

        1. 常量数据:${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>
          • 效果
        2. 变量数据：${变量名称}--从小到大范围的搜索，找到返回相应的值，找不到返回空字符串 

          <%@ 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>
          • 效果
        3. 获取数组中的数据：${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>
          • 效果
        4. 获取集合中的数据：${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>
          • 效果

        5. 获取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>
          • 效果

          • 注：不同的情况，使用方式不同

            1. key中有点（.）时必须用""的方式
            2. 如果是常量，则可以用【常量】直接写

            <%@ 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>
            • 效果

        6. 获取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>

            • 效果

    2. 执行简单运算

      1. 算数运算【el会尝试将非数字转化为数字，字母会报错，“+”在这里不是连接符】
        1. +
        2. -
        3. *
        4. /
      2. 关系运算符
        1. ==eq
        2. ！=ne
        3. <le
        4. >gt
        5. <=le
        6. >=ge
      3. 逻辑运算
        1. && and
        2. || or
        3. ！ not
      4. 三元表达式
        1. 表达式 ? 值1:值2
      5. empty
        1. 判断对象是否为null
        2. 判断字符串是否为“”
        3. 判断集合是否没元素
        4. 判断域中是否没有任何属性
    3. 获取常用开发对象
      • el为了大家方便使用，在其内部定义了11个内置对象，这些对象不需要提前存入就可使用
      • 这里的11个对象和九大隐式对象没任何关系
      • 11个对象
        1. pageContext 代表当前页面，有了它意味着有了九大隐式对象
          1. pageContext.request
          2. pageContext.sesson
          3. 。。。~9
        2. pageScope--pageContext域，不是pageContext对象，是基于map的域
        3. requestScope--Request域，不是request对象，是基于map的域
        4. sessionScope--session域，不是session对象，是基于map的域
        5. applicationScope--ServletContext域，不是ServletContext对象，是基于map的域
        6. param--所有请求参数组成map:<String,String>
        7. paramValues--所有请求参数组成map:<String,String[]>--当请求中出现多个同名的参数时
        8. head--浏览器提交的请求中，所有请求头组成的map:<String,String>
        9. headValues--浏览器提交的请求中，所有请求头组成的map:<String,String[]>--当请求头出现多个同名的参数时
        10. cookie--浏览器提交的中，所有Cookie信息组成的map：<String,Cookie对象>
        11. initParam--获取web应用初始化参数--web.xml文件中地全局配置信息
    4. 调用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
  • 开发步骤
    1. 导包或设置jsp的taglib指令<%@taglib prefix="" uri="" tagdir="包所在的位置"%> 

      <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    2. jstl嵌入到html
  • jstl的子库
    • core：核心库
    • fmt：国际化标签库
    • xml：操作xml的标签库
    • sql：操作关系型数据库

  • 具体的标签

    1. <c:out value="" default="" escapeXml=""></c:out>

      1. 输出固定值 

        <%@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>
        • 效果
      2. 输出变量 

        <%@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>
        • 效果
      3. 转义输出（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>
        • 效果

      4. 输出默认值

        <%@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>
        • 效果

    2. <c:set property="" scope="" target="" value="" var=""></c:set>

      1. 增加域属性

        <%@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>
        • 效果
      2. 向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>
        • 效果

      3. 修改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>
        • 效果

    3. <c:remove var="" scope=""/>

      1. 删除指定域中的值

        <%@ 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>
        • 效果

      2. 不指定范围，则删除所有域中的值

        <%@ 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>
        • 效果

    4. <c:catch var=""></c:catch>

      1. 捕获指定范围的异常

        <%@ 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>
        • 效果

      2. 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>
        • 效果

    5. <c:if test="判断表达式" scope="域" var="test的Boolean值"></c:if>：只有if，没有else

      1. 判断语句

        <%@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>
        • 效果
    6. <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>
      • 效果

    7. <c:forEach begin="" end="" items="" step="" var="" varStatus="位置"></c:forEach>

      1. 普通循环 

        <%@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>
        • 效果

      2. 增强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>
        • 效果
    8. <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>
      • 效果
    9. <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>
        • 效果

自定义标签

  • 略(补充材料中找)

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}&nbsp;&nbsp;|&nbsp;&nbsp;<a
                    href="${requestScope.contextPath }/LogoutSer">注销 </a>
            </c:if>
            <c:if test="${sessionScope.username==null}">
                <a href="${requestScope.contextPath }/login.jsp">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<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" />&nbsp;&nbsp;500强企业
                品质保证 </span> <span id="line5_2"> <img src="img/index/icon_g2.png" />&nbsp;&nbsp;7天退货
                15天换货 </span> <span id="line5_3"> <img src="img/index/icon_g3.png" />&nbsp;&nbsp;100元起免运费
            </span> <span id="line5_4"> <img src="img/index/icon_g4.png" />&nbsp;&nbsp;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>

补充

乘风御浪云帆之上
关注
专栏目录
大数据设计方案
悦分享
10-07 336
熟悉技能 : Hadoop, Hive, Flume, Kafka, Azkaban, Java/Scala, Spark, Sqoop, Zookeeper, Redis, MySQL, Xshell。日活,周活,用户活跃,用户新增,用户留存,漏斗分析,Gmv,流失用户,增长率,成交转化率,询单量,询单转化率,退单率等等。了解技能 : SparkStreaming, Flink, Hbase, Phoenix, ES。时活,订单量,接货量,交易额,广告点击,区域订单等等。
大数据八股文（自用）
m0_64735594的博客
07-25 1381
实现的逻辑是继承GenericUDF，重写evaluate方法，getdisplay方法。打包上传到hdfs路径上或者hive的lib目录 注册自定义的函数UDTF炸裂 一行多输出 TUDAF聚合多行输出一行Aggregate前台是和用户直接交互的界面和各种实时响应用户请求的业务逻辑。后台是并不直接面向用户的配置管理系统。中台就是各个项目业务中 重复的轮子，比如交易、支付。
大数据原理
weixin_48475751的博客
12-22 1829
一、数据核心原理 从“流程”核心转变为“数据”核心 大数据时代，计算模式也发生了转变，从“流程”核心转变为“数据”核心。Hadoop体系的分布式计算框架已经是“数据”为核心的范式。非结构化数据及分析需求，将改变IT系统的升级方式：从简单增量到架构变化。大数据下的新思维——计算模式的转变。 例如：IBM将使用以数据为中心的设计，目的是降低在超级计算机之间进行大量数据交换的必要性。大数据下，云计算找到了破茧重生的机会，在存储和计算上都体现了数据为核心的理念。大数据和云计算的关系：云计算为大数据提供了有力的工具和
认识大数据
weixin_42283818的博客
09-20 1792
大数据基础，了解大数据
大数据期末课设
m0_46596157的博客
07-11 970
ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9 /10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。Mahout，机器学习。大数据可视化将各项信息进行汇总、处理，以形象的展示形式，呈现给大众，在此之中，能加速用户指令的执行，实现高效、快速的应用。
大数据常见面试问题汇总
Bigdata_shit的博客
07-12 4308
你。
大数据白皮书材料整理
RayChiu757374816的博客
10-12 1455
大数据白皮书2014-2021整理
大数据技术习题
银晗的学习博客
11-09 3361
3个阶段，分别是运营式系统阶段、用户原创内容阶段和感知式系统阶段。大数据产业包含哪些层面IT基础设施层、数据源层、数据管理层、数据分析层、数据平台层、数据应用层。定义并解释以下术语：物联网、云计算12 详细阐述大数据、云计算和物联网三者之间的区别与联系。
大数据开发学习笔记
qq_51065387的博客
02-12 1229
大数据开发有两种 ， 一种需要编写Spark、Hadoop的应用程序 ， 另一种需要开发大数据处理系统本身 。 大数据开发工程师的职责是负责公司大数据平台的开发和维护、网络日志大数据分析、实时计算和流式计算等技术的研发和网络安全业务主题建模等工作 。
头歌平台——大数据技术——上机
最新发布
韭菜gaga的博客
04-25 2166
本文用于记录本人学习过程中的方法。
尚硅谷大数据技术之数据湖Iceberg-1.1.0.docx
03-06
- **发展历程**：Iceberg 在 2018 年 11 月 16 日进入 Apache 孵化器，并于 2020 年 5 月 19 日正式毕业成为 Apache 的顶级项目。 - **定义**：Iceberg 是一种针对海量数据分析设计的开放表格式(Table Format)，它...
云计算与大数据基础视频.zip
12-18
网盘文件永久链接 1.大数据云计算介绍和基础...12.Hadoop正式讲解 13.Hadoop实战（下） 14.HBase讲解 15.Flume讲解 16.Hive讲解 17.Spark讲解 18.Scala讲解与实战 19.Scala推荐程序实例 20.Storm讲解与实战 ..........
过往记忆大数据 USDP 实测搭建，可替代CDH的免费大数据套件平台
过往记忆大数据
07-13 5077
在过去几年，Cloudera 和 Hortonworks 两家大数据先驱公司分别为我们提供了CDP（Cloudera Data Platform）和HDP（Hortonworks Da...
大数据预科班作业8
菜鸟零号 kungfu~peng
09-12 7205
大数据预科班作业8（一二套） (第一套) 1. （static 属性）有如下代码 class MyClass{ static int a; int b; } public class TestMain{ public static void main(String args[]){ MyClass mc1 = new MyClass(); MyClass mc2 = new MyClas
大数据预科班作业7
菜鸟零号 kungfu~peng
09-12 6827
大数据预科班作业7 1. （继承、this 和super 关键字）有以下代码 class Super{ public Super(){ System.out.println("Super()"); } public Super(String str){ System.out.println("Super(String)");
大数据预科班1~4天习题
菜鸟零号 kungfu~peng
09-06 6103
第一、第二天作业 1.（标识符命名）下面几个变量中，那些是对的？那些是错的？错的请说明理由 A. ILoveJava B. $20 C. learn@java D. antony.lee E. Hello_World F. 2tige 正确的：A B E  错误的：C(@符号不满足) D(.符号不满足) F(数字不能开头) 2.假设有如下程序： package com.corej
京淘项目总结
菜鸟零号 kungfu~peng
02-12 5817
京淘项目总结项目整体结构项目设计初衷--有一套高可用、高并发的系统架构代码下载地址http://download.csdn.net/download/eieiei438/10250016
大数据预科班作业13
菜鸟零号 kungfu~peng
09-27 5589
大数据预科班作业13 1. （File 类）以下关于 File 类说法正确的是： A． 一个 File 对象代表了操作系统中的一个文件或者文件夹 B． 可以使用 File 对象创建和删除一个文件 C． 可以使用 File 对象创建和删除一个文件夹 D． 当一个 File 对象被垃圾回收时，系统上对应的文件或文件夹也被删除 ABC 2. （File 类）有如下代码：
大数据预科班作业10
菜鸟零号 kungfu~peng
09-22 4786
大数据预科班作业10 1. 填空 Collection 接口的特点是元素是_________；List 接口的特点是元素_____（有 |无）顺序，______（可以|不可以）重复； Set 接口的特点是元素_____（有| 无）顺序，______（可以|不可以）重复； Map 接口的特点是元素是__________, 其中_____可以重复，________不可以重复。
腾讯云大数据Elasticsearch Serverless：2023成都Meetup亮点解析
在2023年8月19日的成都meetup活动中，腾讯云大数据ES研发工程师陈月望探讨了Elasticsearch在Serverless模式下的新篇章。Elasticsearch，作为一款广泛用于日志分析、实时搜索和大数据处理的开源搜索引擎，近年来在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乘风御浪云帆之上

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值