Java Web(五) -- JSP & EL & JSTL

JSP & EL & JSTL
一、jsp
  Java Server Page 
1、什么是jsp
  从用户角度看待 ,就是是一个网页 , 从程序员角度看待 , 其实是一个java类, 它继承了servlet,所以可以直接说jsp 就是一个Servlet.
2、为什么会有jsp?
  html 多数情况下用来显示静态内容 , 一成不变的。 但是有时候我们需要在网页上显示一些动态数据, 比如: 查询所有的学生信息, 根据姓名去查询具体某个学生。  这些动作都需要去查询数据库,然后在网页上显示。 html是不支持写java代码  , jsp里面可以写java代码。 
3、怎么用JSP
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
  指令写法
    <%@ 指令名字 %>
  page指令
  language
  表明jsp页面中可以写java代码
5、contentType
  其实即使说这个文件是什么类型,告诉浏览器我是什么内容类型,以及使用什么编码
    contentType="text/html; charset=UTF-8"
    text/html  MIMEType 这是一个文本,html网页
6、pageEncoding  jsp内容编码
7、extends 用于指定jsp翻译成java文件后,继承的父类是谁,一般不用改。
  默认 extends ="httpjspbase" 8、import 导包使用的,一般不用手写。 9、session   值可选的有true or false .   用于控制在这个jsp页面里面,能够直接使用session对象。   具体的区别是,请看翻译后的java文件 如果该值是true , 那么在代码里面会有getSession()的调用,如果是false : 那么就不会有该方法调用,也就是没有session对象了。在页面上自然也就不能使用session了。 10、errorPage   指的是错误的页面, 值需要给错误的页面路径 11、isErrorPage   上面的errorPage 用于指定错误的时候跑到哪一个页面去。 那么这个isErroPage , 就是声明某一个页面到底是不是错误的页面。
  显示错误信息 <%=exception.toString()%> include   包含另外一个jsp的内容进来,也称为静态包含。
  <%@ include file="other02.jsp"%>
  背后细节:
    把另外一个页面的所有内容拿过来一起输出。 所有的标签元素都包含进来。

taglib
  <%@ taglib prefix=""  uri=""%>  
  uri: 标签库路径
  prefix : 标签库的别名  

JSP 动作标签
  <jsp:include page=""></jsp:include>
  <jsp:param value="" name=""/>
  <jsp:forward page=""></jsp:forward>
1、jsp:include
  <jsp:include page="other02.jsp"></jsp:include>
  包含指定的页面, 这里是动态包含。 也就是不把包含的页面所有元素标签全部拿过来输出,而是把它的运行结果拿过来。 
2、jsp:forward
  <jsp:forward page=""></jsp:forward>
  前往哪一个页面。等同于以下的 Java 代码:
  <% 
  // 请求转发
  request.getRequestDispatcher("other02.jsp").forward(request, response);
  %>

 

	

jsp:param
意思是: 在包含某个页面的时候,或者在跳转某个页面的时候,加入这个参数。
  <jsp:forward page="other02.jsp">
    <jsp:param value="beijing" name="address"/>
  </jsp:forward>
    
  // 在other02.jsp中获取参数

  <br>收到的参数是:<br>

   <%= request.getParameter("address")%>

 

 

JSP内置对象
  所谓内置对象,就是我们可以直接在jsp页面中使用这些对象。 不用创建。
    pageContext
    request
    session
    application
  以上4个是作用域对象 , 
1、作用域 
  表示这些对象可以存值,他们的取值范围有限定。  setAttribute   和  getAttribute
  <h3>使用作用域来存储数据</h3><br />

  <%
    pageContext.setAttribute("name", "page");
    request.setAttribute("name", "request");
    session.setAttribute("name", "session");
    application.setAttribute("name", "application");
  %>
        
  <h3>取出四个作用域中的值</h3><br />
        
  <%=pageContext.getAttribute("name")%>
  <%=request.getAttribute("name")%>
  <%=session.getAttribute("name")%>
  <%=application.getAttribute("name")%>
  作用域范围大小:
    pageContext -- request --- session -- application 

四个作用域的区别
1、pageContext 【PageContext】
  作用域仅限于当前的页面。  
  还可以获取到其他八个内置对象。
2、request 【HttpServletRequest】
  作用域仅限于一次请求, 只要服务器对该请求做出了响应。 这个域中存的值就没有了。
3、session 【HttpSession】
  作用域限于一次会话(多次请求与响应) 当中。 
4、application 【ServletContext】
  整个工程都可以访问, 服务器关闭后就不能访问了。 




  out  【JspWriter】
    jsp 默认输出方式   response 【HttpServletResponse】

  exception  【Throwable】
  page	 【Object】(this) ---就是这个jsp翻译成的java类的实例对象
  config 【ServletConfig】
  <%
    // 取出初始化配置信息
    config.getInitParamter(name)
  %>

 

二、EL表达式
  是为了简化咱们的jsp代码,具体一点就是为了简化在jsp里面写的那些java代码。
1、写法格式
  ${表达式 }
  如果从作用域中取值,会先从小的作用域开始取,如果没有,就往下一个作用域取。  一直把四个作用域取完都没有, 就没有显示。



如何使用
1、取出4个作用域中存放的值。
  <%
    pageContext.setAttribute("name", "page");
    request.setAttribute("name", "request");
    session.setAttribute("name", "session");
    application.setAttribute("name", "application");
  %>
        
  <h3>按普通手段取值</h3>
        
  <%= pageContext.getAttribute("name")%>
  <%= request.getAttribute("name")%>
  <%= session.getAttribute("name")%>
  <%= application.getAttribute("name")%>
        
  <h3>使用EL表达式取出作用域中的值</h3>
        
  ${ pageScope.name }
  ${ requestScope.name }
  ${ sessionScope.name }
  ${ applicationScope.name }
2、如果域中所存的是数组
  <%
    String [] a = {"aa","bb","cc","dd"};
    pageContext.setAttribute("array", a);
  %>
           
  <h3>使用EL表达式取出作用域中数组的值</h3>
           
  ${array[0] } , ${array[1] },${array[2] },${array[3] }
3、如果域中锁存的是集合
  <br>-------------集合数据----------------<br>
    
  <%
    List list = new ArrayList();
    list.add("11");
    list.add("22");
    list.add("33");
    list.add("44");
    // pageContext.setAttribute("li", list);
    session.setAttribute("li", list);
  %>
    
  <h3>使用EL表达式取出作用域中集合的值</h3>
    
  ${li[0] } , ${li[1] },${li[2] },${li[7] }
4、 取出Map集合的值
  <%
    Map map = new HashMap();
    map.put("name", "zhangsna");
    map.put("age",18);
    map.put("address","北京..");
           
    map.put("address.aa","深圳..");

    pageContext.setAttribute("map", map);
  %>
  <h3>使用EL表达式取出作用域中Map的值</h3>
       
  ${map.name } , ${map.age } , ${map.address }  , ${map["address.aa"] }

 

取值细节:
1、
  从指定的域中取值。  得先存值。
  <%
    // pageContext.setAttribute("name", "zhangsan");
    session.setAttribute("name", "lisi...");
  %>

  <br>直接指定说了,到这个作用域里面去找这个name<br>
  ${ pageScope.name } 


  <br>// 先从 page 域对象里面找,没有去 request 找,去 session,去 application <br>
  ${ name }

  <br>指定从session中取值<br>
  ${ sessionScope.name } 
2、取值方式

如果这份值是有下标的,那么直接使用[]
  <%
    String [] array = {"aa","bb","cc"}
    session.setAttribute("array",array);
  %>


  ${ array[1] } --> 这里array说的是attribute的name 
如果没有下标, 直接使用 .的方式去取
  <%
    User user = new User("zhangsan",18);
        
    session.setAttribute("u", user);
  %>
    
  ${ u.name }  , ${ u.age }
  一般使用EL表达式,用的比较多的,都是从一个对象中取出它的属性值,比如取出某一个学生的姓名。


##EL表达式 的11个内置对象。 

${ 对象名.成员 }

- pageContext 

作用域相关对象
- pageScope
- requestScope
- sessionScope
- applicationScope

头信息相关对象
- header
- headerValues

参数信息相关对象
- param
- paramValues


- cookie
  全局初始化参数
- initParam


JSTL
  全称 : JSP Standard Tag Library  jsp标准标签库
  简化jsp的代码编写。 替换 <%%> 写法。 一般与EL表达式配合
1、怎么使用
  ① 导入jar文件到工程的WebContent/Web-Inf/lib  jstl.jar standard.jar
  ② 在jsp页面上,使用taglib 指令,来引入标签库
  ③ 注意: 如果想支持 EL表达式,那么引入的标签库必须选择1.1的版本,1.0的版本不支持EL表达式。
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
常用标签
  <c:set></c:set>
  <c:if test=""></c:if>
  <c:forEach></c:forEach>

 

1、c:set
  <!-- 声明一个对象name, 对象的值 zhangsan , 存储到了page(默认) , 指定是session -->
  <c:set var="name" value="zhangsan" scope="session"></c:set>
        
  ${sessionScope.name }
2、 c:if
  判断test里面的表达式是否满足,如果满足,就执行c:if标签中的输出 , c:if 是没有else的。
  <c:set var="age" value="18" ></c:set>
  <c:if test="${ age > 26 }">
    年龄大于了26岁...
  </c:if>
        
  <c:if test="${ age <= 26 }">
    年龄小于了26岁...
  </c:if>

  ------------------------------<br />
  定义一个变量名 flag  去接收前面表达式的值,然后存在session域中

  <c:if test="${ age > 26 }" var="flag" scope="session">
    年龄大于了26岁...
  </c:if>
3、 c:forEach
  从1 开始遍历到10 ,得到的结果 ,赋值给 i ,并且会存储到page域中, step , 增幅为2, 
  <c:forEach begin="1" end="10" var="i" step="2">  
    ${i }
  </c:forEach>

  -----------------------------------------------
  <!-- items : 表示遍历哪一个对象,注意,这里必须写EL表达式。 
  var: 遍历出来的每一个元素用user 去接收。 -->
  <c:forEach var="user" items="${list }">
    ${user.name } ----${user.age }
  </c:forEach>

 


学生信息管理系统
一、需求分析

1、先写 login.jsp , 并且搭配一个LoginServlet 去获取登录信息。
2、创建用户表, 里面只要有id , username  和 password
3、创建UserDao, 定义登录的方法
  /**
   *   该dao定义了对用户表的访问规则
   */
  public interface UserDao {

    /**
     * 这里简单就返回一个Boolean类型, 成功或者失败即可。
     * ​
     * 但是开发的时候,登录的方法,一旦成功。这里应该返回该用户的个人信息
     * @param userName 
     * @param password
     * ​
     * @return true : 登录成功, false : 登录失败。
     */
    boolean login(String userName , String password);
  }
4、创建UserDaoImpl , 实现刚才定义的登录方法。
  public class UserDaoImpl implements UserDao {

    @Override
    public boolean login(String userName , String password) {
                
      Connection conn = null;
      PreparedStatement ps = null;
      ResultSet rs   = null;
      try {
         // 1、得到连接对象
        conn = JDBCUtil.getConn();
                    
        String sql = "select * from t_user where username=? and password=?";
                    
        // 2、创建ps对象
        ps = conn.prepareStatement(sql);
        ps.setString(1, userName);
        ps.setString(2, password);


        // 3、开始执行。
        rs = ps.executeQuery();
                    
        // 如果能够成功移到下一条记录,那么表明有这个用户。 
        return rs.next();
                    
      } catch (SQLException e) {
        e.printStackTrace();
      }finally {
        JDBCUtil.release(conn, ps, rs);
      }
      return false;
    }
        
  }
5、 在LoginServlet里面访问UserDao, 判断登录结果。 以区分对待
6、创建stu_list.jsp , 让登录成功的时候跳转过去。
7、创建学生表 , 里面字段随意。 
8、定义学生的Dao . StuDao
  public interface StuDao {

    /**
     * 查询出来所有的学生信息
     * @return List集合
     */
    List<Student> findAll();
  }
9、对上面定义的StuDao 做出实现 StuDaoImpl
  public class StuDaoImpl implements StuDao {

    @Override
    public List<Student> findAll() {
      List<Student> list = new ArrayList<Student>();
      Connection conn = null;
      PreparedStatement ps = null;
      ResultSet rs   = null;
      try {
        // 1、得到连接对象
        conn = JDBCUtil.getConn();
                   
        String sql = "select * from t_stu";
                   
        ps = conn.prepareStatement(sql);
                   
        rs = ps.executeQuery();


        // 数据多了,用对象装, 对象也多了呢? 用集合装。 
        while(rs.next()){ // 10 次 ,10个学生
                       
          Student stu = new Student();
                       
          stu.setId(rs.getInt("id"));
          stu.setAge(rs.getInt("age"));
          stu.setName(rs.getString("name"));
          stu.setGender(rs.getString("gender"));
          stu.setAddress(rs.getString("address"));
                       
          list.add(stu);
                       
        }
      } catch (SQLException e) {
        e.printStackTrace();
      }finally {
        JDBCUtil.release(conn, ps, rs);
      }
               
        return list;
    }  
  }
10、在登录成功的时候,完成三件事情。
  ① 查询所有的学生
  ② 把这个所有的学生集合存储到作用域中。
  ③ 跳转到stu_list.jsp
  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    // 提交的数据有可能有中文, 怎么处理。
    request.setCharacterEncoding("UTF-8");
    response.setContentType("text/html;charset=utf-8");
            
    // 1、获取客户端提交的信息
    String userName = request.getParameter("username");
    String password = request.getParameter("password");
            
    // 2、去访问dao , 看看是否满足登录。
    UserDao dao = new UserDaoImpl();
    boolean isSuccess = dao.login(userName, password);
            
    // 3、针对dao的返回结果,做出响应
    if(isSuccess){
      // response.getWriter().write("登录成功.");
                
      // 1、查询出来所有的学生信息。
      StuDao stuDao = new StuDaoImpl();
      List<Student> list = stuDao.findAll();
                
      // 2、先把这个集合存到作用域中。
      request.getSession().setAttribute("list", list);
                
      // 3、重定向
      response.sendRedirect("stu_list.jsp");
                
    }else{
      response.getWriter().write("用户名或者密码错误!");
    }
  }
11、在stu_list.jsp中,取出域中的集合,然后使用c标签 去遍历集合。

 

  <table border="1" width="700">
    <tr align="center">
      <td>编号</td>
      <td>姓名</td>
      <td>年龄</td>
      <td>性别</td>
      <td>住址</td>
      <td>操作</td>
    </tr>
    
    <c:forEach items="${list }" var="stu">
      <tr align="center">
        <td>${stu.id }</td>
        <td>${stu.name }</td>
        <td>${stu.age }</td>
        <td>${stu.gender }</td>
        <td>${stu.address }</td>
        <td><a href="#">更新</a>   <a href="#">删除</a></td>
      </tr>
    </c:forEach>
  </table>

 

总结:
1、JSP
  三大指令
    page
    include
    taglib
  三个动作标签
    <jsp:include>
    <jsp:forward>
    <jsp:param>
  九个内置对象
    四个作用域
      pageContext
      request
      session
      application
  	
      out
      exception
      response
      page
      config
2、EL
  ${ 表达式 }
  取4个作用域中的值
    ${ name }
  有11个内置对象。
    pageContext

    pageScope
    requestScope
    sessionScope
    applicationScope
  	
    header
    headerValues
  	
    param
    paramValues
  	
    cookie
    initParam

3、JSTL
  使用1.1的版本, 支持EL表达式, 1.0不支持EL表达式
  拷贝jar包, 通过taglib 去引入标签库
    <c:set>
    <c:if>
    <c:forEach>













​	
posted @ 2018-06-26 09:23  昱晟  阅读(220)  评论(0编辑  收藏  举报