首頁展示模塊
1 創建view-controller來對應
2 創建role-page.jsp基本前端代碼
3 初始化資料(keyword,pageSize,pageNum),用windows作為全域變數,條件查詢和頁面跳轉都會改變windows的值
4 寫role.js函式庫,有以下的方法
generatePage() //總舵方法, 執行分頁,生成頁面效果
1)getPageInfoRemote 遠程訪問服務器端程式獲取pageInfo資料即當頁資料
2)fillTableBody將第一步獲取到的當前頁資料顯示到表格體上,在表格尾生成分頁欄,頁面導航條呼叫會掉函式實作頁面跳轉
增添角色
1 點擊新建按鈕觸發$("#searchBtn").click(function () {}
2 獲取到用戶填寫的資料并通過ajax發送給handler相應函式處理
3 handler處理資料并插入資料庫,然后將執行情況回復前端
4 前端頁面顯示執行情況
注意特殊結構,由于js引入的關系,導致一些動態代碼依附于當前jsp頁面的靜態結構,這是不能直接對動態代碼部分用click操作,應該用on,on方法可以很自然的操作父元素的子元素
模塊修改方法

1 點擊修改按鈕
2 彈出帶初始值的修改框
- 因為當前的操作界面是role的list主頁面,初始值可以以獲取動態節點的方式取得,展示到修改頁上,修改頁是layer彈出技術得到的,不需要用一張新的jsp頁面
- 獲取用戶填寫的最新資料并提交,handler相應方法在資料庫層面進行更改,然后將結果回復前端界面并顯示
單個/批量洗掉角色


批量洗掉和單個洗掉時兩個不同的事件,但內部呼叫的都是同一個handler處理器方法
1 用戶選擇全部的待洗掉的專案點擊洗掉或者點擊每項資料都有的單個洗掉
注意:必須有所選擇才能點擊洗掉總按鈕并執行,否則要有禁止操作的提示
2 彈出洗掉確定框,確認框中還要展示待洗掉的資料
3 點擊確定后,將洗掉項的id串列作為引數,發送ajax請求到handler的處理方法,批量洗掉
4 回顯結果
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/260604.html
標籤:其他
下一篇:Android實作歡迎界面
