JSP & MVC开发模式 & EL表达式 & JSTL标签 & 三层架构概述
目录
大纲
1. JSP:
1. 指令
2. 注释
3. 内置对象
2. MVC开发模式
3. EL表达式
4. JSTL标签
5. 三层架构
JSP:
1. 指令
* 作用：用于配置JSP页面，导入资源文件
* 格式：
<%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %>
例：<%@ page contentType="text/html;charset=UTF-8" language="java" %>
* 分类：
1. page ： 配置JSP页面的
* contentType：等同于response.setContentType()
1. 设置响应体的mime类型以及字符集
2. 设置当前jsp页面的编码（只能是高级的IDE才能生效，如果使用低级工具，则需要设置pageEncoding属性设置当前页面的字符集）
* buffer: 缓冲区大小，默认是8kb
* import：导包 例：<%@ page import="java.util.List" %>
* errorPage：当前页面发生异常后，会自动跳转到指定的错误页面
例:<%@ page contentType="text/html;charset=UTF-8" errorPage="500.jsp" language="java" %>
* isErrorPage：标识当前也是是否是错误页面。
* true：是，可以使用内置对象exception
例：<%
String message = exception.getMessage();
out.print(message);
%>
* false：否。默认值。不可以使用内置对象exception
例：<%@ page contentType="text/html;charset=UTF-8" isErrorPage="true" language="java" %>
2. include： 页面包含的。导入页面的资源文件
* <%@include file="top.jsp"%>
3. taglib： 导入资源，一般用来导入标签库
* <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:
* prefix：前缀，自定义的
2. 注释:
1. html注释：
<!-- -->:只能注释html代码片段
2. jsp注释：推荐使用
<%-- --%>：可以注释所有
3. 内置对象
* 在jsp页面中不需要创建，直接使用的对象
* 一共有9个，如下表：（前4个为域对象（共享数据），），面试会考这九个名称
| 变量名 | 真实类型 | 作用 |
|---|---|---|
| * pageContext | PageContext | 当前页面共享数据，还可以获取其他八个内置对象 |
| * request | HttpServletRequest | 一次请求访问的多个资源(转发) |
| * session | HttpSession | 一次会话的多个请求间 |
| * application | ServletContext | 所有用户间共享数据 |
| * response | HttpServletResponse | 响应对象 |
| * page | Object | 当前页面(Servlet)的对象 this |
| * out | JspWriter | 输出对象，数据输出到页面上 |
| * config | ServletConfig | Servlet的配置对象 |
| * exception | Throwable | 异常对象 |
MVC：开发模式 ----一种框架模式
1. jsp演变历史
1. 早期只有servlet，只能使用response输出标签数据，非常麻烦
2. 后来有jsp，简化了Servlet的开发，如果过度使用jsp，在jsp中即写大量的java代码，又写html表，造成难于维护，难于分工协作
3. 再后来，java的web开发，借鉴mvc开发模式，使得程序的设计更加合理性
2. MVC：
1. M：Model，模型。
* 完成具体的业务操作，如：查询数据库，封装对象
2. V：View，视图。使用JSP
* 展示数据
3. C：Controller，控制器。使用Servlet
* 获取用户的输入（获取请求参数）
* 调用模型
* 将数据交给视图进行展示
* 优缺点：
1. 优点：
1. 耦合性低，方便维护，可以利于分工协作
2. 重用性高
2. 缺点：
1. 使得项目架构变得复杂，对开发人员要求高
View视图（JSP）中尽量不写java代码，若需少量java代码，则需要用EL表达式和JSTL标签替换
EL表达式
1. 概念：Expression Language 表达式语言
2. 作用：替换和简化jsp页面中java代码的编写
3. 语法：${表达式} 例： ${3>4}
4. 注意：
* jsp默认支持el表达式的。如果要忽略el表达式
1. 设置jsp中page指令中：isELIgnored="true" 忽略当前jsp页面中所有的el表达式
2. \${表达式} ：忽略当前这个el表达式
5. 使用：
1. 运算：
* 运算符：
1. 算数运算符： + - * /(div) %(mod)
2. 比较运算符： > < >= <= == !=
3. 逻辑运算符： &&(and) ||(or) !(not)
4. 空运算符： empty
* 功能：用于判断字符串、集合、数组对象是否为null或者长度是否为0
* ${empty list}:判断集合（字符串、数组对象）是否为null或者长度为0
* ${not empty str}:表示判断字符串（集合、数组对象）是否不为null 并且 长度>0
2. 获取值
1. el表达式只能从域对象中获取值
2. 语法：
1. ${域名称.键名}：从指定域中获取指定键的值
* 域名称：
1. pageScope --> pageContext
2. requestScope --> request
3. sessionScope --> session
4. applicationScope --> application（ServletContext）
* 举例：在request域中存储了name=张三
* 获取：${requestScope.name}
2. ${键名}：表示依次从最小的域中查找是否有该键对应的值，直到找到为止。
3. 获取对象、List集合、Map集合的值
1. 对象：${域名称.键名.属性名}
* 本质上会去调用对象的getter方法
例:
<%
User user = new User();
user.setName("张三");
user.setAge(18);
user.setBirthday(new Date());
request.setAttribute("u",user);
%>
<h3>el获取对象中的值</h3>
${requestScope.u}<br>
<%--
*通过的是对象的属性来获取
*setter或getter方法，去掉set或get，再将剩余部分，首字母变成小写。
*setName ---> Name --->name
--%>
${requestScope.u.name}<br>
${u.age}<br>
${u.birthday}<br>
<%--获取到的月month从0开始，需加1--%>
${u.birthday.month}<br>
${u.bitStr}<br>
Javabean中日期（生日）的get处理(逻辑视图)：
public String getBirStr(){
if(birthday != null){
//1 格式化日期对象
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
//2 返回字符串即可
return sdf.format(birthday);
}else{
return "";
}
}
2. List集合：${域名称.键名[索引]}(索引角标越界显示空字符串)
例：
<%
User user = new User();
user.setName("张三");
user.setAge(18);
user.setBirthday(new Date());
//创建ArrayList
ArrayList list = new ArrayList();
list.add("aaa");
list.add("bbb");
list.add(user);
request.setAttribute("list",list);
%>
<h3>el获取List值</h3>
${list}<br>
${list[0]}<br>
<%--角标越界显示空字符串--%>
${list[10]}<br>
${list[2].name}<br>
3. Map集合：
* ${域名称.键名.key名称}
* ${域名称.键名["key名称"]}
例：
<%
User user = new User();
user.setName("张三");
user.setAge(18);
user.setBirthday(new Date());
//创建HashMap
HashMap map = new HashMap();
map.put("name","李四");
map.put("gender","男");
map.put("user",user);
request.setAttribute("map",map);
%>
<h3>el获取Map值</h3>
${map.gender}<br>
${map["gender"]}<br>
${map.user.name}<br>
3. 隐式对象：
* el表达式中有11个隐式对象
* 需要了解其中一个--- pageContext：
* 获取jsp其他八个内置对象
* ${pageContext.request.contextPath}：动态获取虚拟目录
例：<form action="${pageContext.request.contextPath}/loginServlet" method="post">
JSTL
1. 概念：JavaServer Pages Tag Library JSP标准标签库
* 是由Apache组织提供的开源的免费的jsp标签 <标签>
2. 作用：用于简化和替换jsp页面上的java代码
3. 使用步骤：
1. 导入jstl相关jar包
2. 引入标签库：taglib指令： <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
3. 使用标签
4. 常用的JSTL标签
1. if:相当于java代码的if语句
1. 属性：
* test：必须属性，接受boolean表达式
* 如果表达式为true，则显示if标签体内容，如果为false，则不显示标签体内容
* 一般情况下，test属性值会结合el表达式一起使用
例：<c:if test="${not empty list}">
遍历集合
</c:if>
2. 注意：
* c:if标签没有else情况，想要else情况，则可以在定义一个c:if标签
2. choose:相当于java代码的switch语句
1. 使用choose标签声明 相当于switch声明
2. 使用when标签做判断 相当于case
3. 使用otherwise标签做其他情况的声明 相当于default
例：<%--
案例：数字编号对应星期几
1 域中存储一数字
2 使用choose标签做数字判断 相当于switch声明
3 使用when标签做数字判断 相当于case
4 otherwise标签做其他情况的声明 相当于default
--%>
<%
request.setAttribute("number",13);
%>
<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>
3. foreach:相当于java代码的for语句
1 完成重复操作
java代码：
for(int i = 0; i < 10; i++){
}
* foreach属性类比：
begin:开始值 相当于“int i = 0”的0
end: 结束值 相当于“i < 10”的10
var: 临时变量 相当于 i
step： 步长 相当于“i++（i=i+1)”的1
varStatus:循环状态对象
index:容器中元素的索引，相当于 i
count:循环次数，从1开始
例：
<c:forEach begin="2" end="10" var="i" step="1" varStatus="s">
${i} <h3>${s.index}</h3> <h4>${s.count}</h4> <br>
</c:forEach>
2 遍历容器
List<User> list;
for(User user : list){
}
* foreach属性类比;
items:容器对象 相当于list
var:容器中元素的临时变量 相当于user
varStatus:循环状态对象
index:容器中元素的索引，从0开始
count:循环次数，从1开始
例：
<%
List list = new ArrayList();
list.add("aaa");
list.add("bbb");
list.add("zzz");
request.setAttribute("list",list);
%>
<c:forEach items="${list}" var="str" varStatus="s">
${s.index} ${s.count} ${str}<br>
</c:forEach>
5. 练习：
* 需求：在request域中有一个存有User对象的List集合。需要使用“jstl+el”将list集合数据动态展示到jsp页面的表格table中,奇偶行颜色不同
代码：
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page import="cn.itcast.domain.User" %>
<%@ 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("李问天",23,new Date()));
list.add(new User("王五",23,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="aqua">
<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="#7fffd4">
<td>${s.count}</td>
<td>${user.name}</td>
<td>${user.age}</td>
<td>${user.birStr}</td>
</tr>
</c:if>
</c:forEach>
</table>
</body>
</html>
三层架构：软件设计架构
1. 界面层(表示层)：用户看的界面。用户可以通过界面上的组件和服务器进行交互
接受用户参数，封装数据，调用业务逻辑层完成处理。转发jsp页面完成显示
2. 业务逻辑层：处理业务逻辑的。
组合DAO层中的简单方法，形成复杂的功能(业务逻辑操作)
3. 数据访问层：操作数据存储文件。
定义了对于数据库最基本的CRUD操作
DAO全称为 Data Access Object
数据访问对象(Data Access Object)；
CAO全称为：catalog access object（谷歌和百度均无结果，应该只是个梗）
所以DAO读作 D---A---O
SSM就是SpringMVC框架,Spring框架和MyBatis框架
其中的Spring框架不仅仅管service层，被称为javaEE开发的灵魂框架
百度百科中这样说：
SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。
案例：用户信息列表展示
1. 需求：用户信息的增删改查操作(此处只实现了查)
2. 设计：
1. 技术选型：Servlet+JSP+MySQL+JDBCTempleat+Duird+BeanUtilS（封装数据）+tomcat
2. 数据库设计：
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)
);
3. 开发：
1. 环境搭建
1. 创建数据库环境
2. 创建项目，导入需要的jar包
2. 编码
4. 测试
5. 部署运维
jar包：
导入druid配置文件(druid.properties)到src目录下；
导入JDBC工具类（JDBCUtils.java）到util下
查询功能的分析：
注意UserService是接口Interface：
项目目录总览：
部分代码：
UserListServlet
package cn.itcast.web.servlet;
import略
@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);
}
doGet略
}
UserService
package cn.itcast.service;
import略
/**
* 用户管理的业务接口
*/
public interface UserService {
/**
* 查询所有用户信息
* @return
*/
public List<User> findAll();
}
UserServiceImpl
package cn.itcast.service.impl;
import略
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略
/**
* 用户操作的DAO
*/
public interface UserDao {
public List<User> findAll();
}
UserDaoImpl
package cn.itcast.dao.impl;
import略
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;
}
}
list.jsp部分
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<table border="1" class="table table-bordered table-hover">
<tr class="success">
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>籍贯</th>
<th>QQ</th>
<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>
浙公网安备 33010602011771号