1 JQuery

1.1 概念

• jQuery是一个快速、简洁的JavaScript框架，能够极大简化JS的DOM操作。
• JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已

1.2 JQuery对象和JS对象区别

• JS对象: 通过JS语法获取到的页面元素我们称之为“JS对象”。JS对象不能使用JQ语法
• JQ对象: 通过JQ语法获取到的页面元素我们称之为“JQ对象”。JQ对象不能使用JS语法

• 两者相互转换

  • JS对象 --> JQ对象：

    • var JQ对象 = $(JS对象);

  • JQ对象 --> JS对象：

    • var JS对象 = JQ对象[索引];
    • var JS对象 = JQ对象.get(索引);

1.3 选择器

1）基本选择器

1.标签选择器（元素选择器）

• 语法： $("html标签名") 获得所有匹配标签名称的元素

2.id选择器

• 语法：$("#id的属性值") 获得与指定id属性值匹配的元素

3.类选择器

• 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素

4.并集选择器

• 语法： $("选择器1,选择器2....") 获取多个选择器选中的所有元素

- 阅读剩余部分 -

今日内容

• Filter 过滤器
• Listener 监听器

1 Filter 过滤器

1.1 概念

• Filter是我们web开发中的过滤器，可以根据“拦截规则”，拦截请求。然后，根据自己的需要，决定是否放行。

• 过滤器的作用：

  • 一般用于完成通用的操作。如：登录验证、统一编码处理、敏感字符过滤

1.2 使用步骤

1. 定义一个类，实现Filter接口
2. 重写所有抽象方法
3. 在doFilter方法中，自定义规则决定是否放行
4. 配置过滤器的过滤规则

1.3 快速入门

@WebFilter("/*")    //过滤规则：拦截所有请求
public class MyFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {}
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        /*
            if(如果符合我们自己定义的条件){
                //放行
                filterChain.doFilter(servletRequest,servletResponse);
            }
         */
        filterChain.doFilter(servletRequest,servletResponse);
    }
    @Override
    public void destroy() {}
}

- 阅读剩余部分 -

今日内容

• EL表达式
• JSTL
• 三层架构

1 EL表达式

1.1 概念

• Expression Language 表达式语言

1.2 作用

• 替换和简化jsp页面中java代码的编写

1.3 语法

• ${表达式}

1.4 注意

• jsp默认支持EL表达式。如果要忽略EL表达式

  • 设置jsp中page指令中：isELIgnored="true" 忽略当前jsp页面中所有的el表达式
  • \${表达式}：忽略当前这个el表达式

1.5 使用

1、运算

• 运算符：

  • 算数运算符：+ - * /(div) %(mod)
  • 比较运算符：> < >= <= == !=
  • 逻辑运算符：&&(and) ||(or) !(not)

  • 空运算符：empty

    • 功能：用于判断字符串、集合、数组对象是否为null或者长度为0
    • ${empty list}:判断字符串、集合、数组对象是否为null或者长度为0
    • ${not empty str}:表示判断字符串、集合、数组对象是否不为null 并且 长度>0

- 阅读剩余部分 -

今日内容

• Session
• JSP
• MVC开发模式

1 Session

1.1 概念

• 服务器端会话技术，在一次会话的多次请求间共享数据，将数据保存在服务器端的对象中。HttpSession
• session是一个域对象。他的范围“一次会话”

1.2 快速入门

• 获取HttpSession对象：

  HttpSession session = request.getSession();

• 使用HttpSession对象：

  Object getAttribute(String name) //获取

  void setAttribute(String name, Object value) //存储

  void removeAttribute(String name) //删除

1.3 原理

• Session的实现是依赖于Cookie的。

- 阅读剩余部分 -

今日内容

• Cookie
• 案例：记住上一次访问时间

1 Cookie

1.1 概念

• Cookie就是客户端会话技术，将数据保存到客户端；为了解决"http协议无状态"这个问题，客户端提供了一项技术：Cookie，服务端也提供了一项技术"Session"这两项技术都可以解决"http协议无状态"这个问题，都可以记录用户状态

• 会话技术：一次会话中包含多次请求和响应。

  • 一次会话：浏览器第一次给服务器资源发送请求，会话建立，直到有一方断开为止
• 功能：在一次会话的范围内的多次请求间，共享数据

• 方式：

  • 客户端会话技术：Cookie
  • 服务器端会话技术：Session

1.2 快速入门

1.创建Cookie对象，绑定数据

• new Cookie(String name, String value)

2.发送Cookie对象

• response.addCookie(Cookie cookie)

3.获取Cookie，拿到数据

• Cookie[] request.getCookies()

1.3 实现原理

• 基于响应头set-cookie和请求头cookie实现

- 阅读剩余部分 -

今日内容：

• HTTP协议：响应消息
• Response
• ServletContext对象

1 HTTP协议

1、请求消息

• 客户端发送给服务器端的数据

• 数据格式：

  • 请求行
  • 请求头
  • 请求空行
  • 请求体

2、响应消息

• 服务器端发送给客户端的数据
• 数据格式：

1）响应行

• 组成：协议/版本 响应状态码 状态码描述

• 响应状态码：服务器告诉客户端浏览器本次请求和响应的一个状态。

  • 状态码都是3位数字

  • 分类：

    • 1xx：服务器就收客户端消息，但没有接受完成，等待一段时间后，发送1xx多状态码
    • 2xx：成功。代表：200
    • 3xx：重定向。代表：302(重定向)，304(访问缓存)

    • 4xx：客户端错误。

      • 代表：

        • 404（请求路径没有对应的资源）
        • 405：请求方式没有对应的doXxx方法
    • 5xx：服务器端错误。代表：500(服务器内部出现异常)

- 阅读剩余部分 -

今日内容：

• HTTP
• Request
• 案例：用户登录

1 HTTP

2.1 概念

• Hyper Text Transfer Protocol 超文本传输协议
• 传输协议：定义了，客户端和服务器端通信时，发送数据的格式

• 特点：

  1. 基于TCP/IP的高级协议
  2. 默认端口号：80
  3. 基于请求/响应模型的：一次请求对应一次响应，先有请求后有响应
  4. 无状态的：每次请求之间相互独立，不能交互数据

2.2 请求消息数据格式

- 阅读剩余部分 -

今日内容

• Tomcat
• Servlet

1 Tomcat

1.1 概念

• Tomcat是Apache组织研发,免费的,中小型的,服务器软件.
• 用来发布Web项目.通俗的说,就是可以让我们做的网站,可以在浏览器里边访问并执行.

1.2 Tomcat目录结构

bin        :tomcat的执行的文件.
conf    :tomcat的配置文件(*****).
lib        :tomcat运行的需要的jar包.
logs    :tomcat的运行的日志文件(*****).
temp    :tomcat产生临时文件存放的路径.
webapps    :tomcat发布的web项目的路径(*****).
work    :tomcat正在运行时所产生的临时文件所存放的位置.

1.3 WEB动态资源目录结构(webapps下的站点的目录结构)

website
|-----静态资源
|-----WEB-INF
    |-----web.xml :项目的配置文件。可选的(Servlet2.5之前必须有,Servlet3.0之后可以没有)
    |-----classes :项目的字节码文件。可选的,存放class文件
    |-----lib :项目的jar包。可选的,存放第三方jar包

2 Servlet

- 阅读剩余部分 -

XML

• 概念
• 语法
• 解析

1 概念

• 概念：Extensible Markup Language 可扩展标记语言

  • 可扩展：标签都是自定义的。 <user> <student>

  • 功能

    • 存储数据

      • 配置文件
      • 在网络中传输

  • xml与html的区别

    • xml标签都是自定义的，html标签是预定义
    • xml是储存数据的，html是展示数据
  • w3c:万维网联盟

2 语法

1.基本语法

1.xml文档的后缀名 .xml
2.xml第一行必须定义为文档声明
3.xml文档中有且仅有一个根标签
4.属性值必须使用引号(单双都可)引起来
5.标签必须正确关闭
6.xml标签名称区分大小写

2.快速入门

<?xml version='1.0' ?>
<users>
    <user id='1'>
    <name>zhangsan</name>
    <age>23</age>
    <gender>male</gender>
    <br/>
</user>

<user id='2'>
    <name>lisi</name>
    <age>24</age>
    <gender>female</gender>
    </user>
</users>

- 阅读剩余部分 -

• JavaScriptgaoji

  • BOM
  • DOM
• 事件监听机制

1 BOM

1.概念：Browser Object Model 浏览器对象模型

• 将浏览器的各个组成部分封装成对象。

2.组成：

• Window：窗口对象
• Navigator：浏览器对象
• Screen：显示器屏幕对象
• History：历史记录对象
• Location：地址栏对象

3.Window：窗口对象

1.创建

2.方法

1) 与弹出框有关的方法：

alert()    显示带有一段消息和一个确认按钮的警告框。
confirm()    显示带有一段消息以及确认按钮和取消按钮的对话框。
- 如果用户点击确定按钮，则方法返回true
- 如果用户点击取消按钮，则方法返回false
prompt()    显示可提示用户输入的对话框。
- 返回值：获取用户输入的值

- 阅读剩余部分 -