Web前端后7天
1.概念
2.步骤
3.执行原理
4.生命周期
5.Servlet3.0 注解配置
6.Servlet的体系结构
servlet --接口
GenericServlet–抽象类
GenericServlet：将Servlet接口中其他的方法做了默认空实现，只将service()方法作为抽象，
将来定义Servlet类时，可以继承GenericeServlet,实现service()方法即可。
HttpServlet --抽象类 ：对http协议的一种封装，简化操作
1.定义类继承HttpServlet
2.复写doGet/doPost方法
@WebServlet("/demo3")
public class Demo3 extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {System.out.println("s");}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {System.out.println("nihao");}
}
- Servlet相关配置
- urlpartten:Servlet访问路径
- 一个Servlet可以定义多个访问路径 ： @WebServlet({"/d4","/dd4","/ddd4"})
- 路径定义规则：
- /xxx：路径匹配
- /xxx/xxx:多层路径，目录结构
- *.do：扩展名匹配
- urlpartten:Servlet访问路径
/*** Servlet路径配置*/
//@WebServlet({"/d4","/dd4","/ddd4"})
//@WebServlet("/user/demo4")
//@WebServlet("/user/*")
//@WebServlet("/*")
@WebServlet("*.do")
public class ServletDemo4 extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {System.out.println("demo4...");System.out.println(req);}
}
-
概念：Hyper Text Transfer Protocol 超文本传输协议
-
传输协议：定义了，客户端和服务器端通信时，发送数据的格式
-
特点：
- 基于TCP/IP的高级协议
- 默认端口号:80
- 基于请求/响应模型的:一次请求对应一次响应
- 无状态的：每次请求之间相互独立，不能交互数据
-
历史版本：
- 1.0：每一次请求响应都会建立新的连接
- 1.1：复用连接
-
-
请求消息数据格式
-
请求行
请求方式 请求url 请求协议/版本
GET /login.html HTTP/1.1- 请求方式：
- HTTP协议有7中请求方式，常用的有2种
- GET：
- 请求参数在请求行中，在url后。
- 请求的url长度有限制的
- 不太安全
- POST：
- 请求参数在请求体中
- 请求的url长度没有限制的
- 相对安全
- GET：
- HTTP协议有7中请求方式，常用的有2种
- 请求方式：
-
请求头：客户端浏览器告诉服务器一些信息
请求头名称: 请求头值- 常见的请求头：
-
User-Agent：浏览器告诉服务器，我访问你使用的浏览器版本信息
- 可以在服务器端获取该头的信息，解决浏览器的兼容性问题
-
Referer：http://localhost/login.html
- 告诉服务器，我(当前请求)从哪里来？
- 作用：
- 防盗链：
- 统计工作：
- 作用：
- 告诉服务器，我(当前请求)从哪里来？
-
- 常见的请求头：
-
请求空行
空行，就是用于分割POST请求的请求头，和请求体的。 -
请求体(正文)：
- 封装POST请求消息的请求参数的
-
字符串格式：
POST /login.html HTTP/1.1
Host: localhost
User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,/;q=0.8
Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2
Accept-Encoding: gzip, deflate
Referer: http://localhost/login.html
Connection: keep-alive
Upgrade-Insecure-Requests: 1username=zhangsan
响应消息数据格式
Request：
-
-
request对象和response对象的原理
- request和response对象是由服务器创建的，我们来使用它们。
- request对象是来获取请求消息，response对象是来设置响应消息。
-
request对象继承体系结构：
ServletRequest – 接口
| 继承
HttpServletRequest – 接口
| 实现
org.apache.catalina.connector.RequestFacade 类(tomcat) -
request功能：
- 获取请求消息数据
-
获取请求行数据
- GET /day14/demo1?name=zhangsan HTTP/1.1
- 方法：
-
获取请求方式 ：GET
- String getMethod()
-
(*)获取虚拟目录：/day14
- String getContextPath()
-
获取Servlet路径: /demo1
- String getServletPath()
-
获取get方式请求参数：name=zhangsan
- String getQueryString()
-
(*)获取请求URI：/day14/demo1
-
String getRequestURI(): /day14/demo1
-
StringBuffer getRequestURL() :http://localhost/day14/demo1
-
URL:统一资源定位符 ： http://localhost/day14/demo1 中华人民共和国
-
URI：统一资源标识符 : /day14/demo1 共和国
-
-
获取协议及版本：HTTP/1.1
- String getProtocol()
-
获取客户机的IP地址：
- String getRemoteAddr()
-
-
获取请求头数据
- 方法：
- (*)String getHeader(String name):通过请求头的名称获取请求头的值
- Enumeration getHeaderNames():获取所有的请求头名称
- 方法：
-
- 获取请求消息数据
@WebServlet("/requestDemo3")
public class RequestDemo3 extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//演示获取请求头数据:user-agentString agent = request.getHeader("user-agent");//判断agent的浏览器版本if(agent.contains("Chrome")){//谷歌System.out.println("谷歌来了...");}else if(agent.contains("Firefox")){//火狐System.out.println("火狐来了...");}}
}
@WebServlet("/requestDemo4")
public class RequestDemo4 extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//演示获取请求头数据:refererString referer = request.getHeader("referer");System.out.println(referer);//http://localhost/day14/login.html//防盗链if(referer != null ){if(referer.contains("/day14")){//正常访问// System.out.println("播放电影....");response.setContentType("text/html;charset=utf-8");response.getWriter().write("播放电影....");}else{//盗链//System.out.println("想看电影吗？来优酷吧...");response.setContentType("text/html;charset=utf-8");response.getWriter().write("想看电影吗？来优酷吧...");}}}
}
- 获取请求体数据:
* 请求体：只有POST请求方式，才有请求体，在请求体中封装了POST请求的请求参数
* 步骤：
1. 获取流对象
* BufferedReader getReader()：获取字符输入流，只能操作字符数据
* ServletInputStream getInputStream()：获取字节输入流，可以操作所有类型数据
* 在文件上传知识点后讲解
2. 再从流对象中拿数据
@WebServlet("/requestDemo5")
public class RequestDemo5 extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//获取请求消息体--请求参数//1.获取字符流BufferedReader br = request.getReader();//2.读取数据String line = null;while((line = br.readLine()) != null){System.out.println(line);}}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {}
}
2. 其他功能：
1. 获取请求参数通用方式：不论get还是post请求方式都可以使用下列方法来获取请求参数
1. String getParameter(String name):根据参数名称获取参数值 username=zs&password=123
2. String[] getParameterValues(String name):根据参数名称获取参数值的数组 hobby=xx&hobby=game
3. Enumeration getParameterNames():获取所有请求的参数名称
4. Map<String,String[]> getParameterMap():获取所有参数的map集合
@WebServlet("/requestDemo6")
public class RequestDemo6 extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//post 获取请求参数//根据参数名称获取参数值String username = request.getParameter("username");/* System.out.println("post");System.out.println(username);*///根据参数名称获取参数值的数组String[] hobbies = request.getParameterValues("hobby");/*for (String hobby : hobbies) {System.out.println(hobby);}*///获取所有请求的参数名称Enumeration<String> parameterNames = request.getParameterNames();/*while(parameterNames.hasMoreElements()){String name = parameterNames.nextElement();System.out.println(name);String value = request.getParameter(name);System.out.println(value);System.out.println("----------------");}*/// 获取所有参数的map集合Map<String, String[]> parameterMap = request.getParameterMap();//遍历Set<String> keyset = parameterMap.keySet();for (String name : keyset) {//获取键获取值String[] values = parameterMap.get(name);System.out.println(name);for (String value : values) {System.out.println(value);}System.out.println("-----------------");}}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//get 获取请求参数
/*//根据参数名称获取参数值String username = request.getParameter("username");System.out.println("get");System.out.println(username);*/this.doPost(request,response);}
}
- 中文乱码问题：
* get方式：tomcat 8 已经将get方式乱码问题解决了
* post方式：会乱码
* 解决：在获取参数前，设置request的编码request.setCharacterEncoding(“utf-8”);
*
2. 请求转发：一种在服务器内部的资源跳转方式
- 步骤：
1. 通过request对象获取请求转发器对象：RequestDispatcher getRequestDispatcher(String path)
2. 使用RequestDispatcher对象来进行转发：forward(ServletRequest request, ServletResponse response)
@WebServlet("/requestDemo8")
public class RequestDemo8 extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {System.out.println("demo8888被访问了。。。");//转发到demo9资源
/*RequestDispatcher requestDispatcher = request.getRequestDispatcher("/requestDemo9");requestDispatcher.forward(request,response);*///存储数据到request域中request.setAttribute("msg","hello");request.getRequestDispatcher("/requestDemo9").forward(request,response);//request.getRequestDispatcher("http://www.itcast.cn").forward(request,response);}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request,response);}
}
@WebServlet("/requestDemo9")
public class RequestDemo9 extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//获取数据Object msg = request.getAttribute("msg");System.out.println(msg);System.out.println("demo9999被访问了。。。");}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request,response);}
}
- 特点：
1. 浏览器地址栏路径不发生变化
2. 只能转发到当前服务器内部资源中。
3. 转发是一次请求 - 共享数据：
* 域对象：一个有作用范围的对象，可以在范围内共享数据
* request域：代表一次请求的范围，一般用于请求转发的多个资源中共享数据
* 方法：
1. void setAttribute(String name,Object obj):存储数据
2. Object getAttitude(String name):通过键获取值
3. void removeAttribute(String name):通过键移除键值对 - 获取ServletContext：
* ServletContext getServletContext()
@WebServlet("/requestDemo10")
public class RequestDemo10 extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {ServletContext servletContext = request.getServletContext();System.out.println(servletContext);}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request,response);}
}
案例
-
用户登录案例需求：
1.编写login.html登录页面
username & password 两个输入框
2.使用Druid数据库连接池技术,操作mysql，day14数据库中user表
3.使用JdbcTemplate技术封装JDBC
4.登录成功跳转到SuccessServlet展示：登录成功！用户名,欢迎您
5.登录失败跳转到FailServlet展示：登录失败，用户名或密码错误
- 开发步骤
-
创建项目，导入html页面，配置文件，jar包
-
创建数据库环境
CREATE DATABASE day14;
USE day14;
CREATE TABLE USER(
id INT PRIMARY KEY AUTO_INCREMENT,
username VARCHAR(32) UNIQUE NOT NULL,
PASSWORD VARCHAR(32) NOT NULL
); -
创建包cn.itcast.domain,创建类User
-
- 开发步骤
package cn.itcast.domain;/*** 用户的实体类*/public class User {private int id;private String username;private String password;public int getId() {return id;}public void setId(int id) {this.id = id;}public String getUsername() {return username;}public void setUsername(String username) {this.username = username;}public String getPassword() {return password;}public void setPassword(String password) {this.password = password;}@Overridepublic String toString() {return "User{" +"id=" + id +", username='" + username + '\'' +", password='" + password + '\'' +'}';}}
- 创建包cn.itcast.util,编写工具类JDBCUtils
/*** JDBC工具类 使用Durid连接池*/public class JDBCUtils {private static DataSource ds ;static {try {//1.加载配置文件Properties pro = new Properties();//使用ClassLoader加载配置文件，获取字节输入流InputStream is = JDBCUtils.class.getClassLoader().getResourceAsStream("druid.properties");pro.load(is);//2.初始化连接池对象ds = DruidDataSourceFactory.createDataSource(pro);} catch (IOException e) {e.printStackTrace();} catch (Exception e) {e.printStackTrace();}}/*** 获取连接池对象*/public static DataSource getDataSource(){return ds;}/*** 获取连接Connection对象*/public static Connection getConnection() throws SQLException {return ds.getConnection();}}
- 创建包cn.itcast.dao,创建类UserDao,提供login方法
/*** 操作数据库中User表的类*/public class UserDao {//声明JDBCTemplate对象共用private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());/*** 登录方法* @param loginUser 只有用户名和密码* @return user包含用户全部数据,没有查询到，返回null*/public User login(User loginUser){try {//1.编写sqlString sql = "select * from user where username = ? and password = ?";//2.调用query方法User user = template.queryForObject(sql,new BeanPropertyRowMapper<User>(User.class),loginUser.getUsername(), loginUser.getPassword());return user;} catch (DataAccessException e) {e.printStackTrace();//记录日志return null;}}}
- 编写cn.itcast.web.servlet.LoginServlet类
@WebServlet("/loginServlet")public class LoginServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//1.设置编码req.setCharacterEncoding("utf-8");//2.获取请求参数String username = req.getParameter("username");String password = req.getParameter("password");//3.封装user对象User loginUser = new User();loginUser.setUsername(username);loginUser.setPassword(password);//4.调用UserDao的login方法UserDao dao = new UserDao();User user = dao.login(loginUser);//5.判断userif(user == null){//登录失败req.getRequestDispatcher("/failServlet").forward(req,resp);}else{//登录成功//存储数据req.setAttribute("user",user);//转发req.getRequestDispatcher("/successServlet").forward(req,resp);}}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {this.doGet(req,resp);}}
- 编写FailServlet和SuccessServlet类
@WebServlet("/successServlet")public class SuccessServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//获取request域中共享的user对象User user = (User) request.getAttribute("user");if(user != null){//给页面写一句话//设置编码response.setContentType("text/html;charset=utf-8");//输出response.getWriter().write("登录成功！"+user.getUsername()+",欢迎您");}} @WebServlet("/failServlet")public class FailServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//给页面写一句话//设置编码response.setContentType("text/html;charset=utf-8");//输出response.getWriter().write("登录失败，用户名或密码错误");}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request,response);}}
8. login.html中form表单的action路径的写法
虚拟目录+Servlet的资源路径
9. BeanUtils工具类，简化数据封装， 用于封装JavaBean的。
需要导入jar包commons-beanutils-1.8.0.jar
Map<String, String[]> map = request.getParameterMap();User loginUser=new User();try {BeanUtils.populate(loginUser,map);} catch (IllegalAccessException e) {e.printStackTrace();} catch (InvocationTargetException e) {e.printStackTrace();}
- JavaBean：标准的Java类 实体类
1. 要求：
1. 类必须被public修饰
2. 必须提供空参的构造器
3. 成员变量必须使用private修饰
4. 提供公共setter和getter方法
功能：封装数据
2. 概念：
成员变量：
属性：setter和getter方法截取后的产物
例如：getUsername() --> Username–> username
3. BeanUtils方法：
1. setProperty() 设置属性值
2. getProperty() 获取属性值
3. populate(Object obj , Map map):将map集合的键值对信息，封装到对应的JavaBean对象中。
day2
1.HTTP协议：响应对象
1.请求消息：客户端发送给服务器端的数据
数据格式：
1.请求行
2.请求体
3.请求空行
4.请求头
2. 响应消息：服务器端发送给客户端的数据
* 数据格式：
1. 响应行
1. 组成：协议/版本 响应状态码 状态码描述
2. 响应状态码：服务器告诉客户端浏览器本次请求和响应的一个状态。
1. 状态码都是3位数字
2. 分类：
1. 1xx：服务器就收客户端消息，但没有接受完成，等待一段时间后，发送1xx多状态码
2. 2xx：成功。代表：200
3. 3xx：重定向。代表：302(重定向)，304(访问缓存)
4. 4xx：客户端错误。
* 代表：
* 404（请求路径没有对应的资源）
* 405：请求方式没有对应的doXxx方法
5. 5xx：服务器端错误。代表：500(服务器内部出现异常)
2. 响应头：
1. 格式：头名称： 值
2. 常见的响应头：
1. Content-Type：服务器告诉客户端本次响应体数据格式以及编码格式
2. Content-disposition：服务器告诉客户端以什么格式打开响应体数据
* 值：
* in-line:默认值,在当前页面内打开
* attachment;filename=xxx：以附件形式打开响应体。文件下载
2. 响应空行
4. 响应体:传输的数据
* 响应字符串格式
HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
Content-Length: 101
Date: Wed, 06 Jun 2018 07:08:42 GMT
hello , response
2.Response对象
功能：设置响应消息
1. 设置响应行
1. 格式：HTTP/1.1 200 ok
2. 设置状态码：setStatus(int sc)
2. 设置响应头：setHeader(String name, String value)
-
设置响应体：
* 使用步骤：
1. 获取输出流
* 字符输出流：PrintWriter getWriter()* 字节输出流：ServletOutputStream getOutputStream()2. 使用输出流，将数据输出到客户端浏览器
- 案例：
- 完成重定向
- 重定向：资源跳转的方式
- 代码实现：
- 完成重定向
//1. 设置状态码为302response.setStatus(302);//2.设置响应头locationresponse.setHeader("location","/day15/responseDemo2");
//简单的重定向方法response.sendRedirect("/day15/responseDemo2");
forward 和 redirect 区别
* 重定向的特点:redirect
1. 地址栏发生变化
2. 重定向可以访问其他站点(服务器)的资源
3. 重定向是两次请求。不能使用request对象来共享数据
* 转发的特点：forward
1. 转发地址栏路径不变
2. 转发只能访问当前服务器下的资源
3. 转发是一次请求，可以使用request对象来共享数据
路径写法：
1. 路径分类
1. 相对路径：通过相对路径不可以确定唯一资源
* 如：./index.html
* 不以/开头，以.开头路径
* 规则：找到当前资源和目标资源之间的相对位置关系
* ./：当前目录
* …/:后退一级目录
2. 绝对路径：通过绝对路径可以确定唯一资源
* 如：http://localhost/day15/responseDemo2 /day15/responseDemo2
* 以/开头的路径
动态获取虚拟目录：
String contextPath = req.getContextPath();
resp.sendRedirect(contextPath+ “/responseDemo1”);
* 规则：判断定义的路径是给谁用的？判断请求将来从哪儿发出
* 给客户端浏览器使用：需要加虚拟目录(项目的访问路径)
* 建议虚拟目录动态获取：request.getContextPath()
* , 重定向…
* 给服务器使用：不需要加虚拟目录
* 转发路径
2. 服务器输出字符数据到浏览器
* 步骤：
1. 获取字符输出流
2. 输出数据
代码：
@WebServlet("/responseDemo4")
public class ResponseDemo4 extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//获取流对象之前，设置流的默认编码：ISO-8859-1 设置为：GBK// response.setCharacterEncoding("utf-8");//告诉浏览器，服务器发送的消息体数据的编码。建议浏览器使用该编码解码//response.setHeader("content-type","text/html;charset=utf-8");//简单的形式，设置编码response.setContentType("text/html;charset=utf-8");//1.获取字符输出流PrintWriter pw = response.getWriter();//2.输出数据//pw.write("<h1>hello response</h1>");pw.write("你好啊啊啊 response");}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request,response);}
}
-
注意：
* 乱码问题：
1. PrintWriter pw = response.getWriter();获取的流的默认编码是ISO-8859-1
2. 设置该流的默认编码
3. 告诉浏览器响应体使用的编码
//简单的形式，设置编码，是在获取流之前设置
response.setContentType(“text/html;charset=utf-8”);
3. 服务器输出字节数据到浏览器
* 步骤：
1. 获取字节输出流
2. 输出数据
//1.获取字节输出流
ServletOutputStream sos = response.getOutputStream();
//2.输出数据
sos.write(“你好”.getBytes(“utf-8”));- 验证码
- 本质：图片
- 目的：防止恶意表单注册
- 验证码
@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {int width = 100;int height = 50;//1.创建一对象，在内存中图片(验证码图片对象)BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);//2.美化图片//2.1 填充背景色Graphics g = image.getGraphics();//画笔对象g.setColor(Color.PINK);//设置画笔颜色g.fillRect(0,0,width,height);//2.2画边框g.setColor(Color.BLUE);g.drawRect(0,0,width - 1,height - 1);String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";//生成随机角标Random ran = new Random();for (int i = 1; i <= 4; i++) {int index = ran.nextInt(str.length());//获取字符char ch = str.charAt(index);//随机字符//2.3写验证码g.drawString(ch+"",width/5*i,height/2);}//2.4画干扰线g.setColor(Color.GREEN);//随机生成坐标点for (int i = 0; i < 10; i++) {int x1 = ran.nextInt(width);int x2 = ran.nextInt(width);int y1 = ran.nextInt(height);int y2 = ran.nextInt(height);g.drawLine(x1,y1,x2,y2);}//3.将图片输出到页面展示ImageIO.write(image,"jpg",response.getOutputStream());}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request,response);}
}
3.ServletContext对象
1. 概念：代表整个web应用，可以和程序的容器(服务器)来通信
2. 获取：
1. 通过request对象获取
request.getServletContext();
2. 通过HttpServlet获取
this.getServletContext();
3. 功能：
1. 获取MIME类型：
* MIME类型:在互联网通信过程中定义的一种文件数据类型。
* 格式： 大类型/小类型 text/html image/jpeg
* 获取：String getMimeType(String file)
2. 域对象：共享数据
1. setAttribute(String name,Object value)
2. getAttribute(String name)
3. removeAttribute(String name)
* ServletContext对象范围：所有用户所有请求的数据。
-
获取文件的真实(服务器)路径
src下的a.txt(的所有东西将来会放到WEB-INF下的classes)
src下也可以同过classLode类加载器，但只能获取src的真实目录并不能获取web下的目录
1. 方法：String getRealPath(String path)
String b = context.getRealPath("/b.txt");//web目录下资源访问
System.out.println(b);String c = context.getRealPath("/WEB-INF/c.txt");//WEB-INF目录下的资源访问System.out.println(c);String a = context.getRealPath("/WEB-INF/classes/a.txt");//src目录下的资源访问System.out.println(a);
文件下载需求：
1. 页面显示超链接
2. 点击超链接后弹出下载提示框
3. 完成图片文件下载
- 分析：
- 超链接指向的资源如果能够被浏览器解析，则在浏览器中展示，如果不能解析，则弹出下载提示框。不满足需求
- 任何资源都必须弹出下载提示框
- 使用响应头设置资源的打开方式：
- content-disposition:attachment;filename=xxx
- 步骤：
- 定义页面，编辑超链接href属性，指向Servlet，传递资源名称filename。
图片
视频 - 定义Servlet
- 获取文件名称
- 使用字节输入流加载文件进内存
- 指定response的响应头： content-disposition:attachment;filename=xxx
- 将数据写出到response输出流
- 定义页面，编辑超链接href属性，指向Servlet，传递资源名称filename。
- 问题：
- 中文文件问题
- 解决思路：
- 获取客户端使用的浏览器版本信息
- 根据不同的版本信息，设置filename的编码方式不同
- 解决思路：
- 中文文件问题
@WebServlet("/downloadServlet")
public class DownloadServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1.获取请求参数，文件名称String filename = request.getParameter("filename");//2.使用字节输入流加载文件进内存//2.1找到文件服务器路径ServletContext servletContext = this.getServletContext();String realPath = servletContext.getRealPath("/img/" + filename);//2.2用字节流关联FileInputStream fis = new FileInputStream(realPath);//3.设置response的响应头//3.1设置响应头类型：content-typeString mimeType = servletContext.getMimeType(filename);//获取文件的mime类型response.setHeader("content-type",mimeType);//3.2设置响应头打开方式:content-disposition//解决中文文件名问题//1.获取user-agent请求头、String agent = request.getHeader("user-agent");//2.使用工具类方法编码文件名即可filename = DownLoadUtils.getFileName(agent, filename);response.setHeader("content-disposition","attachment;filename="+filename);//4.将输入流的数据写出到输出流中ServletOutputStream sos = response.getOutputStream();byte[] buff = new byte[1024 * 8];int len = 0;while((len = fis.read(buff)) != -1){sos.write(buff,0,len);}fis.close();}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request,response);}
}
day3
1.会话技术
1.Cookie
2.Session
2.JSP
会话技术 JavaEE中的重要技术，一次会话中共包含多次请求和响应
一次会话：浏览器第一次给服务器资源发送请求，会话建立，直到有一方断开为止。
功能：在一次会话的范围内的多次请求间，共享数据。
方式：
1.客户端会话技术：Cookie
2.服务器端会话技术：Session
Cookie
概念：客户端会话技术，将数据保存到客户端
2. 快速入门：保存数据到浏览器
3. 如图所示多次请求和响应时：要写两个servlet，做响应时候发送cooKie给浏览器，
* 使用步骤：
1. 创建Cookie对象，绑定数据，做响应时候发送cooKie给浏览器
* new Cookie(String name, String value)
2. 发送Cookie对象（通过响应把数据发出去）
* response.addCookie(Cookie cookie)
3. 获取Cookie，拿到数据（cookie存储的数据自动发送，所以要获取数据）
* Cookie[] request.getCookies()
cookie的原理图：
3. 实现原理
基于响应头set-cookie和请求头cookie实现
4. cookie的细节
1. 一次可不可以发送多个cookie?
* 可以
* 可以创建多个Cookie对象，使用response调用多次addCookie方法发送cookie即可。
2. cookie在浏览器中保存多长时间？
1. 默认情况下，当浏览器关闭后，Cookie数据被销毁
2. 持久化存储：setMaxAge(int seconds)
1. 正数：将Cookie数据写到硬盘的文件中。持久化存储。并指定cookie存活时间，时间到后，cookie文件自动失效
2. 负数：默认值
3. 零：删除cookie信息
3. cookie能不能存中文？
* 在tomcat 8 之前 cookie中不能直接存储中文数据。
* 需要将中文数据转码—一般采用URL编码(%E3)
* 在tomcat 8 之后，cookie支持中文数据。特殊字符还是不支持，建议使用URL编码存储，URL解码解析
4. cookie共享问题？
1. 假设在一个tomcat服务器中，部署了多个web项目，那么在这些web项目中cookie能不能共享？
* 默认情况下cookie不能共享
* setPath(String path):设置cookie的获取范围。默认情况下，设置当前的虚拟目录
* 如果要共享，则可以将path设置为"/"
5. 不同的tomcat服务器间cookie共享问题？
* setDomain(String path):如果设置一级域名相同，那么多个服务器之间cookie可以共享
* setDomain(".baidu.com"),那么tieba.baidu.com和news.baidu.com中cookie可以共享
6. Cookie的特点和作用
1. cookie存储数据在客户端浏览器
2. 浏览器对于单个cookie 的大小有限制(4kb) 以及 对同一个域名下的总cookie数量也有限制(20个)
- 作用：
1. cookie一般用于存出少量的不太敏感的数据
2. 在不登录的情况下，完成服务器对客户端的身份识别
- 案例：记住上一次访问时间
-
需求：
- 访问一个Servlet，如果是第一次访问，则提示：您好，欢迎您首次访问。
- 如果不是第一次访问，则提示：欢迎回来，您上次访问时间为:显示时间字符串
-
分析：
- 可以采用Cookie来完成
- 在服务器中的Servlet判断是否有一个名为lastTime的cookie
- 有：不是第一次访问
- 响应数据：欢迎回来，您上次访问时间为:2018年6月10日11:50:20
- 写回Cookie：lastTime=2018年6月10日11:50:01
- 没有：是第一次访问
- 响应数据：您好，欢迎您首次访问
- 写回Cookie：lastTime=2018年6月10日11:50:01
- 有：不是第一次访问
-
@WebServlet("/cookieTest")
public class CookieTest extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//设置响应的消息体的数据格式以及编码response.setContentType("text/html;charset=utf-8");//1.获取所有CookieCookie[] cookies = request.getCookies();**boolean flag = false;//没有cookie为lastTime**//2.遍历cookie数组if(cookies != null && cookies.length > 0){for (Cookie cookie : cookies) {//3.获取cookie的名称String name = cookie.getName();//4.判断名称是否是：lastTimeif("lastTime".equals(name)){//有该Cookie，不是第一次访问**flag = true;//有lastTime的cookie**//设置Cookie的value//获取当前时间的字符串，重新设置Cookie的值，重新发送cookieDate date = new Date();SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");String str_date = sdf.format(date);System.out.println("编码前："+str_date);//URL编码str_date = URLEncoder.encode(str_date,"utf-8");System.out.println("编码后："+str_date);cookie.setValue(str_date);//设置cookie的存活时间cookie.setMaxAge(60 * 60 * 24 * 30);//一个月response.addCookie(cookie);//响应数据//获取Cookie的value，时间String value = cookie.getValue();System.out.println("解码前："+value);//URL解码：value = URLDecoder.decode(value,"utf-8");System.out.println("解码后："+value);response.getWriter().write("<h1>欢迎回来，您上次访问时间为:"+value+"</h1>");break;}}}if(cookies == null || cookies.length == 0 || flag == false){//没有，第一次访问//设置Cookie的value//获取当前时间的字符串，重新设置Cookie的值，重新发送cookieDate date = new Date();SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");String str_date = sdf.format(date);System.out.println("编码前："+str_date);//URL编码str_date = URLEncoder.encode(str_date,"utf-8");System.out.println("编码后："+str_date);**Cookie cookie = new Cookie("lastTime",str_date);**// 键值对//设置cookie的存活时间cookie.setMaxAge(60 * 60 * 24 * 30);//一个月response.addCookie(cookie);response.getWriter().write("<h1>您好，欢迎您首次访问</h1>");}}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request, response);}
}
2.JSP
-
概念：
- Java Server Pages： java服务器端页面
- 可以理解为：一个特殊的页面，其中既可以指定定义html标签，又可以定义java代码
- 用于简化书写！！！
- Java Server Pages： java服务器端页面
-
原理
- JSP本质上就是一个Servlet
-
JSP的脚本：JSP定义Java代码的方式
- <% 代码 %>：定义的java代码，在service方法中。service方法中可以定义什么，该脚本中就可以定义什么。
- <%! 代码 %>：定义的java代码，在jsp转换后的java类的成员位置。
- <%= 代码 %>：定义的java代码，会输出到页面上。输出语句中可以定义什么，该脚本中就可以定义什么
-
JSP的内置对象：
- 在jsp页面中不需要获取和创建，可以直接使用的对象
- jsp一共有9个内置对象。
- 今天学习3个：
- request：请求
- response“响应”
- out：字符输出流对象。可以将数据输出到页面上。和response.getWriter()类似
- response.getWriter()和out.write()的区别：
- 在tomcat服务器真正给客户端做出响应之前，**会先找response缓冲区数据，**再找out缓冲区数据。
- response.getWriter()数据输出永远在out.write()之前
- response.getWriter()和out.write()的区别：
Session
概念：服务器端会话技术，在一次会话的多次请求间共享数据，将数据保存在服务器端的对象中。HttpSession
6. 快速入门：
1. 获取HttpSession对象：
HttpSession session = request.getSession();
2. 使用HttpSession对象：
Object getAttribute(String name)
void setAttribute(String name, Object value)
void removeAttribute(String name)
7. 原理
* Session的实现是依赖于Cookie的。
9. 细节：
1. 当客户端关闭后，服务器不关闭，两次获取session是否为同一个？
* 默认情况下。不是。
* 如果需要相同，则可以创建Cookie,键为JSESSIONID，设置最大存活时间，让cookie持久化保存。
Cookie c = new Cookie(“JSESSIONID”,session.getId());
c.setMaxAge(60*60);
response.addCookie©;
2. 客户端不关闭，服务器关闭后，两次获取的session是同一个吗？
* 不是同一个，但是要确保数据不丢失。tomcat自动完成以下工作
* session的钝化：
* 在服务器正常关闭之前，将session对象系列化到硬盘上
* session的活化：
* 在服务器启动后，将session文件转化为内存中的session对象即可。
3. session什么时候被销毁？
1. 服务器关闭
2. session对象调用invalidate() 。
3. session默认失效时间 30分钟
选择性配置修改
30
session的特点
1. session用于存储一次会话的多次请求的数据，存在服务器端
2. session可以存储任意类型，任意大小的数据
session与Cookie的区别：
1. session存储数据在服务器端，Cookie在客户端
2. session没有数据大小限制，Cookie有
3. session数据安全，Cookie相对于不安全
案例：
@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1.设置request编码request.setCharacterEncoding("utf-8"); //2.获取参数String username = request.getParameter("username");String password = request.getParameter("password");String checkCode = request.getParameter("checkCode");//3.先获取生成的验证码HttpSession session = request.getSession();String checkCode_session = (String) session.getAttribute("checkCode_session");//删除session中存储的验证码session.removeAttribute("checkCode_session");//3.先判断验证码是否正确if(checkCode_session!= null && checkCode_session.equalsIgnoreCase(checkCode)){//忽略大小写比较//验证码正确//判断用户名和密码是否一致if("zhangsan".equals(username) && "123".equals(password)){//需要调用UserDao查询数据库//登录成功//存储信息，用户信息session.setAttribute("user",username);//重定向到success.jspresponse.sendRedirect(request.getContextPath()+"/success.jsp");}else{//登录失败//存储提示信息到requestrequest.setAttribute("login_error","用户名或密码错误");//转发到登录页面request.getRequestDispatcher("/login.jsp").forward(request,response);}}else{//验证码不一致//存储提示信息到requestrequest.setAttribute("cc_error","验证码错误");//转发到登录页面request.getRequestDispatcher("/login.jsp").forward(request,response);}}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request, response);}
}
Day4
1.JSP:
指令
注释
内置对象
2.MVC开发模式
3.EL表达式
4.JSTL标签
5.三层架构
JSP: 需要导入jsp的jar包
- 指令
- 作用：用于配置JSP页面，导入资源文件
- 格式：
<%@ 指令名称 属性名1=属性值1 属性名2=属性值2 … %> - 分类：
- page ： 配置JSP页面的
- contentType：等同于response.setContentType()
- 设置响应体的mime类型以及字符集
- 设置当前jsp页面的编码（只能是高级的IDE才能生效，如果使用低级工具，则需要设置pageEncoding属性设置当前页面的字符集）
- import：导包
- errorPage：当前页面发生异常后，会自动跳转到指定的错误页面
- isErrorPage：标识当前也是是否是错误页面。
- true：是，可以使用内置对象exception
- false：否。默认值。不可以使用内置对象exception
- contentType：等同于response.setContentType()
- page ： 配置JSP页面的
- include ： 页面包含的，导入页面的资源文件。
* <%@include file=“top.jsp”%>- taglib ： 导入资源
- <%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>
- prefix：前缀，自定义的
- <%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>
- taglib ： 导入资源
- 注释:
- html注释： :只能注释html代码片段
- jsp注释：推荐使用
<%-- --%>：可以注释所有
- 内置对象
在jsp页面中不需要创建，直接使用的对象，就叫内置对象。- 一共有9个：
变量名 真实类型 作用- pageContext PageContext 当前页面共享数据，还可以获取其他八个内置对象。
- request HttpServletRequest 一次请求访问的多个资源(转发)。
- session HttpSession 一次会话的多个请求间。
- application ServletContext 所有用户间共享数据。
前面四个内置对象，是域对象。 - response HttpServletResponse 响应对象。
- page Object 当前页面(Servlet)的对象 this。
- out JspWriter 输出对象，数据输出到页面上。
- config ServletConfig Servlet的配置对象。
- exception Throwable 异常对象。
- 一共有9个：
MVC：开发模式
4. jsp演变历史
1. 早期只有servlet，只能使用response输出标签数据，非常麻烦
2. 后来又jsp，简化了Servlet的开发，如果过度使用jsp，在jsp中即写大量的java代码，有写html表，造成难于维护，难于分工协作
3. 再后来，java的web开发，借鉴mvc开发模式，使得程序的设计更加合理性
5. MVC：
1. M：Model，模型。JavaBean(java对象)
* 完成具体的业务操作，如：查询数据库，封装对象
2. V：View，视图。JSP
* 展示数据
3. C：Controller，控制器。Servlet
* 获取用户的输入
* 调用模型
* 将数据交给视图进行展示
优缺点：
1. 优点：
1. 耦合性低，方便维护，可以利于分工协作
2. 重用性高
2. 缺点：
1. 使得项目架构变得复杂，对开发人员要求高
EL表达式
1概念：Expression Language 表达式语言
6. 作用：替换和简化jsp页面中java代码的编写
7. 语法：${表达式}
8. 注意：
* jsp默认支持el表达式的。如果要忽略el表达式
1. 设置jsp中page指令中：isELIgnored=“true” 忽略当前jsp页面中所有的el表达式
2. ${表达式} ：忽略当前这个el表达式
9. 使用：
1. 运算：
* 运算符：
1. 算数运算符： + - * /(div) %(mod)
2. 比较运算符： > < >= <= == !=
3. 逻辑运算符： &&(and) ||(or) !(not)
4. 空运算符： empty
* 功能：用于判断字符串、集合、数组对象是否为null或者长度是否为0
* ${empty list}:判断字符串、集合、数组对象是否为null或者长度为0
* ${not empty str}:表示判断字符串、集合、数组对象是否不为null 并且 长度>0
2. 获取值
el表达式只能从域对象中获取值
2. 语法：
1. 域 名 称 . 键 名 ： 从 指 定 域 中 获 取 指 定 键 的 值 ∗ 域 名 称 ： 1. p a g e S c o p e − − > p a g e C o n t e x t 2. r e q u e s t S c o p e − − > r e q u e s t 3. s e s s i o n S c o p e − − > s e s s i o n 4. a p p l i c a t i o n S c o p e − − > a p p l i c a t i o n （ S e r v l e t C o n t e x t ） ∗ 举 例 ： 在 r e q u e s t 域 中 存 储 了 n a m e = 张 三 ∗ 获 取 ： {域名称.键名}：从指定域中获取指定键的值 * 域名称： 1. pageScope --> pageContext 2. requestScope --> request 3. sessionScope --> session 4. applicationScope --> application（ServletContext） * 举例：在request域中存储了name=张三 * 获取： 域名称.键名：从指定域中获取指定键的值∗域名称：1.pageScope−−>pageContext2.requestScope−−>request3.sessionScope−−>session4.applicationScope−−>application（ServletContext）∗举例：在request域中存储了name=张三∗获取：{requestScope.name}
10. ${键名}：表示依次从最小的域中查找是否有该键对应的值，直到找到为止。
11. 获取对象、List集合、Map集合的值
通过的是对象的属性来获取
JavaBean setter或getter方法，去掉set或get,在将剩余部分，首字母变小写
setName—>Name—>name
逻辑视图：展示数据 下面的get方法并没有对应成员变量，他是指将来页面显示好看的格式，提供的get方法
1. 对象： 域 名 称 . 键 名 . 属 性 名 ∗ 本 质 上 会 去 调 用 对 象 的 g e t t e r 方 法 2. L i s t 集 合 ： {域名称.键名.属性名} * 本质上会去调用对象的getter方法 2. List集合： 域名称.键名.属性名∗本质上会去调用对象的getter方法2.List集合：{域名称.键名[索引]}
3. Map集合：
* ${域名称.键名.key名称}
* ${域名称.键名[“key名称”]}
13. 隐式对象：
* el表达式中有11个隐式对象
* pageContext：
* 获取jsp其他八个内置对象
* ${pageContext.request.contextPath}：动态获取虚拟目录
JSTL
14. 概念：JavaServer Pages Tag Library JSP标准标签库
* 是由Apache组织提供的开源的免费的jsp标签 <标签>
-
作用：用于简化和替换jsp页面上的java代码
-
使用步骤：
- 导入JSTL相关jar包
- 引入标签库：taglib指令： <%@ taglib %>
- 使用标签
17. 常用的JSTL标签
1. if:相当于java代码的if语句
1. 属性：
* test 必须属性，接受boolean表达式
* 如果表达式为true，则显示if标签体内容，如果为false，则不显示标签体内容
* 一般情况下，test属性值会结合el表达式一起使用
2. 注意：
* c:if标签没有else情况，想要else情况，则可以在定义一个c:if标签
2. choose:相当于java代码的switch语句
1. 使用choose标签声明 相当于switch声明
2. 使用when标签做判断 相当于case
3. 使用otherwise标签做其他情况的声明 相当于default
for循环：
1.完成重复的操作
其中的属性：
begin :开始值
end:结束值
var:临时变量
step: 步长
varStatus:循环状态对象
index:容器中元素的索引，从0开始
count:循环次数，从1开始
2.遍历容器
属性：
items:容器对象
var:容器元素的临时变量
varStatus:循环状态对象
index:容器中元素的索引，从0开始
count:循环次数，从1开始
3. foreach:相当于java代码的for语句
- 练习：
- 需求：在request域中有一个存有User对象的List集合。需要使用jstl+el将list集合数据展示道jsp页面的表格table中
<%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>
三层架构：软件设计架构
- 界面层(表示层)：用户看的得界面。用户可以通过界面上的组件和服务器进行交互。
- 业务逻辑层：处理业务逻辑的。
- 数据访问层：操作数据存储文件。
案例：用户信息列表展示
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)
);
- 开发：
-
环境搭建
- 创建数据库环境
- 创建项目，导入需要的jar包
-
编码
-
- 测试
- 部署运维
"查询所有用户信息"是个超链接你要点击 这个 修改其路径找道userlistServlet
切换验证码步骤：
1.获取验证码图像对象
2.设置其src属性，加上时间戳
登录需求步骤
1.设置编码
2.获取数据
3.封装user对象
4.验证码校验
5.调用service查询
6.判断是否登录成功
数据库的ID是int类型 所有在service层进行转换
修改操作：
隐藏域ID：
分页查询：
自定义泛型
复杂查询： 模板sql where 1=1 为了拼接sql
day6
JavaWEB的三大组件：Servlet和Filter,Listener
1.Filter:过滤器
2.Listener:监听器
Filter:过滤器
web中的过滤器：(增强请求)当访问服务器的资源时，过滤器可以将请求拦截下来，完成一些特殊的功能。
过滤器的作用：
一般用于完成通过的操作：如；登录验证，统一编码处理，敏感字符过滤。。。
Filter的快速入门：
1.定义一个类，实现接口Filter
2.复习方法
3.配置拦截路径
注解
web.xml
/*** 过滤器快速入门程序*/
//@WebFilter("/*")//访问所有资源之前，都会执行该过滤器
public class FilterDemo1 implements Filter {@Overridepublic void init(FilterConfig filterConfig) throws ServletException {}@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {System.out.println("filterDemo1被执行了....");**//放行****filterChain.doFilter(servletRequest,servletResponse);**}@Overridepublic void destroy() {}
}
过滤器细节：
1. web.xml配置
demo1
cn.itcast.web.filter.FilterDemo1
demo1
/
2. 过滤器执行流程
1. 执行过滤器
2. 执行放行后的资源
3. 回来执行过滤器放行代码下边的代码
3. 过滤器生命周期方法
1. init:在服务器启动后，会创建Filter对象，然后调用init方法。只执行一次。用于加载资源
2. doFilter:每一次请求被拦截资源时，会执行。执行多次
3. destroy:在服务器关闭后，Filter对象被销毁。如果服务器是正常关闭，则会执行destroy方法。只执行一次。用于释放资源
4. 过滤器配置详解
* 拦截路径配置：
1. 具体资源路径： /index.jsp 只有访问index.jsp资源时，过滤器才会被执行
2. 拦截目录： /user/ 访问/user下的所有资源时，过滤器都会被执行
3. 后缀名拦截： .jsp 访问所有后缀名为jsp资源时，过滤器都会被执行
4. 拦截所有资源：/ 访问所有资源时，过滤器都会被执行
* 拦截方式配置：资源被访问的方式
* 注解配置：
* 设置dispatcherTypes属性
1. REQUEST：默认值。浏览器直接请求资源
2. FORWARD：转发访问资源
3. INCLUDE：包含访问资源
4. ERROR：错误跳转资源
5. ASYNC：异步访问资源
* web.xml配置
* 设置标签即可
5. 过滤器链(配置多个过滤器)
* 执行顺序：如果有两个过滤器：过滤器1和过滤器2
1. 过滤器1
2. 过滤器2
3. 资源执行
4. 过滤器2
5. 过滤器1
* 过滤器先后顺序问题：
1. 注解配置：按照类名的字符串比较规则比较，值小的先执行
* 如： AFilter 和 BFilter，AFilter就先执行了。
2. web.xml配置： 谁定义在上边，谁先执行
上个案例补充的过滤器代码：登录
对request对象进行增强
增强对象的功能
- 增强对象的功能：
* 设计模式：一些通用的解决固定问题的方式
1. 装饰模式
2. 代理模式
* 概念：
1. 真实对象：被代理的对象(北京联想)
2. 代理对象：(西安联想)
3. 代理模式：代理对象代理真实对象，达到增强真实对象功能的目的
* 实现方式：
1. 静态代理：有一个类文件描述代理模式
2. 动态代理：在内存中形成代理类
* 实现步骤：
1. 代理对象和真实对象实现相同的接口
2. 代理对象 = Proxy.newProxyInstance();
3. 使用代理对象调用方法。
4. 增强方法
* 增强方式：
1. 增强参数列表
2. 增强返回值类型
3. 增强方法体执行逻辑
代码：
接口：
public interface SaleComputer {public String sale(double money);public void show();
}
/**
- 真实类
*/
public class Lenovo implements SaleComputer {@Overridepublic String sale(double money) {System.out.println("花了"+money+"元买了一台联想电脑...");return "联想电脑";}@Overridepublic void show() {System.out.println("展示电脑....");}
}
测试类：
public class ProxyTest {public static void main(String[] args) {//1.创建真实对象Lenovo lenovo = new Lenovo()；**//2.动态代理增强lenovo对象 实现了强转，因为真实类和代理类是同一个接口，**/***三个参数：1. 类加载器：真实对象.getClass().getClassLoader()2. 接口数组：真实对象.getClass().getInterfaces()3. 处理器：new InvocationHandler()***/SaleComputer proxy_lenovo = (SaleComputer) Proxy.newProxyInstance(lenovo.getClass().getClassLoader(), lenovo.getClass().getInterfaces(), new InvocationHandler() {/***代理逻辑编写的方法：代理对象调用的所有方法都会触发该方法执行**参数：1. proxy:代理对象**2. method：代理对象调用的方法，被封装为的对象3. args:代理对象调用的方法时，传递的实际参数***/@Overridepublic Object invoke(Object proxy, Method method, Object[] args) throws Throwable {/*System.out.println("该方法执行了....");System.out.println(method.getName());System.out.println(args[0]);
*///判断是否是sale方法if(method.getName().equals("sale")){//1.增强参数double money = (double) args[0];money = money * 0.85;System.out.println("专车接你....");//使用真实对象调用该方法String obj = (String) method.invoke(lenovo, money);System.out.println("免费送货...");//2.增强返回值return obj+"_鼠标垫";}else{Object obj = method.invoke(lenovo, args);return obj;}}});//3.调用方法/* String computer = proxy_lenovo.sale(8000);System.out.println(computer);*/proxy_lenovo.show();}
}
Listener：监听器
- 概念：web的三大组件之一。
- 事件监听机制
- 事件 ：一件事情
- 事件源 ：事件发生的地方
- 监听器 ：一个对象
- 注册监听：将事件、事件源、监听器绑定在一起。 当事件源上发生某个事件后，执行监听器代码
- 事件监听机制
- ServletContextListener:监听ServletContext对象的创建和销毁
- 方法：
- void contextDestroyed(ServletContextEvent sce) ：ServletContext对象被销毁之前会调用该方法
- void contextInitialized(ServletContextEvent sce) ：ServletContext对象创建后会调用该方法
- 步骤：
- 定义一个类，实现ServletContextListener接口
- 复写方法
- 配置
- web.xml
cn.itcast.web.listener.ContextLoaderListener
* 指定初始化参数
*
- 注解：
- @WebListener
- web.xml
- 方法：
代码：
@WebListener
public class ContextLoaderListener implements ServletContextListener {/*** 监听ServletContext对象创建的。ServletContext对象服务器启动后自动创建。** 在服务器启动后自动调用* @param servletContextEvent*/@Overridepublic void contextInitialized(ServletContextEvent servletContextEvent) {//加载资源文件//1.获取ServletContext对象ServletContext servletContext = servletContextEvent.getServletContext();//2.加载资源文件String contextConfigLocation = servletContext.getInitParameter("contextConfigLocation");//3.获取真实路径String realPath = servletContext.getRealPath(contextConfigLocation);//4.加载进内存try{FileInputStream fis = new FileInputStream(realPath);System.out.println(fis);}catch (Exception e){e.printStackTrace();}System.out.println("ServletContext对象被创建了。。。");}/*** 在服务器关闭后，ServletContext对象被销毁。当服务器正常关闭后该方法被调用* @param servletContextEvent*/@Overridepublic void contextDestroyed(ServletContextEvent servletContextEvent) {System.out.println("ServletContext对象被销毁了。。。");}
}
day7：jQuery是Javascript的框架
JQuery 基本
jQuery和JavaScript对象区别于转换
选择器
DOM操作
案例
JQuery 基本
-
概念： 一个JavaScript框架。简化JS开发
- jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。
- JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已
-
快速入门
- 步骤：
-
下载JQuery
- 目前jQuery有三个大版本：
1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，
功能不再新增。因此一般项目来说，使用1.x版本就可以了，
最终版本：1.12.4 (2016年5月20日)
2.x：不兼容ie678，很少有人使用，官方只做BUG维护，
功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，
最终版本：2.2.4 (2016年5月20日)
3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求，
一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。
目前该版本是官方主要更新维护的版本。最新版本：3.2.1（2017年3月20日） - jquery-xxx.js 与 jquery-xxx.min.js区别：
- jquery-xxx.js：开发版本。给程序员看的，有良好的缩进和注释。体积大一些
- jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。程序加载更快
- 目前jQuery有三个大版本：
-
导入JQuery的js文件：导入min.js文件
-
使用
var div1 = $("#div1");
alert(div1.html());
-
- JQuery对象和JS对象区别与转换
- JQuery对象在操作时，更加方便。
- JQuery对象和js对象方法不通用的.
- 两者相互转换
- jq – > js : jq对象[索引] 或者 jq对象.get(索引)
- js – > jq : $(js对象)
- 步骤：
-
选择器：筛选具有相似特征的元素(标签)
-
基本操作学习：
1. 事件绑定
//1.获取b1按钮
$("#b1").click(function(){
alert(“abc”);
});
2. 入口函数
$(function () {});window.onload 和 $(function) 区别* window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉* $(function)可以定义多次的。3. 样式控制：css方法// $("#div1").css("background-color","red");$("#div1").css("backgroundColor","pink"); -
分类
1. 基本选择器
1. 标签选择器（元素选择器）
* 语法： $(“html标签名”) 获得所有匹配标签名称的元素
2. id选择器
* 语法： $("#id的属性值") 获得与指定id属性值匹配的元素
3. 类选择器
* 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素
4. 并集选择器：
* 语法： $(“选择器1,选择器2…”) 获取多个选择器选中的所有元素
2. 层级选择器
1. 后代选择器
* 语法： $("A B ") 选择A元素内部的所有B元素
2. 子选择器
* 语法： $(“A > B”) 选择A元素内部的所有B子元素
3. 属性选择器
1. 属性名称选择器
* 语法： $(“A[属性名]”) 包含指定属性的选择器
2. 属性选择器
* 语法： $(“A[属性名=‘值’]”) 包含指定属性等于指定值的选择器
3. 复合属性选择器
* 语法： $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器
双引套单引，单引套双引
4. 过滤选择器
1. 首元素选择器
* 语法： :first 获得选择的元素中的第一个元素
2. 尾元素选择器
* 语法： :last 获得选择的元素中的最后一个元素
3. 非元素选择器
* 语法： :not(selector) 不包括指定内容的元素
4. 偶数选择器
* 语法： :even 偶数，从 0 开始计数
5. 奇数选择器
* 语法： :odd 奇数，从 0 开始计数
6. 等于索引选择器
* 语法： :eq(index) 指定索引元素
7. 大于索引选择器
* 语法： :gt(index) 大于指定索引元素
8. 小于索引选择器
* 语法： :lt(index) 小于指定索引元素
9. 标题选择器
* 语法： :header 获得标题（h1~h6）元素，固定写法
5. 表单过滤选择器
1. 可用元素选择器
* 语法： :enabled 获得可用元素
2. 不可用元素选择器
* 语法： :disabled 获得不可用元素
3. 选中选择器
* 语法： :checked 获得单选/复选框选中的元素
4. 选中选择器
* 语法： :selected 获得下拉框选中的元素 -
DOM操作
- 内容操作
- html(): 获取/设置元素的标签体内容 内容 --> 内容
- text(): 获取/设置元素的标签体纯文本内容 内容 --> 内容
- val()： 获取/设置元素的value属性值
- 属性操作
-
通用属性操作
- attr(): 获取/设置元素的属性
- removeAttr():删除属性
- prop():获取/设置元素的属性
- removeProp():删除属性
- attr和prop区别？
- 如果操作的是元素的固有属性，则建议使用prop
- 如果操作的是元素自定义的属性，则建议使用attr
-
对class属性操作
- addClass():添加class属性值
- removeClass():删除class属性值
- toggleClass():切换class属性
- toggleClass(“one”):
- 判断如果元素对象上存在class=“one”，则将属性值one删除掉。 如果元素对象上不存在class=“one”，则添加
- toggleClass(“one”):
- css():
-
- CRUD操作:
- append():父元素将子元素追加到末尾
- 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾
- prepend():父元素将子元素追加到开头
- 对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头
- appendTo():
- 对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾
- prependTo()：
- 对象1.prependTo(对象2):将对象1添加到对象2内部，并且在开头
- append():父元素将子元素追加到末尾
- 内容操作
-
after():添加元素到元素后边
* 对象1.after(对象2)： 将对象2添加到对象1后边。对象1和对象2是兄弟关系
6. before():添加元素到元素前边
* 对象1.before(对象2)： 将对象2添加到对象1前边。对象1和对象2是兄弟关系
7. insertAfter()
* 对象1.insertAfter(对象2)：将对象2添加到对象1后边。对象1和对象2是兄弟关系
8. insertBefore()
* 对象1.insertBefore(对象2)： 将对象2添加到对象1前边。对象1和对象2是兄弟关系9. remove():移除元素* 对象.remove():将对象删除掉10. empty():清空元素的所有后代元素。* 对象.empty():将对象的后代元素全部清空，但是保留当前对象以及其属性节点
JQuery高级
1.动画
2.遍历
3.事件绑定
4.案例
5.插件
-
动画
- 三种方式显示和隐藏元素
-
默认显示和隐藏方式
-
show([speed,[easing],[fn]])
- 参数：
- speed：动画的速度。三个预定义的值(“slow”,“normal”, “fast”)或表示动画时长的毫秒数值(如：1000)
- easing：用来指定切换效果，默认是"swing"，可用参数"linear"
- swing：动画执行时效果是 先慢，中间快，最后又慢
- linear：动画执行时速度是匀速的
- fn：在动画完成时执行的函数，每个元素执行一次。
- 参数：
-
hide([speed,[easing],[fn]])
-
toggle([speed],[easing],[fn])
-
-
滑动显示和隐藏方式
- slideDown([speed],[easing],[fn])
- slideUp([speed,[easing],[fn]])
- slideToggle([speed],[easing],[fn])
-
淡入淡出显示和隐藏方式
- fadeIn([speed],[easing],[fn])
- fadeOut([speed],[easing],[fn])
- fadeToggle([speed,[easing],[fn]])
-
- 三种方式显示和隐藏元素
-
遍历
- js的遍历方式
- for(初始化值;循环结束条件;步长)
- jq的遍历方式
-
jq对象.each(callback)
-
语法：
jquery对象.each(function(index,element){});
* index:就是元素在集合中的索引
* element：就是集合中的每一个元素对象* this：集合中的每一个元素对象 -
回调函数返回值：
- true:如果当前function返回为false，则结束循环(break)。
- false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
-
-
$.each(object, [callback])
-
for…of: jquery 3.0 版本之后提供的方式
for(元素对象 of 容器对象)
-
- js的遍历方式
-
事件绑定
- jquery标准的绑定方式
- jq对象.事件方法(回调函数)；
- 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
- 表单对象.submit();//让表单提交
- on绑定事件/off解除绑定
- jq对象.on(“事件名称”,回调函数)
- jq对象.off(“事件名称”)
- 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
- 事件切换：toggle
- jq对象.toggle(fn1,fn2…)
- 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2…
* 注意：1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。
- 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2…
- jq对象.toggle(fn1,fn2…)
- jquery标准的绑定方式
-
案例
- 广告显示和隐藏
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>广告的自动显示与隐藏</title><style>#content{width:100%;height:500px;background:#999}</style><!--引入jquery--><script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script><script>/*需求：1. 当页面加载完，3秒后。自动显示广告2. 广告显示5秒后，自动消失。分析：1. 使用定时器来完成。setTimeout (执行一次定时器)2. 分析发现JQuery的显示和隐藏动画效果其实就是控制display3. 使用 show/hide方法来完成广告的显示*///入口函数，在页面加载完成之后，定义定时器，调用这两个方法$(function () {//定义定时器，调用adShow方法 3秒后执行一次setTimeout(adShow,3000);//定义定时器，调用adHide方法，8秒后执行一次setTimeout(adHide,8000);});//显示广告function adShow() {//获取广告div，调用显示方法$("#ad").show("slow");}//隐藏广告function adHide() {//获取广告div，调用隐藏方法$("#ad").hide("slow");}</script>
</head>
<body>
<div><!-- 广告DIV --><div id="ad" style="display: none;"><img style="width:100%" src="../img/adv.jpg" /></div><!-- 下方正文部分 --><div id="content">正文部分</div>
</div>
</body>
</html>
- 抽奖
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jquery案例之抽奖</title><script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script><script language='javascript' type='text/javascript'>/*分析：1. 给开始按钮绑定单击事件1.1 定义循环定时器1.2 切换小相框的src属性* 定义数组，存放图片资源路径* 生成随机数。数组索引2. 给结束按钮绑定单击事件1.1 停止定时器1.2 给大相框设置src属性*/var imgs = ["../img/man00.jpg","../img/man01.jpg","../img/man02.jpg","../img/man03.jpg","../img/man04.jpg","../img/man05.jpg","../img/man06.jpg",];var startId;//开始定时器的idvar index;//随机角标$(function () {//处理按钮是否可以使用的效果$("#startID").prop("disabled",false);$("#stopID").prop("disabled",true);//1. 给开始按钮绑定单击事件$("#startID").click(function () {// 1.1 定义循环定时器 20毫秒执行一次startId = setInterval(function () {//处理按钮是否可以使用的效果$("#startID").prop("disabled",true);$("#stopID").prop("disabled",false);//1.2生成随机角标 0-6index = Math.floor(Math.random() * 7);//0.000--0.999 --> * 7 --> 0.0-----6.9999//1.3设置小相框的src属性$("#img1ID").prop("src",imgs[index]);},20);});//2. 给结束按钮绑定单击事件$("#stopID").click(function () {//处理按钮是否可以使用的效果$("#startID").prop("disabled",false);$("#stopID").prop("disabled",true);// 1.1 停止定时器clearInterval(startId);// 1.2 给大相框设置src属性$("#img2ID").prop("src",imgs[index]).hide();//显示1秒之后$("#img2ID").show(1000);});});</script></head><body><!-- 小像框 --><div style="border-style:dotted;width:160px;height:100px"><img id="img1ID" src="../img/man00.jpg" style="width:160px;height:100px"/></div><!-- 大像框 --><div style="border-style:double;width:800px;height:500px;position:absolute;left:500px;top:10px"><img id="img2ID" src="../img/man00.jpg" width="800px" height="500px"/></div><!-- 开始按钮 --><inputid="startID"type="button"value="点击开始"style="width:150px;height:150px;font-size:22px"><!-- 停止按钮 --><inputid="stopID"type="button"value="点击停止"style="width:150px;height:150px;font-size:22px"></body></html>
数组在外边定义，因为每次运行比较耗内存
- 插件：增强JQuery的功能
- 实现方式：
- $.fn.extend(object)
- 增强通过Jquery获取的对象的功能 $("#id") 是根据DOM对象来调用
- $.fn.extend(object)
- 实现方式：
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>01-jQuery对象进行方法扩展</title><script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">//使用jQuery插件，给jq对象添加2个方法，check()选中所有复选框，uncheck()取消选中所有复选框//1.定义jQuery的对象插件$.fn.extend({//定义了一个check()方法，所有的jq对象都可以调用该方法check:function (){//让复选框选中//this:调用该方法的jq对象this.prop("checked",true);//checked自己设置的},uncheck:function () {//让复选框不选中this.prop("checked",false);//checked自己设置的}})$(function () {//获取按钮//$("#btn-check").check();//复选框对象.check();$("#btn-check").click(function () {//获取复选框对象 一次都获取过来 使用属性选择器$("input[type='checkbox']").check();});$("#btn-uncheck").click(function () {//获取复选框对象 一次都获取过来 使用属性选择器$("input[type='checkbox']").uncheck();});});</script>
</head>
<body>
<input id="btn-check" type="button" value="点击选中复选框" onclick="checkFn()">
<input id="btn-uncheck" type="button" value="点击取消复选框选中" onclick="uncheckFn()">
<br/>
<input type="checkbox" value="football">足球
<input type="checkbox" value="basketball">篮球
<input type="checkbox" value="volleyball">排球</body>
</html>
- $.extend(object)
* 增强JQeury对象自身的功能 $/jQuery 这是通过jQuery对象来调用
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>01-jQuery对象进行方法扩展</title><script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">//对全局方法扩展2个方法，扩展min方法：求2个值的最小值；扩展max方法：求2个值最大值$.extend({max:function (a, b) {//返回两数中的较大值return a>=b?a:b;} ,min:function (a,b) {//返回两数中的较小值return a<=b?a:b;}});//调用全局方法var max=$.max(4,3);//alter(max);var min=$.min(4,3);//alter(min);</script>
</head>
<body>
</body>
