動吧(日誌模塊)

系統權限管理子系統

訪問時須要登陸認證,登錄成功後才能訪問html

配置屬性

image

日誌管理

1.標準步驟

建立包和類,POJO,Dao,Service,Controller四個包前端

2.顯示界面

1)總體動吧界面

image.png
單一頁面傳遞只是在根據接收到的地址值返回對應的html界面jquery

2)日誌模塊界面

image.png
爲了實現代碼的複用性在這裏直接將對應的封裝成爲一個方法,而後再總體代碼運行結束後調用對應的方法傳參,第一個是顯示位置的ID值,第二個是傳遞的url值,第三個是顯示的ID,總體流程與其餘的是同樣的
image.pngajax

3)日誌模塊分頁界面

image.png
在界面上直接選擇對應的DIV而後load地址傳遞到Controller界面,在Controller界面根據傳回的地址調用對應的html文件
image.png數據庫

4)日誌模塊數據界面

3.點擊"日誌管理"顯示對應的界面以及數據

1)日誌列表查詢時序圖
2)login.html中的操做代碼

login.html中使用Load函數基於jquery中的load函數向服務端發送ajax請求,將url指定資源
image.png瀏覽器

4.將已經顯示的頁面進行分頁處理

1)從數據庫中查詢出對應的總頁數、總數據數

image
首先,咱們頁面上面須要,數據總數、總頁面數、當前的頁碼值以及每頁v 最多有多少數據,既然須要這麼多的數據,咱們能夠把這些值封裝在一個類中並進行計算,本來也能夠放在pojo類中,可是目前咱們只有一個表的數據須要取出來,在之後若果有多張表呢?每一個表中都要進行分頁查詢,咱們不能在每一個pojo類中都添加這幾個屬性,既然是共性的東西,咱們能夠把它放在一個通用的類中。
image異步

2)將查出來的總頁數以及總數據數放到界面中

調用方法時須要傳遞兩個方法值一個是username和pageCurrent(當前頁),並經過ajax異步將對應數據發送到page.html界面上函數

3)將上一頁下一頁按鈕關聯

首先獲取對應的按鈕事件,而後修改當前頁碼值便可完成對應的操做,上一頁頁碼值--,下一頁頁碼值++,爲了可以修改對應的頁碼值並將其傳遞到前端頁面,這裏用的data方法,在開始時先獲取目前初始化的頁碼值,而後根據對應的事件,修改頁碼值,最後再將修改後的頁碼值傳回url

5.處理異常

6.刪除模塊

FAQ

1)在login.html和starter.html中有兩段代碼是一摸同樣的爲何?都表明什麼意思?

image

2)通用封裝類PageObject中爲何要添加一個有參構造?

由於若是沒有有參構造,那麼Service中返回的數據應該是一個一個的屬性,同過PageObject類中對應的get方法進行賦值,而有了這個有參構造則能夠直接new一個對象將全部須要賦值的數據一併傳遞過去,減小了代碼的編寫。spa

3)已經封裝過一次通用類PageObject爲何還要再封裝一個JsonResult類?

這個類的主要做用就是將報錯信息打印出來,name在Controller層,只能返回給瀏覽器前端,一種類型的值,若是咱們直接把對應的數據寫在PageObject中,固然也是能夠,可是代碼就並非很清晰

4)數據庫中查詢表若是按照使用limil查詢,查詢的是標定的區間仍是將全部數據查出來後只展現標定的區間值?

5)何時應該封裝,何時又能夠不用去封裝?

我的理解:1.一方面是在代碼常常重複使用,或是代碼的基本邏輯一致可是其中有一些是變化的參數時,能夠對這一類的代碼進行封裝,調用2.另外一方面是當用到的參數較多,返回的屬性類型不肯定時,能夠採用將不少的屬性值封裝在一個類中,經過類對這些屬性值進行賦值,以實現代碼的簡潔

相關文章
相關標籤/搜索