本文章轉載于【SpringBoot+Vue】全網最簡單但實用的前后端分離項目實戰筆記 - 前端_大菜007的博客-CSDN博客
僅用于學習和討論，如有侵權請聯系
源碼：https://gitee.com/green_vegetables/x-admin-project.git
素材：https://pan.baidu.com/s/1ZZ8c-kRPUxY6FWzsoOOjtA 提取碼：up4c
項目概述筆記：https://blog.csdn.net/m0_37613503/article/details/128961102
數據庫筆記：https://blog.csdn.net/m0_37613503/article/details/128961401
前端筆記：https://blog.csdn.net/m0_37613503/article/details/128961447
后端筆記：https://blog.csdn.net/m0_37613503/article/details/128961569
1、因為是分頁所以我們需要兩個參數：pagesize和pageNum
1.1
2 后端直接干，找到userController,我們查詢請求就是getter請求
?2.1
3 登錄接口用post不安全
3.1 增刪改查，新增post,修改用post，刪除delete，這里返回的數據時Map集合
?3.2 我們現在要這兩個參數，除了這兩個還有pageNum和pageSize,這里用注解直接獲取參數
?3.3 如果要求參數不是100%要求輸入的，就用required=false
3.4? 再添加一個分頁參數
3.5 再加一個一頁顯示多少條的參數
?3.6 你要查詢第幾頁，你得傳入第幾頁，同時還有一個條件構造器
?3.7 我們需要傳入一個條件構造器，我們就寫入一個條件構造器，把我們條件給拼接進來
?
?3.8 泛型改成user，這樣字段就不會寫錯
4 我們要出入的username
4.1
5、這里可能傳入一個用戶條件，有可能是一個空值
5.1
6 點擊eq方法，他做了重載，?condition只要滿足這個條件，我就會拼接。
6.1用戶名直接為空，我就可以在這里做直接判斷
?6.2 判斷用戶不為空，不為“”的空
?6.3? 判斷代碼長度是否為零
?6.4 上面的變量差不多，因此復制粘貼，我們復制的前提是我們熟悉的代碼，而不是我們不熟悉的代碼
?6.5 分頁，我們需要new一個page對象
?6.6 這個page方法是什么，是IPage的子類
?6.7 你可以看一下IPage,點這個
?6.8 這里的泛型寫user
?6.9這里的構造方法是要傳入參數的
6.10 這里出問題是導入的是spring中的page，導錯了
?6.11 我要的是苞米豆中的page
?6.12 第一個是當前頁，其他是每頁顯示多少條
?6.13 回到控制器中，這就是我們頁面傳入的參數,pageNo,pageSize
?6.14 傳入我們分頁和條件
6.15 我們想要的數據時Mapper類型的數據
封裝一個數據
?6.16 返回給前端需要一個總積累數，total
?6.17 拿回前端返回的結果集
?6.18 把數據給他返回過去
7、重新部署一下
7.1
8、這里爆出一個錯誤，剛才的接口寫錯了，這里我們應寫查詢
8.1
9、等一會查詢的時候，我們用“/List作為查詢路徑”
?9.1 重啟測試一下
?10 用postman測試一下：GET請求，路徑為List?
10.1 我想查第一頁，每頁10條，帶兩個參數
??
11、total 是我們的總積累數，如果我們想要total必須做一個count查詢
?
11.1
12、寫了分頁的方法沒有生效的原因是你必須寫一個分頁的攔截器配置?
12.1
13 百度搜索MyBatis-Plus,點擊分頁插件
13.1 你需要配置這個分頁攔截器，他才能生效
?
14、他告訴你了，spring怎么配，只要把類寫上就行
?
14.1
15、找到config，寫一個類
?
?
15.1
16 寫一個注解
?
16.1
17 把內容復制過來
17.1
18 導一下類
?
18.1
19 把數據庫給改一下
19.1
20 分頁攔截器設置成功過
?
20.1
##
21、現在total出來了6
?
21.1
22 用戶列表查詢對接后端，我們想要對接后端，先找到API文件，這個文件就是對接后端的專用文件
22.1
23 他每個方法對應一個接口
24 一般我們一個功能模塊，一個新建點，我給他建一個文件
?
24.1
25 建一個userManage.js文件?
25.1
26 這一行代碼保留去引用request
?
26.1
27 導出，export default ,這樣我們可以把多個方法，全部寫到這里面來
27.1
28 在這里面定義方法：寫一個getUserList()查詢方法
?
28.1
29 return一個request對象,request就是上面定義的
29.1
30 我們的路徑是什么，請求方式是什么
30.1
31、你查詢的時候，要把參數寫上，get傳不了json
?
31.1
32 我想傳入的參數，parms中的pageNUM,屬性值那，
32.1
33 屬性值
?
33.1
34 如果后面我再想寫別的方法，我就寫，然后寫別的方法就行
?
34.1
35最終寫成這樣就行
?
35.1
36 我們想在這個頁面中調用方法，提交給后臺?
36.1
37 現在method中寫一個查詢，做一下用戶的查詢
?
37.1
38 這個方法名要跟上面的相同，但是不是同一個方法
?
38.1
39、我想使用這個方法，我得先導入他，@代表Src目錄后
?
39.1
40.then調完之后的回調方法
?
40.1
41、這里面要傳入參數
?
41.1
42 then是回調，我們查詢成功之后，要做什么事情，我們要把數據給他塞進來
?
42.1
43 這里我要寫一個形參名字，我習慣寫response,響應對象，后臺返回我的響應數據
43.1 這是我們的數據
44 里面有個data屬性，下面有個rows
?
44.1
45 這樣我們定義了一個方法做這個查詢，但這個方法不調用是不執行的
45.1
46 我們希望頁面一進入就默認去查這里的第一頁數據
?
46.1
47 我們需要構造函數，在這個構造函數去查默認函數,與,method平級，這個調他，那個調他
?
47.1
48 那個js實際是封裝了一個xshell，發給了后臺，做了一個異步調用
?
48.1
49 數據已經出來了
49.1
50 因為我們是復制的，屬性名就出來了，這里寫錯了
?
50.1
51、改成email
?
51.1
52 現在點擊查詢不管用，我們應該怎么辦 24-9分09
?
52.1
53 綁定一個查詢事件?
53.1
54 查一下admin
54.1
55 這里出現了一個問題，我點擊下面的查詢按鈕，除了6條數據，而本應該是出現5條數據
?
55.1
56 這里數據產生變化的時候，你應該要刷新數據
56.1
57 刷新對應的方法都是空的
?
57.1
58 這個方法，只要pageSize發生改變就能夠把pageSize最新的數值給傳過來
?
58.1
59 傳入之后，我們就可以對他的數值做一下更新
?
59.1
60 數據點完之后，我們再重新查詢
?
60.1
61、Current也就是pageNum?
61.1
62 他必須拿到pageNum，拿到之后，我們再做一下更新
?
62.1
63 數據沒問題，但是這里的數據時6，序號出現了問題，這里如何解決，這里的序號你得自己計算
63.1
64、我們這里用的是type=index?
)
