JSP+MVC开发模式 +EL表达式+ JSTL标签

 今日内容

       1. JSP:

              1. 指令

              2. 注释

              3. 内置对象

       2. MVC开发模式

       3. EL表达式

       4. JSTL标签

       5. 三层架构

## JSP:

       1. 指令

              * 作用:用于配置JSP页面,导入资源文件

              * 格式:

                     <%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %>

              * 分类:

                     1. page         : 配置JSP页面的

                            * contentType:等同于response.setContentType()

                                   1. 设置响应体的mime类型以及字符集

                                   2. 设置当前jsp页面的编码(只能是高级的IDE才能生效,如果使用低级工具,则需要设置pageEncoding属性设置当前页面的字符集)

                            * import:导包

                            * errorPage:当前页面发生异常后,会自动跳转到指定的错误页面

                            * isErrorPage:标识当前也是是否是错误页面。

                                   * true:是,可以使用内置对象exception

                                   * false:否。默认值。不可以使用内置对象exception

代码实现:

<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=gbk" errorPage="500.jsp"   pageEncoding="GBK" language="java" buffer="16kb" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
  <head>
    <title>$Title$</title>  
  </head>
  <body>
  <%
    List list = new ArrayList();
    int i = 3/0;
  %>
  </body>
</html>
isErrorPage:
<%@ page contentType="text/html;charset=UTF-8" isErrorPage="true" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

    <h1>服务器正忙...</h1>
    <%
        String message = exception.getMessage();
        out.print(message);
    %>
</body>
</html>

2. include     : 页面包含的。导入页面的资源文件

              * %@include file="top.jsp"%

代码实现:

建立top.jsp

   <%@ page contentType="text/html;charset=UTF-8" language="java" %>

<h1>页面logo页面标题</h1>

在建立home:home.jsp

写:

<%@ page contentType="text/html;charset=UTF-8" language="java"  %>
<%@include file="top.jsp"%>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <!--
        <h1>hello</h1>
    -->
    <%--
        <%
            System.out.println("hi~~~~");
        %>
    --%>
<%--
    <input>
--%>
    <%
        pageContext.setAttribute("msg","hello");
    %>
    <%=pageContext.getAttribute("msg")%>
</body>
</html>

3. taglib : 导入资源

//引入标签库

         * <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

         * prefix:前缀,自定义的

代码实现:

首先在WEB创建包 WEB-INF –》llib包 ---导入扎宝:

       2. 注释:

              1. html注释:

                     <!-- -->:只能注释html代码片段

              2. jsp注释:推荐使用

                     <%-- --%>:可以注释所有  特有的  

       3. 内置对象

              * 在jsp页面中不需要创建,直接使用的对象

              * 一共有9个:

                            变

量名         真实类型         作用
pageContext    PageContext   当前页面共享数据,还可以获取其他八个内置对象
  request                            HttpServletRequest                   一次请求访问的多个资源(转发)
 session                             HttpSession                              一次会话的多个请求间
 application                       ServletContext                          所有用户间共享数据
 response                                 HttpServletResponse                响应对象
 page                                       Object                                      当前页面(Servlet)的对象  this
  out                                         JspWriter                           输出对象,数据输出到页面上
   config                              ServletConfig                     

Servlet的配置对象

   exception     Th  rowable     异常对象

量名                               真实类型                                          作用

                     * pageContext                           PageContext                             当前页面共享数据,还可以获取其他八个内置对象

                     * request                            HttpServletRequest                    一次请求访问的多个资源(转发)

                     * session                             HttpSession                               一次会话的多个请求间

                     * application                       ServletContext                           所有用户间共享数据

                     * response                                 HttpServletResponse                 响应对象

                     * page                                       Object                                       当前页面(Servlet)的对象  this

                     * out                                         JspWriter                            输出对象,数据输出到页面上

                     * config                              ServletConfig                      Servlet的配置对象

                     * exception                                Th  rowable                              异常对象

## MVC:开发模式   

 1. jsp演变历史

              1. 早期只有servlet,只能使用response输出标签数据,非常麻烦

              2. 后来又jsp,简化了Servlet的开发,如果过度使用jsp,在jsp中即写大量的java代码,有写html表,造成难于维护,难于分工协作

              3. 再后来,java的web开发,借鉴mvc开发模式,使得程序的设计更加合理性

2. MVC:

              1. M:Model,模型。JavaBean

                     * 完成具体的业务操作,如:查询数据库,封装对象

              2. V:View,视图。JSP

                     * 展示数据

              3. C:Controller,控制器。Servlet

                     * 获取用户的输入

                     * 调用模型

                     * 将数据交给视图进行展示

详解图片:“

* 优缺点:

                     1. 优点:

                            1. 耦合性低,方便维护,可以利于分工协作

                            2. 重用性高

                     2. 缺点:

                            1. 使得项目架构变得复杂,对开发人员要求高

## EL表达式

       1. 概念:Expression Language 表达式语言

       2. 作用:替换和简化jsp页面中java代码的编写

       3. 语法:${表达式}

       4. 注意:

              * jsp默认支持el表达式的。如果要忽略el表达式

                     1. 设置jsp中page指令中:isELIgnored="true" 忽略当前jsp页面中所有的el表达式

                     2. \${表达式} :忽略当前这个el表达式

如:

                  ${3 > 4}

                  \${3 > 4}

       5. 使用:

              1. 运算:

                     * 运算符:

                            1. 算数运算符: + - * /(div) %(mod)

<h3>算数运算符</h3>

                                        ${3 + 4}<br>       7

                                        ${3 / 4}<br>        0.75

                                          ${3 div 4}<br>       0.75

                                          ${3 % 4}<br>         3

                                         ${3 mod 4}<br>      3

                            2. 比较运算符: > < >= <= == !=

                            3. 逻辑运算符: &&(and) ||(or) !(not)

                            4. 空运算符: empty

                                   * 功能:用于判断字符串、集合、数组对象是否为null或者长度是否为0

                                   * ${empty list}:判断字符串、集合、数组对象是否为null或者长度为0

                                   * ${not empty str}:表示判断字符串、集合、数组对象是否不为null 并且 长度>0

代码如下:

<h4>empty运算符</h4>
<%
    String str = "";
    request.setAttribute("str",str);
    List list = new ArrayList();
    request.setAttribute("list",list);
%>
    ${not empty str}
${not empty list}

2. 获取值(重要)

                     1. el表达式只能从域对象中获取值

                     2. 语法:

                            1. ${域名称.键名}:从指定域中获取指定键的值

                                   * 域名称:

                                          1. pageScope        --> pageContext

                                          2. requestScope   --> request

                                          3. sessionScope    --> session

                                          4. applicationScope --> application(ServletContext)

                                   * 举例:在request域中存储了name=张三

                                   * 获取:${requestScope.name}

代码实现:

<html>
<head>
    <title>el获取域中的数据</title>
</head>
<body>
    <%
        //在域中存储数据
        session.setAttribute("name","李四");
        request.setAttribute("name","张三");
        session.setAttribute("age","23");
        request.setAttribute("str","");
    %>
<h3>el获取值</h3>
${requestScope.name}
${sessionScope.age}
${sessionScope.haha}
${name}      --------------常用
${sessionScope.name}
</body>
</html>

2. ${键名}:表示依次从最小的域中查找是否有该键对应的值,直到找到为止。

----------(上面代码 绿色的)

3. 获取对象、List集合、Map集合的值

                    1. 对象:${域名称.键名.属性名}

                             * 本质上会去调用对象的getter方法

                    2. List集合:${域名称.键名[索引]}

以下代码 加黑的代码!!

                                   3. Map集合:

                                          * ${域名称.键名.key名称}

                                          * ${域名称.键名["key名称"]}

                                                 以下加下划线的代码!!!!

代码实现:

首先在src下建立类:User代码如下:

public class User {
    private String name;
    private int age;
    private Date birthday;
    public User(String name, int age, Date birthday) {
        this.name = name;
        this.age = age;
        this.birthday = birthday;
    }
    public User() {
    }
    /**
     * 逻辑视图   --展示出来好看
     * @return
     */
    public String getBirStr(){
        if(birthday != null){
            //1.格式化日期对象
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            //2.返回字符串即可
            return sdf.format(birthday);
        }else{
            return "";
        }
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int getAge() {
        return age;
    }
    public void setAge(int age) {
        this.age = age;
    public Date getBirthday() {
        return birthday;
    }
    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
}

在  el下创建jsp----》el3 代码如下

<html>
<head>
    <title>el获取数据</title>
</head>
<body>

    <%
        User user = new User();
        user.setName("张三");
        user.setAge(23);
        user.setBirthday(new Date());
        request.setAttribute("u",user);
        List list = new ArrayList();
        list.add("aaa");
        list.add("bbb");
        list.add(user);
        request.setAttribute("list",list);
        Map map = new HashMap();
        map.put("sname","李四");
        map.put("gender","男");
        map.put("user",user);
        request.setAttribute("map",map);
    %>
<h3>el获取对象中的值</h3>
${requestScope.u}<br>
<%--
    * 通过的是对象的属性来获取
        * setter或getter方法,去掉set或get,在将剩余部分,首字母变为小写。
        * setName --> Name --> name
--%>
    ${requestScope.u.name}<br>
    ${u.age}<br>
    ${u.birthday}<br>
    ${u.birthday.month}<br>
    ${u.birStr}<br>
    <h3>el获取List值</h3>
    ${list}<br>
    ${list[0]}<br>
    ${list[1]}<br>
    ${list[10]}<br>
    ${list[2].name}
    <h3>el获取Map值</h3>
    ${map.gender}<br>
    ${map["gender"]}<br>
    ${map.user.name}
</body>
</html>

 3. 隐式对象:------就是拿来直接用的

                     * el表达式中有11个隐式对象

                     * pageContext

                            * 获取jsp其他八个内置对象

                                   * ${pageContext.request.contextPath}:动态获取虚拟目录

代码实现:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>el隐式对象</title>
</head>
<body>
    ${pageContext.request}<br>
    <h4>在jsp页面动态获取虚拟目录</h4>
    ${pageContext.request.contextPath}     //虚拟目录
<%
%>
</body>
</html>

## JSTL

       1. 概念:JavaServer Pages Tag Library  JSP标准标签库

              * 是由Apache组织提供的开源的免费的jsp标签         <标签>

       2. 作用:用于简化和替换jsp页面上的java代码        

       3. 使用步骤:

              1. 导入jstl相关jar包

              2. 引入标签库:taglib指令:  <%@ taglib %>

              3. 使用标签

      

       4. 常用的JSTL标签

              1. if:相当于java代码的if语句

                     1. 属性:

                   * test 必须属性,接受boolean表达式

                       * 如果表达式为true,则显示if标签体内容,如果为false,则不显示标签体内容

                       * 一般情况下,test属性值会结合el表达式一起使用

                 2. 注意:

                        * c:if标签没有else情况,想要else情况,则可以在定义一个c:if标签

代码实现:

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>if标签</title>
</head>
<body>
    <%--
    c:if标签
        1. 属性:
            * test 必须属性,接受boolean表达式
                * 如果表达式为true,则显示if标签体内容,如果为false,则不显示标签体内容
                * 一般情况下,test属性值会结合el表达式一起使用
        2. 注意:c:if标签没有else情况,想要else情况,则可以在定义一个c:if标签
    --%>
    <c:if test="true">
        <h1>我是真...</h1>
    </c:if>
    <br>
    <%
        //判断request域中的一个list集合是否为空,如果不为null则显示遍历集合
        List list = new ArrayList();
        list.add("aaaa");
        request.setAttribute("list",list);
        request.setAttribute("number",4);
    %>
    <c:if test="${not empty list}"> ----不为空
        遍历集合...
    </c:if>
    <br>
    <c:if test="${number % 2 != 0}">
            ${number}为奇数
    </c:if>
    <c:if test="${number % 2 == 0}">
        ${number}为偶数
    </c:if>
</body>
</html>

   2. choose:相当于java代码的switch语句

                     1. 使用choose标签声明                         相当于switch声明

                     2. 使用when标签做判断                         相当于case

                     3. 使用otherwise标签做其他情况的声明    相当于default

代码实现:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>choose标签</title>
</head>
<body>
    <%--
        完成数字编号对应星期几案例
            1.域中存储一数字
            2.使用choose标签取出数字         相当于switch声明
            3.使用when标签做数字判断         相当于case
            4.otherwise标签做其他情况的声明  相当于default
    --%>
    <%
        request.setAttribute("number",51);
    %>
    <c:choose>
        <c:when test="${number == 1}">星期一</c:when>
        <c:when test="${number == 2}">星期二</c:when>
        <c:when test="${number == 3}">星期三</c:when>
        <c:when test="${number == 4}">星期四</c:when>
        <c:when test="${number == 5}">星期五</c:when>
        <c:when test="${number == 6}">星期六</c:when>
        <c:when test="${number == 7}">星期天</c:when>
        <c:otherwise>数字输入有误</c:otherwise>
    </c:choose>
</body>
</html>
              3. foreach:相当于java代码的for语句
代码实现:
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>foreach标签</title>
</head>
<body>
<%--
    foreach:相当于java代码的for语句
        1. 完成重复的操作
            for(int i = 0; i < 10; i ++){
            }
            * 属性:
                begin:开始值
                end:结束值
                var:临时变量
                step:步长
                varStatus:循环状态对象
                    index:容器中元素的索引,从0开始
                    count:循环次数,从1开始
        2. 遍历容器
            List<User> list;
            for(User user : list){        User容器    user变量名
            }
            * 属性:
                items:容器对象
                var:容器中元素的临时变量
                varStatus:循环状态对象
                    index:容器中元素的索引,从0开始
                    count:循环次数,从1开始
--%>
<c:forEach begin="1" end="10" var="i" step="2" varStatus="s">
    ${i} <h3>${s.index}<h3> <h4> ${s.count} </h4><br>
</c:forEach>
<hr>
//存数
    <%
        List list = new ArrayList();
        list.add("aaa");
        list.add("bbb");
        list.add("ccc");
        request.setAttribute("list",list);
%>
//遍历输出
    <c:forEach items="${list}" var="str" varStatus="s">
            ${s.index} ${s.count} ${str}<br>
    </c:forEach>
</body>
</html>

5. 练习:

         * 需求:在request域中有一个存有User对象的List集合。需要使用jstl+el将list集合数据展示到jsp页面的表格table中

代码实现:

使用User中的数据!!!!!

<%@ page import="cn.itcast.domain.User" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>test</title>
</head>
<body>
<%
    List list = new ArrayList();
    list.add(new User("张三",23,new Date()));
    list.add(new User("李四",24,new Date()));
    list.add(new User("王五",25,new Date()));
    request.setAttribute("list",list);
%>
<table border="1" width="500" align="center">
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>生日</th>
    </tr>
<%--数据行--%>
//隔行换色///
    <c:forEach items="${list}" var="user" varStatus="s">
        <c:if test="${s.count % 2 != 0}">
            <tr bgcolor="red">
                <td>${s.count}</td>
                <td>${user.name}</td>
                <td>${user.age}</td>
                <td>${user.birStr}</td>   ///好看的日期
            </tr>
        </c:if>
        <c:if test="${s.count % 2 == 0}">
            <tr  bgcolor="green">
                <td>${s.count}</td>
                <td>${user.name}</td>
                <td>${user.age}</td>
                <td>${user.birStr}</td>
            </tr>
        </c:if>
    </c:forEach>
</table>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值