一、Http协议

HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。
·HTTP是基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。
·HTTP协议工作于客户端-服务端架构(C/S)上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。

常见服务器
Web服务器有：Apache服务器，IIS服务器（Internet Information Services）等。

1.1 HTTP 消息结构

HTTP是基于客户端/服务端（C/S）的架构模型，通过一个可靠的链接来交换信息，是一个无状态的请求/响应协议。
一个HTTP”客户端”是一个应用程序（Web浏览器或其他任何客户端），通过连接到服务器达到向服务器发送一个或多个HTTP的请求的目的。
一个HTTP”服务器”同样也是一个应用程序（通常是一个Web服务，如Apache Web服务器或IIS服务器等），通过接收客户端的请求并向客户端发送HTTP响应数据。

1.2 客户端请求消息

客户端发送一个HTTP请求到服务器的请求消息包括以下格式：请求行（request line）、请求头部（header）、空行和请求数据四个部分组成，下面给出了请求报文的一般格式。
请求方法 空格 URL 空格 协议版本 回车符 换行符 请求行
头部字段名:值 回车符 换行符
…… 请求头
头部字段名:值 回车符 换行符
回车符 换行符
data 请求数据

例如：

请求头

1.3 Http请求方法

根据HTTP标准，HTTP请求可以使用多种请求方法。
HTTP1.0定义了三种请求方法： GET, POST 和 HEAD方法。
HTTP1.1新增了五种请求方法：OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法。

**

1.4 Get与Post的区别

·GET**方式提交**
a）地址栏（URI）会跟上参数数据。以？开头，多个参数之间以&分割。
b）GET提交参数数据有限制，不超过1KB。
c）GET方式不适合提交敏感密码。
d）注意： 浏览器直接访问的请求，默认提交方式是GET方式
·POST**方式提交**
a）参数不会跟着URI后面。参数而是跟在请求的实体内容中。没有？开头，多个参数之间以&分割。
b）POST提交的参数数据没有限制。
c）POST方式提交敏感数据。

1.5 Http状态码

HTTP状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。HTTP状态码共分为5种类型：

常见的HTTP状态码：
200 请求成功
301 资源（网页等）被永久转移到其它URL
404 请求的资源（网页等）不存在
500 内部服务器错误

1.6 Http请求头

1.6.1 客户端http请求

以下是浏览器端的重要头信息

1.6.2 读取 HTTP 头的方法

这些方法通过HttpServletRequest 对象可用
Servlet 处理表单数据，这些数据会根据不同的情况使用不同的方法自动解析：

1.6.3 服务器端http请求

一下字段是servlet用来向浏览器传递信息

设置消息头的方法

二、Dao三层架构

2.1 Dao三层架构

DAO层：操作数据库（mapper）
service层：服务层，编写一些复杂的业务逻辑
表示层：Servlet，提出需求，控制流程

案例： 顾客去饭店吃饭
顾客：表示层 提需求 菜单
服务员：服务层
厨师：DAO

2.2 MVC与DAO之间的关系

三、Dao三层架构代码实现

在Servlet与Mapper之间增加了一层中间层Service

代码举例：

3.1 UserMapper接口与xml

UserMapper接口：

package com.woniuxy.mapper;
import com.woniuxy.entity.User;
public interface UserMapper {
    User findUserByAccount(String account);
}

UserMapper.xml：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.woniuxy.mapper.UserMapper">
    <select id="findUserByAccount" resultType="User">
        select * from mall_user where account = #{account}
    </select>
</mapper>

3.2 UserService接口和实现类

UserService接口：

package com.woniuxy.service;

import com.woniuxy.entity.User;

public interface UserService {
    User findUserByAccount(String account);
}

UserServiceImpl：

package com.woniuxy.service.impl;

import com.woniuxy.entity.User;
import com.woniuxy.mapper.UserMapper;
import com.woniuxy.service.UserService;
import com.woniuxy.utils.MybatisUtil;

public class UserServiceImpl implements UserService{
    // 将mapper作为service实现类的属性
    private UserMapper userMapper = MybatisUtil.getSqlSesson().getMapper(UserMapper.class);

    @Override
    public User findUserByAccount(String account) {
        return userMapper.findUserByAccount(account);
    }
}

3.3 UserServlet

package com.woniuxy.servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.woniuxy.entity.User;
import com.woniuxy.service.UserService;
import com.woniuxy.service.impl.UserServiceImpl;

public class UserServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;


    public UserServlet() {
        super();
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String uri = request.getRequestURI();
        if(uri.endsWith("/login")) {
            // 登录 执行登录的业务代码
            login(request, response);
        }else if(uri.endsWith("/regist")) {
            // 注册业务
        }
    }

    public void login(HttpServletRequest request, HttpServletResponse response) throws IOException {
        // 获取前端输入的数据
        String account = request.getParameter("account");
        String password = request.getParameter("password");

        // 调用service接口的方法获取想要的数据
        UserService userService = new UserServiceImpl();
        User user = userService.findUserByAccount(account);

        // 设置字符编码
//        response.setCharacterEncoding("UTF-8");
        // 同时设置返回数据类型和编码
        response.setContentType("text/html;charset=utf-8");

        // 判断账号密码
        if(user == null || !user.getPassword().equals(password)) {
            // 账号或密码有误
            response.getWriter().write("账号或密码有误");// 会自动将字符串放到页面中返回
        }else {
            // 账号密码无误
            response.getWriter().write("登录成功");
        }
    }
}

3.4 用于创建SqlSession对象的工具类

MybatisUtil：

package com.woniuxy.utils;

import java.io.IOException;
import java.io.InputStream;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

public class MybatisUtil {
    private static InputStream inputStream=null;
    private static SqlSessionFactory factory=null;

    // 利用静态代码块只执行一次的原理，创建一次工厂
    static {
        try {
            inputStream = Resources.getResourceAsStream("mybatis-config.xml");
            factory = new SqlSessionFactoryBuilder().build(inputStream);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    public static SqlSession getSqlSesson() {
        if(factory!=null) {
            return factory.openSession();
        }
        return null;
    }

}

四、AJAX

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX不是新的编程语言，而是一种使用现有标准的新方法。
AJAX最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。
AJAX不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

什么是AJAX ？
·AJAX = 异步 JavaScript 和 XML。
·AJAX是一种用于创建快速动态网页的技术。
·通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
·传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
·有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

js代码：

<script>
function loadXMLDoc()
{
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("data_div").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","URL",true);
    xmlhttp.send();
}
</script>

服务端响应onreadystatechange事件可以传递一个函数的名称，当XMLHttpRequest 对象的状态发生改变时，会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化. 事件使代码复杂化了。但是这是在没有得到服务器响应的情况下，防止代码停止的最安全的方法。
readyState状态表示XMLHttpRequest对象的状态

每当 readyState 改变时，就会触发 onreadystatechange 事件

·responseText信息服务器响应的文本内容.
·responseXML对象服务器响应的XML内容对应的DOM对象.
·statusText服务器返回状态的文本信息。
setRequestHeader(name,value)自定义HTTP头部信息。需在open()方法之后和send()之前调用，才能成功发送请求头部信息。