一、vue復習

1.vue的使用步驟:

（1）導入vue.js
（2）創建除body以外最大的div標簽，給定id值
（3）創建vue對象

 new Vue({
           el:"#app",
           data:{}//定義變量
           methods:{} //定義方法

2.vue語法:

v-bind:value（:value）,v-model:value="",v-if,v-show,
v-for的使用及用途
  {{}}插值表達式
1、v-bind單項數據綁定 
<input v-bind:value= "***">
2、v-model雙向數據綁定 
<input v-model= "***">
同步更改data里面的***值(只能運用在表單元素中) 
3、v-model相當于value的效果

二、servlet和tomcat

Servlet是一個java程序，是一個能夠接收HTTP請求的Java類，因此需要實現HTTP請求
在JavaEE庫中有一個類javax.servlet.http.HttpServlet實現了HTTP協議，我們創建的類只要繼承這個HttpServlet類，就實現了HTTP協議，就能接受HTTP請求

創建一個類繼承javax.servlet.http.HttpServlet
繼承HttpServlet的類就能夠接收HTTP請求，我們把這樣的類稱之為Servlet類，類似***Servlet格式命名
在我們創建的Servlet類中，重寫doPost/doGet用于處理用戶不同的請求

servlet配置

在創建的Servlet類上添加@WebServlet注解，在注解后的參數中配置url，url也必須是以/開頭

//每一個類，繼承HttpServlet，該類就是一個Servlet，每一個servlet都有一個訪問路徑
@WebServlet("/deptC")
public class DeptC extends HttpServlet {
    //引入service層
    private IDeptService deptService=new DeptServiceImpl();
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("測試訪問doget...");
        var list = deptService.list();
        System.out.println(list);
        //數據轉化成json格式，再響應給游覽器
        JsonUtil.transJson(list,resp);
    }

![](https://img-blog.csdnimg.cn/8fbacb8233c946b494d8248dcf8e9b79.png

Tomcat 響應用戶請求的過程如下：

1、用戶通過瀏覽器向 Tomcat(web服務器)發送一個 HTTP 請求。
2、Tomcat 接收到請求后，將請求信息發送給 Servlet 容器，并交給servlet 容器一個請求對象和一個響應對象。
3、Servlet 容器加載 Servlet，先創建一個 Servlet實例。然后告訴這個 servlet 實例說：嘿！小伙，我這里有一個用戶的請求對象和響應對象，你來處理一下。
4、Servlet 實例從請求對象拿到客戶端的請求信息，然后進行相應的處理。
5、Servlet 實例將處理結果交給響應對象，通過響應對象發送到客戶端。

注解：
請求對象：HttpServletRequest
響應對象：HttpServletResponse