事件修饰符

用来和事件连用，决定事件触发的条件，或者阻止事件的触发机制

事件的冒泡

点击div里的按钮，div被点击的事件也被触发

.stop修饰符

用来阻止事件冒泡

.prevent

阻止标签的默认行为

.once

只触发一次，之后执行的标签的默认行为
对键盘按键进行修饰
.enter
.tab
.delete(删除和退格)
.space
.up
.dowm
.left
.right

全局组件注册

参数1：组件名称
参数2：组件配置对
template：用来书写组件的html代码
注意事项：template中必须有且只有一个容器
login:login
第一个login：我们的组件名
第二个login：要挂载的组件名

软件架构

1、C/S架构：客户端 / 服务器--------QQ，Typora，腾讯会议。

2、B/S架构：浏览器 / 服务器--------京东，爱奇艺，B站。

资源分类

1. 静态资源：所有用户访问后，得到的结果都是一样的。（HTML，CSS，JS，图片，音频，视频...）
2. 动态资源：每个用户访问相同的资源，得到的结果可能不一样。动态资源被访问后，需要先转换为静态资源，再返回给浏览器，通过浏览器来进行解析。

常见的web服务器

概念

1. 服务器：安装了服务器软件的计算机。
2. 服务器软件：接收用户的请求，处理请求，给出响应。（接请求，给响应）
3. web服务器软件：接收用户的请求，处理请求，给出响应。

在web服务器软件中，可以部署web项目，让用户通过浏览器访问这些项目。

常见的服务器软件

动态服务器

• webLogic：oracle公司出品，大型的web服务器，几乎支持了所有的JavaEE规范，收费的。
• webSphere：IBM公司，大型的web服务器，几乎支持了所有的JavaEE规范，收费的。
• JBOSS：JBOSS公司，中型的JavaEE服务器，几乎支持了所有的JavaEE规范，收费的。
• Tomcat：Apache基金会，中小型的web服务器，支持了少量的JavaEE规范，开源免费。

静态服务器

• Nginx（代理，反向代理，动静分离...）极高的并发
• Apache

Tomcat

• bin：存放一些批处理脚本文件，可执行文件。
• conf：用来存放tomcat的相关配置文件。
• lib：Tomcat依赖的jar包。
• logs：存放日志。
• temp：临时文件目录。
• webapps：Tomcat默认的Web应用部署目录。
• work：Web应用JSP代码生成和遍历的临时目录。

Tomcat的启动

双击 bin/startup.bat文件

Tomcat的停止

双击 bin/shutdown.bat文件

访问

http://127.0.0.1:8080

IDEA整合tomcat

1. 创建一个普通的Java工程
2. 点击settings--->project structure
3. 点击Moduls，点击+号，选择web，点击OK
4. 点击idea运行处的Edit Configurations
5. 点击左上角的+号，在列表中选择tomcat server，注意，不要选择TomEE Server。
6. 点击右侧的Configure，配置Tomcat的本地路径。路径到Tomcat根目录就可以。
7. 点击settings--->project structure
8. 点击Artifacts，点击+号，选择web Application Exploded：From
9. 修改output directory为tomcat下的webapps，点击OK
10. 点击idea运行处的Edit Configurations，点击Deployment选项卡，点击+号，选择Artifact，自动添加了。
11. 回到Server选项卡，可以修改端口号以及服务器的两个配置改为update classes and resources。
12. 在web目录下新建HTML文件，点击启动服务器，通过http://localhost:8888/JavaWEB20220829/index.html地址来访问自己的项目。

Servlet

任务

1. Servlet就是一个普通的Java类而已。
2. 处理请求，给出响应的类。

创建Sevlet

1. 实现javax.servlet.Servlet接口
2. 继承javax.servlet.GenericServlet类
3. 继承javax.servlet.http.HttpServlet类

我们在开发中一般会使用第三种方法来创建Servlet。

Servlet生命周期

1. 初始化---init方法。
2. 实例化---构造器。
3. 调用service方法，处理请求。
4. 销毁---destory方法。

Servlet的配置

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <!-- 注册servlet   -->
    <servlet>
        <servlet-name>hello</servlet-name>
        <servlet-class>com.jsoft.afternoon.HelloServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>hello</servlet-name>
        <url-pattern>/hello.do</url-pattern>
    </servlet-mapping>


</web-app>

注解

@WebServlet("/hello.do")