JavaWeb 笔记——5

JavaWeb 笔记——5

  • 一、Filter
    • 1.1、概述
    • 1.2、Filter快速入门
    • 1.3、Filter执行流程
    • 1.4、Filter使用细节
    • 1.5、Filter-案例-登陆验证
  • 二、Listener
    • 2.1、Listener概述与分类
    • 2.2、ServletContextListener使用
  • 三、AJAX
    • 3.1、AJAX概述
    • 3.2、AJAX快速入门
    • 3.3、使用Ajax验证用户名是否存在
    • 3.4、Axios异步框架
    • 3.5、JSON-概述和基础语法
    • 3.5、JSON数据和Java对象的转换
    • 3.6、案例-查询所有
    • 3.7、案例-新增品牌

一、Filter

1.1、概述

  • 概念: Filter表示过滤器，是JavaWeb三大组件(Servlet、Filter、Listener)之一。
  • 过滤器可以把对资源的请求拦截下来，从而实现一些特殊的功能。
  • 过滤器一般完成一些通用的操作，比如：权限控制、统一编码处理、敏感字符处理等等

在这里插入图片描述

1.2、Filter快速入门

1.定义类，实现Filter接口，并重写其所有方法

public class FilterDemo implements Filter {public void init(FilterConfig filterConfig)public void doFilter(ServletRequest request)public void destroy(){}
}
  1. 配置Filter拦截资源的路径：再类上定义@WebFilter注解
@WebFilter("/*")public class FilterDemo implements Filter {}
  1. 在doFilter方法中输出一句话，并放行
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {System.out.println("Filter....");//放行filterChain.doFilter(servletRequest,servletResponse);}

1.3、Filter执行流程

在这里插入图片描述

  1. 放行后访问对应资源，资源访问完成后，还会回到Filter中吗?
    • 会
  2. 如果回到Filter中，是重头执行还是执行放行后的逻辑呢?
    • 放行后逻辑

在这里插入图片描述

1.4、Filter使用细节

Filter拦截路径配置

  • Filter 可以根据需求，配置不同的拦截资源路径
     @WebFilter("/*")
    • 拦截具体的资源:/index.jsp:只有访问index.jsp时才会被拦截。
    • 目录拦截:/user/*:访问/user下的所有资源，都会被拦截
    • 后缀名拦截: *.jsp:访问后缀名为jsp的资源，都会被拦截
    • 拦截所有:/*:访问所有资源，都会被拦截

过滤器链

  • 一个Web应用，可以配置多个过滤器，这多个过滤器被称为过滤器链

在这里插入图片描述

  • 注解配置的Filter，优先级按照过滤器类名(字符串)的自然排序

1.5、Filter-案例-登陆验证

  • 需求：访问服务器资源时，需要先进行登录验证，如果没有登录，则自动跳转到登录页面

在这里插入图片描述

二、Listener

2.1、Listener概述与分类

  • 概念: Listener表示监听器，是JavaWeb三大组件(Servlet、Filter、Listener)之一。
  • 监听器可以监听就是在application,session,request三个对象创建、销毁或者往其中添加修改删除属性时自动执行代码的功能组件
  • Listener分类: JavaWeb中提供了8个监听器
监听器分类监听器名称作用
ServletContext监听ServletContextListener用于对ServletContext对象进行监听(创建、销毁)
ServletContextAttributeListener对ServletContext对象中属性的监听(增删改属性)
Session监听HttpsessionListener 对Session对象的整体状态的监听（创建、销毁)
HttpSessionAttributeListener 对Session对象中的属性监听(增删改属性)
HttpSessionBindingListener监听对象于Session的绑定和解除
HttpSessionActivationListener对Session数据的钝化和活化的监听
Request监听ServletRequestListener对Request对象进行监听(创建、销毁)
ServletRequestAttributeListener对Request对象中属性的监听（增删改属性)

2.2、ServletContextListener使用

  1. 定义类，实现ServletContextListener接口
public class ContextLoaderListener implements ServletContextListener {/*** ServletContext对象被创建:整个web应用发布成功* @param sce*/public void contextInitialized(ServletcintextEvent sce){}/** ServletContext对象被销毁:整个web应用卸载* @param sce*/public void contextDestroyed(ServletContextEvent sce){}}
  1. 在类上添加@WebListener注解
package com.Smulll.web.Linstener;import javax.servlet.ServletContextEvent;
import javax.servlet.ServletContextListener;
import javax.servlet.annotation.WebListener;@WebListener
public class ContextLoaderListener implements ServletContextListener {@Overridepublic void contextInitialized(ServletContextEvent servletContextEvent) {System.out.println("ContextLoaderListener.....");}@Overridepublic void contextDestroyed(ServletContextEvent servletContextEvent) {}
}

在这里插入图片描述

三、AJAX

3.1、AJAX概述

  • 概念: AJAX(Asynchronous JavaScript And XML)：异步的JavaScript和XML

  • AJAX作用:

    1. 与服务器进行数据交换:通过AJAX可以给服务器发送请求，并获取服务器响应的数据
      • 使用了AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面了
    2. 异步交互:可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如∶搜索联想、用户名是否可用校验，等等…

在这里插入图片描述
在这里插入图片描述

3.2、AJAX快速入门

  1. 编写AjaxServlet，并使用response输出字符串

  2. 创建XMLHttpRequest 对象:用于和服务器交换数据

    var xmlhttp;
if (window.XMLHttpRequest) {
//code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}else {
//code for lE6,IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

  3. 向服务器发送请求

    xmlhttp.open("GET","url");
xmlhttp.send();//发送请求

  4. 获取服务器响应数据

    xmlhttp.onreadystatechange = function () {if (xmlhttp.readyState == 4 && xmlhttp.status == 200){alert(xmlhttp.responseText)}
};

3.3、使用Ajax验证用户名是否存在

需求：在完成用户注册时，当用户名输入框失去焦点时，校验用户名是否在数据库已存在

在这里插入图片描述

package com.Smulll.web.Servlet;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;@WebServlet("/selectServlet")
public class SelectServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//获取数据String username = req.getParameter("username");//使用service判断是否有该数据boolean flag = true;//响应数据给前端resp.getWriter().write(""+flag);}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {this.doGet(req, resp);}
}

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>欢迎注册</title><link href="css/register.css" rel="stylesheet">
</head>
<body>
<div class="form-div"><div class="reg-content"><h1>欢迎注册</h1><span>已有帐号？</span> <a href="login.html">登录</a></div><form id="reg-form" action="#" method="get"><table><tr><td>用户名</td><td class="inputs"><input name="username" type="text" id="username"><br><span id="username_err" class="err_msg" style="display: none">用户名太受欢迎了</span></td></tr><tr><td>密码</td><td class="inputs"><input name="password" type="password" id="password"><br><span id="password_err" class="err_msg" style="display: none">密码格式有误</span></td></tr><tr><td>验证码</td><td class="inputs"><input name="checkCode" type="text" id="checkCode"><img src="imgs/a.jpg"><a href="#" id="changeImg">看不清？</a></td></tr></table><div class="buttons"><input value="注 册" type="submit" id="reg_btn"></div><br class="clear"></form>
</div>
</body>
<script>document.getElementById("username").onblur = function (){//获取用户名数据var username = this.value;// 创建 XMLHttpRequest 对象const xhttp = new XMLHttpRequest();// 定义回调函数xhttp.onload = function() {// 您可以在这里使用数据}// 发送请求xhttp.open("GET", "http://localhost:8080/ajax_demo/selectServlet?username="+username);xhttp.send();//获取服务器响应请求xhttp.onreadystatechange = function () {if (xhttp.readyState == 4 && xhttp.status == 200){if (xhttp.responseText == "true"){//此时查询到没有该数据document.getElementById("username_err").style.display = "";}else {//查询到有该数据document.getElementById("username_err").style.display = "none";}}};}
</script>
</html>

3.4、Axios异步框架

  • Axios对原生的AJAX进行封装，简化书写
  • 官网: Axios官网
  1. 引入axios 的js文件
<script src="jslaxios-0.18.0.js"</script>
  1. 使用axios 发送请求，并获取响应结果
axios({method:"get",url:"http://localhost:8080/ajax_demo/axiosServlet?username=zhangsan"}).then(function (resp){alert(resp.data);});

axios({method:"post",url:"http://localhost:8080/ajax_demo/axiosServlet",data:"username=zhangsan"}).then(function (resp){alert(resp.data);});

Servlet代码

package com.Smulll.web.Servlet;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;@WebServlet("/axiosServlet")
public class AxiosServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {System.out.println("get!!");//获取数据String username = req.getParameter("username");System.out.println(username);//回响数据resp.getWriter().write("hello axios~~~");}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {System.out.println("Post!!!!");this.doGet(req, resp);}
}

Axios请求方式别名

  • 为了方便起见， Axios已经为所有支持的请求方法提供了别名。
方法名作用
get(url)发起GET方式请求
post(url,请求参数)发起POST方式请求

在这里插入图片描述

    axios.get("http://localhost:8080/ajax_demo/axiosServlet?username=zhangsan").then(function (resp){alert(resp.data)})

axios.post("http://localhost:8080/ajax_demo/axiosServlet","username=zhangsan").then(function (resp){alert(resp.data)})

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>欢迎注册</title><link href="css/register.css" rel="stylesheet">
</head>
<body>
<div class="form-div"><div class="reg-content"><h1>欢迎注册</h1><span>已有帐号？</span> <a href="login.html">登录</a></div><form id="reg-form" action="#" method="get"><table><tr><td>用户名</td><td class="inputs"><input name="username" type="text" id="username"><br><span id="username_err" class="err_msg" style="display: none">用户名太受欢迎了</span></td></tr><tr><td>密码</td><td class="inputs"><input name="password" type="password" id="password"><br><span id="password_err" class="err_msg" style="display: none">密码格式有误</span></td></tr><tr><td>验证码</td><td class="inputs"><input name="checkCode" type="text" id="checkCode"><img src="imgs/a.jpg"><a href="#" id="changeImg">看不清？</a></td></tr></table><div class="buttons"><input value="注 册" type="submit" id="reg_btn"></div><br class="clear"></form>
</div>
</body>
<script src="js/axios-0.18.0.js"></script>
<script>document.getElementById("username").onblur = function (){axios.get("http://localhost:8080/ajax_demo/selectServlet?username="+username).then(function (resp){console.log(resp.data)if ("true" == resp.data.toString()){//此时没有查询到数据document.getElementById("username_err").style.display = "";}else {//查询到有该数据document.getElementById("username_err").style.display = "none";}})}
</script>
</html>

3.5、JSON-概述和基础语法

  • 概念：JavaScript Object Notation。JavaScript 对象表示法
  • 由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输

JSON基础语法

  • 定义：

    var 变量名 ={"key1": value1,"key2": value2,...};

  • value的数据类型为:

    • 数字 (整数或浮点数)

    • 字符串 (在双引号中)

    • 逻辑值 (true或false)

    • 数组 (在方括号中)

    • 对象 (在花括号中)

    • null

    • 示例

    	var json ={"name": "zhangsan","age": 23,"addr":["北京","上海","广州"]};

  • 获取数据:

    变量名.key

    json.name

3.5、JSON数据和Java对象的转换

  • 请求数据：JSON字符串转为Java对象
  • 响应数据：Java对象转为JSON字符串

在这里插入图片描述

  • Fastjson是阿里巴巴提供的一个Java语言编写的高性能功能完善的JSON库，是目前Java语言中最快的JSON库，可以实现Java对象和JSON字符串的相互转换。
  • 使用：
    1. 导入坐标
<dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.62</version>
</dependency>

2.Java对象转JSON

String jsonStr = JSON.toJSONString(obj);

3.JSON字符串转Java对象

User user = JSON.parseObject(jsonStr,User.class);

package com.Smulll.web.json;import com.alibaba.fastjson.JSON;public class jsondemo1 {public static void main(String[] args) {User user = new User("zhangsan","123",22,1);//将对象转化为字符串String json = JSON.toJSONString(user);System.out.println(json);//将json字符串转化为对象User u = JSON.parseObject(json, User.class);System.out.println(u);}
}

3.6、案例-查询所有

在这里插入图片描述

3.7、案例-新增品牌

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/14302.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

DAY36：贪心算法（三）最大子数组和+买卖股票最佳时机

DAY36：贪心算法（三）最大子数组和+买卖股票最佳时机

文章目录 53.最大子数组和枚举思路暴力解法贪心思路完整版时间复杂度 122.买卖股票的最佳时机Ⅱ&#xff08;解法比较巧妙&#xff09;思路完整版总结 53.最大子数组和 给你一个整数数组 nums &#xff0c;请你找出一个具有最大和的连续子数组&#xff08;子数组最少包含一个元…
阅读更多...
论文解读：PeSTo:用于精确预测蛋白质结合界面的无参数几何深度学习

论文解读：PeSTo:用于精确预测蛋白质结合界面的无参数几何深度学习

Title:PeSTo: parameter-free geometric deep learning for accurate prediction of protein binding interfaces 期刊&#xff1a;nature communication 分区&#xff1a;一区 影响因子&#xff1a;16.6 webserver:t Pesto Github:GitHub - LBM-EPFL/PeSTo 摘要 蛋白质是…
阅读更多...
Spring Boot 中的 CompletableFuture 类是什么，如何使用？

Spring Boot 中的 CompletableFuture 类是什么，如何使用？

Spring Boot 中的 CompletableFuture 类是什么&#xff0c;如何使用&#xff1f; 介绍 在开发企业级应用程序时&#xff0c;我们经常需要异步执行任务。异步执行任务可以提高应用程序的性能和响应能力。在 Java 8 中&#xff0c;引入了 CompletableFuture 类&#xff0c;它提…
阅读更多...
git no matching host key type found. Their offer: ssh-rsa

git no matching host key type found. Their offer: ssh-rsa

本地生成ssh&#xff0c;并配置了服务器SSH Public Keys 问题 拉去远程代码报错 git no matching host key type found. Their offer: ssh-rsa (base) tangsiqitangsiqideMacBook-Pro VDI % git clone "ssh://tangsiqireview.archeros.cn:29418/ArcherDT/vdi-server&…
阅读更多...
Centos 7 下安装Redis

Centos 7 下安装Redis

官网地址&#xff08;英文&#xff09;&#xff1a;Redis 官网地址&#xff08;中文&#xff09;&#xff1a;CRUG网站 or redis中文文档 Redis源码地址&#xff1a;GitHub - redis/redis: Redis is an in-memory database that persists on disk. The data model is key-v…
阅读更多...
500万PV的网站需要多少台服务器？

500万PV的网站需要多少台服务器？

1. 衡量业务量的指标 衡量业务量的指标项有很多&#xff0c;比如&#xff0c;常见Web类应用中的PV、UV、IP。而比较贴近业务的指标项就是大家通常所说的业务用户数。但这个用户数比较笼统&#xff0c;其实和真实访问量有比较大的差距&#xff0c;所以为了更贴近实际业务量及压力…
阅读更多...
非主流币波段策略

非主流币波段策略

数量技术宅团队在CSDN学院推出了量化投资系列课程 欢迎有兴趣系统学习量化投资的同学&#xff0c;点击下方链接报名&#xff1a; 量化投资速成营&#xff08;入门课程&#xff09; Python股票量化投资 Python期货量化投资 Python数字货币量化投资 C语言CTP期货交易系统开…
阅读更多...
五．LLC谐振变换器

五．LLC谐振变换器

LLC 谐振变换器启动过程分析 LLC 谐振变换器的组成结构中包含容性器件&#xff0c;为了尽可能减小输出电压纹波&#xff0c;钳位输出电压&#xff0c;此时希望输出滤波电容尽可能的大&#xff0c;因此也会在启动的时候&#xff0c;电容两端电压近似为 0&#xff0c;系统对电容…
阅读更多...
Vue3.3 编译宏

Vue3.3 编译宏

Vue 3.3新增了一些语法糖和宏&#xff0c;包括泛型组件、defineSlots、defineEmits、defineOptions defineProps 父子组件传参 <template><div><Child name"xiaoman"></Child></div> </template><script langts setup>…
阅读更多...
装饰器模式：通过剖析Java IO类库源码学习装饰器模式

装饰器模式：通过剖析Java IO类库源码学习装饰器模式

我们通过剖析Java IO类的设计思想&#xff0c;再学习一种新的结构型模式&#xff0c;装饰器模式。它的代码结构跟桥接模式非常相似&#xff0c;不过&#xff0c;要解决的问题却大不相同。 Java IO类库非常庞大和复杂&#xff0c;有几十个类&#xff0c;负责IO数据的读取…
阅读更多...
【高级程序设计语言C++】类与对象

【高级程序设计语言C++】类与对象

2.1类的定义2.1.1 类的两种定义方式2.1.2 类的访问限定符2.1.3 C中的struct和class的区别是什么&#xff1f;2.1.4 类的实例化2.1.5 计算类对象的大小2.1.6 this指针 2.2 类的6个默认成员函数2.2.1 构造函数2.2.2 析构函数2.2.3 拷贝构造函数2.2.4 赋值运算符重载2.2.5 取地址及…
阅读更多...
Linux 网络延迟排查方法详解

Linux 网络延迟排查方法详解

概要 在 Linux 服务器中&#xff0c;可以通过内核调优、DPDK 以及 XDP 等多种方式提高服务器的抗攻击能力&#xff0c;降低 DDoS 对正常服务的影响。在应用程序中&#xff0c;可以使用各级缓存、WAF、CDN 等来缓解 DDoS 对应用程序的影响。 但是需要注意的是&#xff0c;如果 …
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023