JavaWeb-17-EL&JSTL学习笔记
JavaWeb-17-EL&JSTL
- 1.JSP
-
- 1.1指令
- 1.2注释
- 1.3内置对象
- 2.MVC：开发模式
-
- 2.1jsp演变历史
- 2.2. MVC
- 3.EL表达式
-
- 3.1 概念：Expression Language 表达式语言
- 3.2. 作用：替换和简化jsp页面中java代码的编写
- 3.3. 语法：${表达式}
- 3.4. 注意
- 3.5. 使用
-
- 3.5.1运算
- 3.5.2获取值(用的比较多)
- 3.5.3 获取对象、List集合、Map集合的值
- 3.5.4 隐式对象
- 4.JSTL
-
- 4.1概念：JavaServer Pages Tag Library JSP标准标签库
- 4.2作用：用于简化和替换jsp页面上的java代码
- 4.3使用步骤
- 4.4常用的JSTL标签
- 5三层架构：软件设计架构
- 6案例：用户信息列表展示
-
- 6.1 需求：用户信息的增删改查操作
- 6.2设计
- 6.3开发
- 6.4测试
- 6.5部署运维
- 6.6增删改查分页
1.JSP
1.1指令
-
作用：用于配置JSP页面，导入资源文件
-
格式：
<%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %> <%@ page contentType="text/html;charset=UTF-8" language="java" %> -
分类：
1. page： 配置JSP页面的- contentType：等同于response.setContentType()
- 设置响应体的mime类型以及字符集
- 设置当前jsp页面的编码（只能是高级的IDE才能生效，如果使用低级工具，则需要设置pageEncoding属性设置当前页面的字符集）
- import：导包
- errorPage：当前页面发生异常后，会自动跳转到指定的错误页面
- isErrorPage：标识当前也是是否是错误页面。
- true：是，可以使用内置对象exception
- false：否。默认值。不可以使用内置对象exception
2. include :页面包含的。导入页面的资源文件
<%@include file="top.jsp"%>3. taglib ： 导入资源
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>- prefix：前缀，自定义的
- contentType：等同于response.setContentType()
1.2注释
- html注释：
:只能注释html代码片段 - jsp注释：推荐使用
<%-- --%>：可以注释所有
1.3内置对象
- 在jsp页面中不需要创建，直接使用的对象
- 一共有9个：
变量名 - 真实类型 - 作用 - pageContext - PageContext -当前页面共享数据，还可以获取其他八个内置对象
- request - HttpServletRequest - 一次请求访问的多个资源(转发)
- session - HttpSession - 一次会话的多个请求间
- application - ServletContext - 所有用户间共享数据
- response - HttpServletResponse - 响应对象
- page - Object - 当前页面(Servlet)的对象 this
- out - JspWriter - 输出对象，数据输出到页面上
- config ServletConfig - Servlet的配置对象
- exception - Throwable - 异常对象
2.MVC：开发模式
2.1jsp演变历史
- 早期只有servlet，只能使用response输出标签数据，非常麻烦
- 后来又jsp，简化了Servlet的开发，如果过度使用jsp，在jsp中即写大量的java代码，有写html表，造成难于维护，难于分工协作
- 再后来，java的web开发，借鉴mvc开发模式，使得程序的设计更加合理性
2.2. MVC
-
M：Model，模型。JavaBean
- 完成具体的业务操作，如：查询数据库，封装对象
-
V：View，视图。JSP
- 展示数据
-
C：Controller，控制器。Servlet
- 获取用户的输入
- 调用模型
- 将数据交给视图进行展示
-
优缺点：
-
优点：
- 耦合性低，方便维护，可以利于分工协作
- 重用性高
-
缺点：
- 使得项目架构变得复杂，对开发人员要求高
-
3.EL表达式
3.1 概念：Expression Language 表达式语言
3.2. 作用：替换和简化jsp页面中java代码的编写
3.3. 语法：${表达式}
3.4. 注意
jsp默认支持el表达式的。如果要忽略el表达式
- 设置jsp中page指令中：isELIgnored=“true” 忽略当前jsp页面中所有的el表达式
\${表达式}：忽略当前这个el表达式
3.5. 使用
3.5.1运算
- 算数运算符： + - * /(div) %(mod)
- 比较运算符： > < >= <= == !=
- 逻辑运算符： &&(and) ||(or) !(not)
- 空运算符： empty
- 功能：用于判断字符串、集合、数组对象是否为null或者长度是否为0
${empty list}:判断字符串、集合、数组对象是否为null或者长度为0${not empty str}:表示判断字符串、集合、数组对象是否不为null 并且 长度>0
<%@ page import="java.util.List" %> <%@ page import="java.util.ArrayList" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Titletitle> head> <body> ${3 > 4} \${3 > 4} <hr> <h3>算数运算符h3> ${3 + 4}<br> ${3 / 4}<br> ${3 div 4}<br> ${3 % 4}<br> ${3 mod 4}<br> <h3>比较运算符h3> ${3 == 4}<br> <h3>逻辑运算符h3> ${3 > 4 && 3 < 4}<br> ${3 > 4 and 3 < 4}<br> <h4>empty运算符h4> <% String str = ""; request.setAttribute("str",str); List list = new ArrayList(); request.setAttribute("list",list); %> ${not empty str} ${not empty list} body> html>
3.5.2获取值(用的比较多)
- el表达式只能从域对象中获取值
- 语法：
${域名称.键名}：从指定域中获取指定键的值- 域名称：
- pageScope --> pageContext
- requestScope --> request
- sessionScope --> session
- applicationScope --> application（ServletContext）
- 举例：在request域中存储了name=张三
- 获取：
${requestScope.name}
- 域名称：
${键名}：表示依次从最小的域中查找是否有该键对应的值，直到找到为止。
<%@ page import="java.util.List" %> <%@ page import="java.util.ArrayList" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <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>
3.5.3 获取对象、List集合、Map集合的值
-
对象：
${域名称.键名.属性名}- 本质上会去调用对象的getter方法
-
List集合：
${域名称.键名[索引]} -
Map集合：
${域名称.键名.key名称}${域名称.键名["key名称"]}
<%@ page import="cn.itcast.domain.User" %> <%@ page import="java.util.*" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <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.5.4 隐式对象
- 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> - 获取jsp其他八个内置对象
4.JSTL
4.1概念：JavaServer Pages Tag Library JSP标准标签库
是由Apache组织提供的开源的免费的jsp标签 <标签>
4.2作用：用于简化和替换jsp页面上的java代码
4.3使用步骤
- 导入jstl相关jar包
- 引入标签库：taglib指令：
<%@ taglib %> - 使用标签
4.4常用的JSTL标签
1. if:相当于java代码的if语句
- 属性：
* 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 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语句
-
使用choose标签声明 相当于switch声明
-
使用when标签做判断 相当于case
-
使用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> <% 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){
}
* 属性：
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>
4. 练习：
-
需求：在request域中有一个存有User对象的List集合。需要使用jstl+el将list集合数据展示到jsp页面的表格table中
<%@ 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>testtitle> 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>
5三层架构：软件设计架构
- 界面层(表示层)：用户看的得界面。用户可以通过界面上的组件和服务器进行交互
- 业务逻辑层：处理业务逻辑的。
- 数据访问层：操作数据存储文件。
6案例：用户信息列表展示
6.1 需求：用户信息的增删改查操作
6.2设计
-
技术选型：Servlet+JSP+MySQL+JDBCTempleat+Duird+BeanUtilS+tomcat
-
数据库设计：
create database day17; -- 创建数据库 use day17; -- 使用数据库 create table user( -- 创建表 id int primary key auto_increment, name varchar(20) not null, gender varchar(5), age int, address varchar(32), qq varchar(20), email varchar(50) );
6.3开发
-
环境搭建
- 创建数据库环境
- 创建项目，导入需要的jar包
-
编码
UserListServlet代码
package cn.itcast.web.servlet;
import cn.itcast.domain.User;
import cn.itcast.service.UserService;
import cn.itcast.service.impl.UserServiceImpl;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;
@WebServlet("/userListServlet")
public class UserListServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.调用UserService完成查询
UserService service = new UserServiceImpl();
List<User> users = service.findAll();
//2.将list存入request域
request.setAttribute("users",users);
//3.转发到list.jsp
request.getRequestDispatcher("/list.jsp").forward(request,response);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
}
}
list.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>用户信息管理系统title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery-2.1.0.min.js">script>
<script src="js/bootstrap.min.js">script>
<style type="text/css">
td, th {
text-align: center;
}
style>
head>
<body>
<div class="container">
<h3 style="text-align: center">用户信息列表h3>
<table border="1" class="table table-bordered table-hover">
<tr class="success">
<th>编号th>
<th>姓名th>
<th>性别th>
<th>年龄th>
<th>籍贯th>
<th>QQth>
<th>邮箱th>
<th>操作th>
tr>
<c:forEach items="${users}" var="user" varStatus="s">
<tr>
<td>${s.count}td>
<td>${user.name}td>
<td>${user.gender}td>
<td>${user.age}td>
<td>${user.address}td>
<td>${user.qq}td>
<td>${user.email}td>
<td><a class="btn btn-default btn-sm" href="update.html">修改a> <a class="btn btn-default btn-sm" href="">删除a>td>
tr>
c:forEach>
<tr>
<td colspan="8" align="center"><a class="btn btn-primary" href="add.html">添加联系人a>td>
tr>
table>
div>
body>
html>
UserService代码
package cn.itcast.service;
import cn.itcast.domain.User;
import java.util.List;
/**
* 用户管理的业务接口
*/
public interface UserService {
/**
* 查询所有用户信息
* @return
*/
public List<User> findAll();
}
UserServiceImpl代码
package cn.itcast.service.impl;
import cn.itcast.dao.UserDao;
import cn.itcast.dao.impl.UserDaoImpl;
import cn.itcast.domain.User;
import cn.itcast.service.UserService;
import java.util.List;
public class UserServiceImpl implements UserService {
private UserDao dao = new UserDaoImpl();
@Override
public List<User> findAll() {
//调用Dao完成查询
return dao.findAll();
}
}
UserDao
package cn.itcast.dao;
import cn.itcast.domain.User;
import java.util.List;
/**
* 用户操作的DAO
*/
public interface UserDao {
public List<User> findAll();
}
UserDaoImpl
package cn.itcast.dao.impl;
import cn.itcast.dao.UserDao;
import cn.itcast.domain.User;
import cn.itcast.util.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;
import java.util.List;
public class UserDaoImpl implements UserDao {
private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());
@Override
public List<User> findAll() {
//使用JDBC操作数据库...
//1.定义sql
String sql = "select * from user";
List<User> users = template.query(sql, new BeanPropertyRowMapper<User>(User.class));
return users;
}
}
6.4测试
6.5部署运维
6.6增删改查分页