JavaWeb

第一部分：jstl标签库

1、jstl标签库的简介

1.1 jstl：JavaServerPages Standard Tag Library，jsp的标准的标签库1.2 使用jstl标签库，可以和jsp指令taglib一起使用，替代页面中<% %>（1）jstl版本 1.0   1.1   1.21.3 要使用jstl标签库，导入jstl的jar包（两个jar包）（1）jstl标签库使用在jsp页面中，需要jsp页面中引入标签库，使用taglib指令引入= <%@ taglib uri="jstl标签库的路径" prefix="jstl标签库的别名" %>= 找到引入的jar包里面，找到META-INF的c.tld文件，找到    <short-name>c</short-name>    <uri>http://java.sun.com/jsp/jstl/core</uri>= <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>（2）写法：= <c:标签库的名称 属性="属性值">1.4 jstl的入门案例（1）代码    <!-- 嵌入java代码 -->    <%    int m = 10;    if(m == 10) {    %>    <h2>m等于10</h2>    <%     } else {    %>    <h2>m不等于10</h2>    <%     }     %>    <hr/>    <!-- 使用jstl标签库，把java代码换成jstl表示出来 -->    <!-- 定义一个变量 ，使用jstl里面set标签实现，向域对象里面设置一个值 -->    <c:set var="a" value="20"></c:set>    <!-- 条件判断，使用jstl里面的if标签实现 -->    <c:if test="${a==10 }">    <h1>a等于10</h1>       </c:if>    <c:if test="${a!=10 }">    <h2>a不等于10</h2>    </c:if>

2、jstl的if标签

2.1 进行条件判断的标签2.2 写法 <c:if test="判断的条件">2.3 在jstl中没有 <c:else>标签2.4 代码    <!-- 条件判断，使用jstl里面的if标签实现 -->    <c:if test="${a==10 }">    <h1>a等于10</h1>       </c:if>    <c:if test="${a!=10 }">    <h2>a不等于10</h2>    </c:if>

3、jstl的forEach标签

3.1 遍历的操作的标签3.2 使用forEach标签获取域对象里面数组、集合（list、set、map）、多个对象的属性值3.3 写法：<c:forEach var="每次遍历的值" items="域对象里面 ${名称}">3.4 使用forEach标签获取域对象里面的数组的值（1）代码    <!-- 使用jstl的foreach标签获取域对象里面的数组的值 -->    <%    //创建数组，把数组放到域对象里面    String[] arr = {"lucy","mary","jack"};    request.setAttribute("arr", arr);        %>    <!-- 使用el表达式获取 -->    ${arr[0] }    <hr/>    <!-- 使用foreach标签获取 -->    <!--     使用增强for循环    for(String a : arr) {}     -->    <c:forEach var="a" items="${arr }">    ${a }<br/>    </c:forEach>3.5 使用jstl的forEach标签获取域对象里面的集合中的值（1）获取域对象里面list集合里面的值= 代码    <!-- 使用jstl的forEach标签获取域对象里面的list集合的值 -->    <%    //创建list集合    List<String> list = new ArrayList<String>();    list.add("aaaa");    list.add("bbbb");    list.add("cccc");    //把list集合放到域对象里面    request.setAttribute("list", list);     %>    <!-- 使用el表达式获取里面list的值 -->    ${list[0] }    <hr/>    <!-- 使用forEach标签获取值 -->    <!--     for(String l : list) {}     -->    <c:forEach var="l" items="${list }">    ${l } <br/>    </c:forEach>（2）获取域对象里面set集合里面的值= 使用el表达式不能获取域对象里面的set集合中的值，因为set集合无序的，不能通过下标获取= 代码    <!-- 使用jstl里面的forEach标签获取域对象里面的set集合的值 -->    <%    //创建set集合，把set集合放到域对象里面    Set<String> set = new HashSet<String>();    set.add("WWW");    set.add("QQQ");    set.add("TTT");    request.setAttribute("set", set);     %>     <!-- 使用el表达式获取 -->   <%--   ${set[0] } --%>   <!-- 使用forEach标签获取 -->   <c:forEach var="set" items="${set }">    ${set }<br/>   </c:forEach>（3）获取域对象里面map集合里面的值= 使用el表达式获取域对象里面map集合值，根据map的key得到value= 代码    <!-- 使用jstl的foreach标签获取域对象里面map集合值 -->    <%    //创建map，把map集合放到域对象里面    Map<String,String> map = new HashMap<String,String>();    map.put("aaa", "AAA");    map.put("bbb", "BBB");    map.put("ccc", "CCC");    request.setAttribute("map", map);     %>    <!-- 使用el表达式获取值 -->    ${map.aaa }    <hr/>    <!-- 使用foreach标签获取值 -->    <c:forEach var="m" items="${map }">    ${m.key } , ${m.value } <br/>    </c:forEach>3.6 使用jstl的forEach标签获取域对象里面多个对象的属性的值（1）如何把多个对象放到域对象里面= 可以先把多个对象放到集合里面（list），再把list集合放到域对象里面= 代码    <!-- 把多个对象放到域对象里面 -->    <%    //创建多个对象    User user1 = new User();    user1.setUsername("东方不败");    user1.setPassword("999");    User user2 = new User();    user2.setUsername("岳不群");    user2.setPassword("444");    User user3 = new User();    user3.setUsername("林平之");    user3.setPassword("666");    //把多个对象放到list集合里面    List<User> list = new ArrayList<User>();    list.add(user1);    list.add(user2);    list.add(user3);    //把list集合放到域对象里面    request.setAttribute("list", list);     %>= 获取多个对象的属性值的代码    <!-- 使用jstl的foreach标签获取域对象里面多个对象的属性的值 -->     <!-- 使用foreach标签获取值 -->     <c:forEach var="user" items="${list }">    ${user.username }  ：：  ${user.password } <br/>     </c:forEach>

第二部分：jsp的开发模式

1、jsp的开发模式

1.1 有两种开发模式第一种：模型一（1）使用技术是jsp和javabean（2）特点：需要在jsp中嵌入java代码，jsp中java代码和html代码混合使用，造成页面的结构很混乱，不利于程序的维护第二种：模型二（一般使用）（1）使用技术是 jsp、servlet和javabean（2）特点：结构很清晰，每种技术只负责自己应该做的事情，利于程序维护（3）jsp：负责显示数据；javabean：负责是处理数据；servlet：负责的是管理操作，哪个javabean里面的数据显示到哪个jsp页面中

2、使用模型二实现登录的功能

2.1 登录功能实现的步骤（1）创建登录页面（使用jsp创建页面），写表单，在表单里面有输入用户名和密码的输入项，提交表单到servlet里面（2）创建javabean，封装数据；创建类处理数据操作（判断用户名和密码是否正确）（3）创建servlet，管理功能= * 1、获取输入的用户名和密码  *     = 使用request.getParameter方法实现  * 2、把用户名和密码封装到javabean里面  *     = 使用传统方式  *  = 使用beanutils框架，getParameterMap()方法  * 3、调用service里面的方法实现登录

3、mvc的开发模式

3.1 各部分的组成在mvc里面各部分使用不同的技术，这些技术，每种技术只是负责自己应该做的事情使用mvc的开发模式，可以使程序结构清晰，利于程序的维护，后期扩展（1）m：模型（2）v：视图（3）c：控制器（4）特点：使用控制器，控制哪个模型里面的数据显示到哪个视图里面3.2 在javaweb开发中，模型二就是一种mvc的模式（1）m：使用javabean技术，处理数据（2）v：使用jsp技术，显示数据（3）c：使用servlet技术，控制管理功能

4、javaee的三层结构

4.1 web层    业务逻辑层    持久化层4.2 dao模式（1）专注于对数据库操作的模式，使用在持久化层里面（2）使用方式：首先创建接口，接口里面定义操作数据库的方法之后，创建类，这个类实现接口里面的方法在使用dao时候参数使用对象的形式进行传递的

第三部分： 案例

1、案例一：使用mvc+dao模式实现登录功能

1.1 实现步骤的分析（画图）1.2 代码实现= 核心代码    //调用dao接口里面的方法    UserDao dao = new UserDaoImpl();    boolean flag = dao.loginUser(user);

2、案例二：使用mvc+dao模式实现用户注册功能

2.0 最终的目的：向数据库表添加一条记录2.1 实现步骤的分析（画图）2.2 代码实现2.3 注册功能的完善（1）用户的id不需要输入，使用程序自动生成出来（随机唯一的id值）第一种方式：创建表时候，把id的字段设置成主键，同时自动增长（类型是int）第二种方式：通过程序生成一个随机的唯一的值（使用毫秒数；使用工具类UUID生成）= 代码    //生成一个随机的唯一的id值，把生成的id值封装到javabean里面    String id = UUID.randomUUID().toString();    id = id.replace("-", "");    user.setId(id);（2）用户名称不能重复添加= 实现的思路== 根据输入的用户名到数据库里面进行查询，如果存在相同名称的用户名，不进行添加；否则，添加用户    = 代码    //获取输入的用户名    String username = request.getParameter("username");    //调用service里面的方法判断是否相同    UserService service = new UserService();    boolean userExist = service.findUserByName(username);    //如果存在，不进行添加    if(userExist) {        //回到注册页面，同时传递错误的信息        request.setAttribute("msg", "用户名已经存在");        request.getRequestDispatcher("/reg.jsp").forward(request, response);        return;    }

3、案例三：使用mvc+dao模式实现显示所有用户功能

3.1 把用户表里面的所有用户的信息，显示到页面的表格里面3.2 实现的步骤（1）创建servlet，在servlet里面调用service里面的方法实现查询表中的所有数据= 把所有的用户放到什么地方？== 在表中有多条记录，先把每条记录放到user对象里面== 有多个user对象，把多个user对象放到list集合里面= 把list集合里面的多个user对象显示到页面中== 把list集合传递到页面中，把list集合放到域对象里面== 通过转发到用户列表显示的页面（2）创建service，在service里面创建方法调用dao接口里面的方法（3）创建接口，创建类实现接口里面的查询的方法3.3 代码实现（1）封装数据的过程    //创建list集合    List<User> list = new ArrayList<User>();    //遍历结果集    while(rs.next()) {        //得到每次遍历的记录        String id = rs.getString("id");        String username = rs.getString("username");        String password = rs.getString("password");        String addr = rs.getString("addr");        //把每条记录先放到user对象里面        User user = new User();        user.setId(id);        user.setUsername(username);        user.setPassword(password);        user.setAddr(addr);        //把每个user对象放到list里面        list.add(user);    } （2）在页面中显示所有的用户到表格里面    <table border="1" cellpadding="10">        <tr>            <th>用户id</th>            <th>用户名称</th>            <th>用户密码</th>            <th>用户地址</th>        </tr>        <c:forEach var="user" items="${list }">            <tr>                <td>${user.id }</td>                <td>${user.username }</td>                <td>${user.password }</td>                <td>${user.addr }</td>            </tr>        </c:forEach>        </table> 

4、json插件的使用

4.1 得到所有的用户信息，返回的json数据格式，在页面中显示json里面的数据到表格里面4.2 把list集合转换成json的数据格式4.3 首先导入json插件使用到的jar包4.4 使用JSONArray和JSONObject类

5、案例四：使用json数据格式显示所有的用户的信息

5.1 代码（1）list转换成json的数据格式    //把list转换成json格式    JSONArray json = JSONArray.fromObject(list);    request.setAttribute("json", json);    request.getRequestDispatcher("/listjson.jsp").forward(request, response);（2）在jsp中通过js解析json数据格式    //得到域对象里面json的数据    var json = ${json};    //解析json数组的格式    //[{"addr":"china","id":"100","password":"123","username":"zhangsan"},    // {"addr":"tianjin","id":"200","password":"999","username":"lisi"}]    var tab = "<table border='1' cellpadding='10'>";    for(var i=0;i<json.length;i++) {        //得到数组里面的每个对象        var arr = json[i];        //得到每个对象的内容        var username = arr["username"];        var password = arr["password"];        var addr = arr["addr"];        //把这些值显示到表格里面        tab += "<tr><td>"+username+"</td><td>"+password+"</td><td>"+addr+"</td></tr>";    }    tab += "</table>";    //alert(tab);    //使用innerHTML属性把表格代码显示到div里面    var div1 = document.getElementById("div1");    div1.innerHTML = tab;

6.补充

(1)ajax:

$.ajax({        type:"POST",        url:"/aaa/testExits",        data:{username:usernameValue},        dataType:"text",        success:function (msg){                $("#reg_username_span").html("<font color='red'>"+msg+"</font>");        }    });