Java EE框架應(yīng)用開發(fā)(SpringBoot+VueJS) 第2版 課件 工作單元九 任務(wù)2 實現(xiàn)用戶列表分頁_第1頁
Java EE框架應(yīng)用開發(fā)(SpringBoot+VueJS) 第2版 課件 工作單元九 任務(wù)2 實現(xiàn)用戶列表分頁_第2頁
Java EE框架應(yīng)用開發(fā)(SpringBoot+VueJS) 第2版 課件 工作單元九 任務(wù)2 實現(xiàn)用戶列表分頁_第3頁
Java EE框架應(yīng)用開發(fā)(SpringBoot+VueJS) 第2版 課件 工作單元九 任務(wù)2 實現(xiàn)用戶列表分頁_第4頁
Java EE框架應(yīng)用開發(fā)(SpringBoot+VueJS) 第2版 課件 工作單元九 任務(wù)2 實現(xiàn)用戶列表分頁_第5頁
已閱讀5頁,還剩7頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

實項操目JavaEE框架應(yīng)用開發(fā)(SpringBoot+VueJS)工作單元九實現(xiàn)用戶和角色管理的前端功能CHAPTERFIVE任務(wù)2實現(xiàn)用戶列表分頁任務(wù)分析分頁功能是網(wǎng)頁中的一個常見功能,其作用就是將數(shù)據(jù)分割成多個頁面來顯示。當獲取數(shù)據(jù)量達到一定規(guī)模的時候,使用分頁來進行數(shù)據(jù)分割,可使數(shù)據(jù)展示形式更為齊整任務(wù)實施步驟1.全局掛載分頁組件步驟2.使用分頁組件步驟3.運行調(diào)試步驟1全局掛載分頁組件使用Vue-Element-Admin框架的/components/Pagination組件實現(xiàn)分頁,修改main.js文件掛載Pagination組件。importPaginationfrom'@/components/Pagination'//全局組件掛載Vponent('Pagination',Pagination)步驟2使用分頁組件1)修改“/views/system/user/index.vue”文件,在<template>標簽里的“el-table”組件下增加Pagination組件。2)Pagination組件使用了total、queryParams

兩個變量,在script標簽下的data中初始化該變量,同時把queryParams

變量傳入到listUser(this.queryParams)中,將返回的數(shù)據(jù)賦值給total變量,獲取總數(shù)據(jù)數(shù)。步驟3運行調(diào)試分別啟動運行前、后端服務(wù);使用瀏覽器訪問URL地址:http://localhost:9527/。登錄成功后單擊“系

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論