Bulut0907

先访问http://localhost:8080/javaWebTest/kaptcha.html，img图片部分会去请求/kaptcha.jpg这个Servlet，Tomcat10KaptchaServlet会将图片字符串保存到Session中，再将图片内容访问给客户端。因为com.google.code.kaptcha.servlet.KaptchaServlet使用的是javax.servlet，但是Tomcat10使用的是jakarta.servlet。

ServletContextAttributeListener-监听ServletContext的保存作用域的改动(add,remove,replace)ServletRequestAttributeListener-监听ServletRequest的保存作用域的改动(add,remove,replace)一个线程，可以有多个不同类型的ThreadLocal，这里我们定义了一个strThreadLocal，可以进行值得set、get、remove。这里我们测试使用注解。

选择一个png转ico的在线网站，这里以https://www.bitbug.net/为例。上传图片，目标尺寸选择48x48，输入附加码，最后点击生成icon图标，会自动将png转换成ico图标然后下载。favicon.ico一般用于作为网站标志，它显示在浏览器的地址栏或者标签上。将favicon.ico图标放到项目根目录下。HTML页面引入favicon图标。制作favicon图标。

在软件系统中，层与层之间是存在依赖的。即层内部的组成应该是高度聚合的，而层与层之间的关系应该是低耦合的，最理想的情况0耦合。解析applicationContext.xml，将bean放到beanMap中，然后给各个bean设置property属性。不在DispatcherServlet进行applicationContext.xml的解析，而是直接从BeanFactory获取bean。介绍：典型的就是JSP，用HTML(CSS、JS) + Java代码(将数据提供给页面的代码，加上和数据库通信的代码)。

请求http://localhost:8080/javaWebTest/fruit.do?paramId=1，web页面显示和之前的一样。前面我们做了Servlet的一个案例。只负责具体的业务逻辑处理。重定向、参数获取全部由DispatcherServlet处理。编译的时候保留方法的参数名，而不是擦除。注意删除target，不然不会生效。定义java bean的id，和其对应的处理类。接受所有的请求，然后进行分发。

从web.xml获取参数，构建真实的物理视图，再一边请求该物理视图的URL，一边从session中获取数据，将获取的数据渲染到页面上，返回给GET请求的页面。对GET请求进行拦截，将数据保存到session中，然后调用processTemplate方法，让Thymeleaf进行处理。启动tomcat，然后访问http://localhost:8080/javaWebTest/index。用来做视图渲染(render)，在静态的的html页面上，对保存在servlet中的Attribute进行加载。

service方法中，先通过req.getMethod()获取到客户端的请求方式method，然后对method分GET、HEAD、POST、PUT、DELETE、OPTIONS、TRACE等不同的请求方式进行不同的处理。默认用户第一次发送HTTP请求，才会进行Servlet的实例化(调用构造方法)、初始化(调用init方法)；因为这是Servlet的405的默认实现，如果我们自己没有实现，则会抛出默认的异常。现在我们重点对POST请求的this.doPost(req, resp)方法进行学习。

vue-element-admin是基于Vue和Element-ui 的一套后台管理系统集成方案。因为功能太多，所以不适合做基础模板来进行二次开发功能介绍请点我点我打开在线前端页面但vue-element-admin的最精简版vue-admin-template，适合做基础模板来进行二次开发。可以从vue-element-admin拷贝需要的功能过来，也可以自己开发点我打开在线前端页面源码项目主要结构如下：|-build 构建项目时需要用到的文件|-mock 产生模拟的后端数据|-src。

过滤器虽然这看起来很方便，但它需要一个自定义语法，打破大括号内表达式是“只是JavaScript”的假设，这不仅有学习成本，而且有实现成本！建议用方法调用或计算属性去替换过滤器。Vue3对这些API做出了调整。将全局的API，即：Vue.xxx调整到应用实例app上。Vue2有许多全局API和配置。等待异步组件时渲染一些额外内容，让应用有更好的用户体验。一种能够将我们的组件html结构移动到指定位置的标签。子组件中声明自定义事件。

Composition API的优势: 可以更加优雅的让相关功能的代码更加有序的组织在一起。如下图所示，每一个相关的功能都使用一个hook函数来实现，然后在其它组件进行引用，这样新增或修改一个需求，只需要修改对应的hook函数即可。使用传统OptionsAPI配置项API，新增或修改一个需求，就需要分别在data，methods，computed等修改。如下，开发者工具可以看到有Fragment。

http://服务名。

Servlet获取客户端发送给Servlet服务的数据，然后对数据进行操作。比如HTML页面的form表单，用户在表单输入各种数据，然后点击submit进行提交。

选择Services，然后点击启动按钮，就会在javaWebTest\out目录下创建运行的项目文件。就会用默认的浏览器自动打开http://localhost:8080/javaWebTest/index.html页面。因为启动Tomcat时，CMD上打印的日志会乱码，所以需要注释如下的UTF-8编码，让Tomcat跟随环境自动选择编码。如果修改web目录下的index.html的内容，再次访问页面，会同步修改，达到了热部署的效果。进行如下操作，就会添加项目的war包。创建完成后的项目结构如下。

效果如下：在输入框的hello后面，快速的输入123，过一段时间，下面的hello也更新为hello123。再点击修改姓名，页面重新渲染，会将之前对markRaw的person.car的数据的改变也更新到页面。点击先获取再改变最原始的person信息，页面没有发生变化，但其实person的数据已经改变了。同时也会出现改变车的价格按钮。点击改变车的价格，页面没有发生变化，但其实person.car的数据已经改变了。再点击修改姓名，页面重新渲染，会将之前对toRaw数据的改变也更新到页面。

访问http://192.168.28.21:8848/nacos、http://192.168.28.22:8848/nacos、http://192.168.28.23:8848/nacos都可以。默认的用户名和密码是nacos/nacos，可以在web页面进行nacos用户的密码修改，和添加新用户。

本质是一个函数，把setup函数中使用的Composition API进行了封装。封装后可以供多个组件使用类似于vue2.x中的mixin使用示例挂载组件的时候，会给window注册一个点击事件。每次点击鼠标时，会修改point的x和y为鼠标的坐标卸载组件的时候，会将window上的这个点击事件删除hook函数返回point// 实现鼠标“打点”相关的数据x:0,y:0})// 实现鼠标“打点”相关的方法// 实现鼠标“打点”相关的生命周期钩子})})School.vue。

情况一：监视ref所定义的一个基础类型数据immediate开启时初始化就会调用一下使用watch监视一个属性多次，监视回调函数就会调用多次情况二：监视ref所定义的多个基础类型数据情况三: 监视ref所定义的一个对象类型数据。对象内的属性发生改变不能监视到监视方式一: 使用person.value，这样监视的不是RefImpl，而是Proxy。这种也能深度监视监视方式二: 使用配置参数{deep:true}开启深度监视监视问题: 监视的oldValue和newValue一样。

Vue开发者工具setup中的数据和函数分开显示的。点击按钮，触发自定义事件，弹出弹窗。看下面的App.vue示例。Vue3则不存在这些问题。点击按钮，人员信息能改变。点击按钮，人员信息能改变。点击按钮，人员信息能改变。

vite是新一代前端构建工具。

类似SpringMVC里面的的拦截器Interceptor，Servlet的过滤器。“pre”和“post”分别会在请求被执行前调用和被执行后调用，用来修改请求和响应信息。可以用来做请求鉴权、异常处理、记录接口调用时长需求：统计每个请求的耗时时长思路：不管是在每个接口中进行统计；还是通过AOP + 反射形成注解然后进行使用。都会对业务代码形成入侵，可以通过自定义全局过滤器来实现步骤1：新建类MyGlobalFilter并实现GlobalFilter,Ordered两个接口。