Web学习(四)
发布日期:2021-05-07 03:09:20 浏览次数:21 分类:精选文章

本文共 10077 字,大约阅读时间需要 33 分钟。

Web学习(四)

1.内容简介

1.1 说明

本篇内容接上篇

相关内容:、、、、、

1.2 内容概述

本篇文章主要内容有以下几点:

  1. JSP
    1. 指令
    2. 注释
    3. 内置对象
  2. MVC开发模式
  3. EL表达式
  4. JSTL标签
  5. 三层架构

2.JSP

2.1 指令

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

格式:<@ 指令名称 属性名1=属性值1 属性名2=属性值2 … %>

分类:

  1. page:配置jsp页面的

    contentType:等同于response.setContentType()

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

    import:导包

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

    isErrorPage:标识当前页面是否为错误页面

    1. true:是,可以使用内置对象exception
    2. false:否,默认值。不可以使用内置对象exception
    <%@ page import="java.util.List" %><%@ page import="java.util.ArrayList" %><%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8" errorPage="500.jsp"  language="java" %>      jsp      <%    List
    list = new ArrayList
    (); int i = 1/0; %>
    <%@ page contentType="text/html;charset=UTF-8" isErrorPage="true" language="java" %>    Title    

    服务器正忙...

    <% String message = exception.getMessage(); out.println(message); %>
  2. include:页面包含的。导入页面的资源文件

    1. <%@include file=“top.jsp”%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>    Title

    logo和标题

    <%@ page contentType="text/html;charset=UTF-8" language="java" %><%@include file="top.jsp"%>    home

    主体信息

  3. taglib:导入资源

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

    1.prefix:前缀名,自定义的

2.2 注释

  1. html注释:
    1. <!–注释内容–>:只能注释html代码片段
  2. jsp注释:推荐使用
    1. <%–注释内容–%>:可以注释所有

2.3 内置对象

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

一共九个:

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

3.MVC开发模式

3.1 历史

jsp演变历史

  1. 早期只有servlet,只能使用response输出标签数据,非常麻烦
  2. 后来有了jsp,简化了servlet的开发。如果过度使用jsp,在jsp中既写大量的Java代码,又写大量html标签,造成难于维护,难于分工协作
  3. 再后来,Java的web开发,借鉴mvc开发模式,使得程序的设计更加合理

3.2 MVC

  1. M:Model,模型。JavaBean

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

  2. V:View,视图。JSP

    展示数据

  3. C:Controller,控制器。Servlet

    获取用户输入

    调用模型

    将数据交给视图展示

3.3 优缺点

优点:

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

缺点:

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

4.EL表达式

4.1 概述

概念:Expression Language 表达式语言

4.2 作用

替换和简化jsp页面中Java代码的编写

4.3 语法

语法:${表达式}

4.4 注意

jsp默认支持el表达式,如果要忽略el表达式:

  1. 设置jsp中page指令中:isELIgnored=“true” :忽略当前jsp页面中所有el表达式
  2. \${表达式}:忽略当前这个el表达式

4.5 使用

  1. 运算:

    运算符:

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

      ${3 + 4}
      ${3 / 4}
      ${3 div 4}
      ${3 % 4}
      ${3 mod 4}
    2. 比较运算符:> < >= <= == !=

      ${3 == 4}
    3. 逻辑运算符:&&(and) ||(or) !(not)

      ${(3 < 4) and (1 < 2)} 
      ${(3 < 4) && (1 < 2)}
    4. 空运算符:empty

      1. 功能:用于判断字符串、集合、数组对象是否为null或者长度是否为0
      2. ${empty list}:判断字符串、集合、数组对象是否为null或者长度为0
      3. ${not empty list}:判断字符串、集合、数组对象是否不为null并且长度不为0
      <%String str = "null";request.setAttribute("str",str);List list = new ArrayList();%>${empty str} 
      ${empty list}
  2. 获取值

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

    2. 语法:

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

        域名称:

        1. pageScope --> pageContext
        2. requestScope --> request
        3. sessionScope --> session
        4. applicationScope --> application(ServletContext)

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

        获取:${requestScope.name}

      2. ${键名}:表示从最小的域开始找指定键对应的值,直到找到为止

        <% session.setAttribute("name","李四");%><% pageContext.setAttribute("name","张三");%>${pageScope.name}
        ${name}${sessionScope.haha}
      3. 获取对象:、List集合、Map集合的值

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

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

          /** * 逻辑视图 * @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 "";    }}
          <%    User user = new User();    user.setName("张三");    user.setAge(23);    user.setBirthday(new Date());    request.setAttribute("u",user);%>

          获取对象中的值

          <%-- 通过对象的属性来获取 setter或getter方法,去掉set或get,再将剩余部分,首字母变为小写 setName --> Name --> name--%>${u}
          ${u.name}
          ${u.age}
          ${u.birthday}
          ${u.birStr}
        2. List集合:${域名称.键名[索引]}

          List list = new ArrayList();list.add("aaa");list.add("bbb");list.add(user);request.setAttribute("list",list);

          获取List中的值

          ${requestScope.list}
          ${requestScope.list[0]}
          ${requestScope.list[1]}
          ${requestScope.list[10]}
          ${requestScope.list[2]}
          ${requestScope.list[2].name}
        3. Map集合:

          1. ${域名称.键名.key名称}
          2. ${域名称.键名[“key名称”]}
          Map map = new HashMap();map.put("sname","李四");map.put("sex","男");map.put("user",user);request.setAttribute("map",map);

          获取Map中的值

          ${map}
          ${map.sname}
          ${map["sex"]}
          ${map.user.name}
    3. 隐式对象:

      el表达式中可以直接使用,不需要创建的对象,类似于jsp中内置对象

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

      pageContext:

      1. 获取jsp其他八个内置对象

        ${pageContext.request.contextPath}:在jsp页面动态获取虚拟目录

5.JSTL

5.1 概述

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

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

5.2 作用

简化和替换jsp页面的Java代码

5.3 使用

  1. 导入相关jar包
  2. 引入标签库:taglib指令:<%@ taglib %>
  3. 使用标签

5.4 常用的JSTL标签

if:相当于Java代码的if语句

1. 属性:    1. test 必须属性:接收Boolean表达式       1. 如果表达式为true,则显示标签体内容,如果为false,则不显示标签体内容       2. 一般情况下,test属性会结合el表达式一起使用
  1. 注意: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" %>    if标签    <%--        c:if标签            1.属性:                test 必须属性:接收Boolean表达式                    如果表达式为true,则显示标签体内容,如果为false,则不显示标签体内容                    一般情况下,test属性会结合el表达式一起使用            2.注意:c:if标签没有else情况,想要else,则可以再定义一个c:if标签                --%>    

hello c:if

<% //判断request域中list集合是否为空,如果不为null则显示遍历集合 List list = new ArrayList(); list.add("aaa"); request.setAttribute("list",list); request.setAttribute("number",4); %>
遍历集合...
${number}为奇数
${number}为偶数

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" %>    choose标签    <%--        完成数字编号对应星期几案例            1. 域中存储一个数字            2. 使用choose标签取出数字        相当于switch声明            3. 使用when标签做数字判断        相当于case            4.  otherwise标签做其他情况声明  相当于default    --%>    <%        request.setAttribute("number",51);    %>    
星期一
星期二
星期三
星期四
星期五
星期六
星期日
数字输入有误

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){}

    属性:

    iteams:容器对象
    var:容器中元素临时变量
    varStatus:循环状态对象
    index:容器中元素的索引,从0开始
    count:循环次数,从1开始

<%@ 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" %>    foreach标签    <%--        foreach:相当于Java代码的for语句            1. 完成重复的操作                for(int i = 0; i <= 10; i++){}                属性:                    begin:开始值                    end:结束值                    var:临时变量                    step:步长                    varStatus:循环状态对象                        index:容器中元素的索引,从0开始                        count:循环次数,从1开始            2. 遍历容器                List
list; for(User user : list){} 属性: iteams:容器对象 var:容器中元素临时变量 varStatus:循环状态对象 index:容器中元素的索引,从0开始 count:循环次数,从1开始 --%>
${i} ${s.index} ${s.count}

<% List list = new ArrayList(); list.add("aa"); list.add("bb"); list.add("cc"); request.setAttribute("list",list); %>
${s.index} ${s.count} ${str}

5.5 练习

需求:

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

<%@ page import="java.util.List" %><%@ page import="cn.web.domain.User" %><%@ 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" %>    test    <%        List
list = new ArrayList
(); list.add(new User("张三",23,new Date())); list.add(new User("李四",25,new Date())); list.add(new User("王五",20,new Date())); list.add(new User("赵六",22,new Date())); request.setAttribute("list",list); %>
<%--数据行--%>
编号 姓名 年龄 生日
${s.count} ${user.name} ${user.age} ${user.birStr}
${s.count} ${user.name} ${user.age} ${user.birStr}

6.三层架构

6.1 概述

软件设计架构

三层架构就是为了符合“高内聚,低耦合”思想,把各个功能模块划分为表示层(UI)、业务逻辑层(BLL)和(DAL)三层架构,各层之间采用接口相互访问,并通过对象模型的实体类(Model)作为数据传递的载体,不同的对象模型的实体类一般对应于数据库的不同表,实体类的属性与数据库表的字段名一致。

三层架构区分层次的目的是为了 “高内聚,低耦合”。开发人员分工更明确,将精力更专注于应用系统核心业务逻辑的分析、设计和开发,加快项目的进度,提高了开发效率,有利于项目的更新和维护工作

界面层(表示层):用户看的界面。用户可以通过界面上的组件和服务器进行交互

业务逻辑层:处理业务逻辑的。

数据访问层:操作数据存储文件。

6.2 模型

三层架构

7.案例:用户信息列表展示

7.1 需求

用户信息的增删改查操作

7.2 设计

  1. 技术选型:Servlet+JSP+MySql+JDBCTemplate+Druid+BeanUtils+tomcat

  2. 数据库设计

    create database d_user; -- 创建数据库usr d_user;  -- 使用数据库create if not exists table t_userInfo(  -- 创建表	id int primary key auto_increment,  -- 用户id     name varchar(20) not null,      -- 用户名    sex varchar(5),        -- 性别    age int,               -- 年龄    address varchar(32),   -- 地址    qq varchar(20),        -- QQ    email varchar(50)	   -- 邮箱 );
  3. 开发:

    1. 环境搭建:
      1. 创建数据库环境
      2. 创建项目,导入需要的jar包
    2. 编码
    3. 由于代码太多,此处不再赘述,
  4. 测试

  5. 部署运维

上一篇:案例:用户信息管理系统
下一篇:web学习(三)

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2025年04月13日 20时49分24秒