JFinal-layui 極速開發企業應用管理系統,是以 JFinal+layui 為核心的企業應用項目架構,利用 JFinal 的特性與 layui 完美結合,達到快速啟動項目的目的。讓開發更簡單高效,即使你不會前端 layui,也能輕鬆掌握使用。
JFinal-layui v1.4.1 主要實現響應式布局,解決表單重複提交問題,以及優化多選樹的展開功能。
v1.4.1更新內容詳情:
一、實現響應式布局
在給客戶開發的系統能夠現象響應式展示,那麼會給客戶的工作帶來便利。因為這個布局是利用layui現有的架構,結合jfinal的enjoy模版引擎,是封裝在了#@colStart(label,xs)函數裡面,所以開發者不需要自己操心了,正常開發使用即可。
1、封裝的模版函數:
2、form表單調用:
3、效果圖:
二、解決表單重複提交問題
用戶在業務辦理中,很容易出現重複提交表單的情況。防止用戶重複提交表單,這是系統該做基本功能。那麼JFinal-layui是如何做的呢,很簡單,在原來的模版函數添加一段js代碼即可,如下圖:
三、優化多選樹展開功能
在角色權限管理裡面,用戶反饋說當菜單多了,全部展開操作很不方便,想要部分展開。但是因為layui的Xtree多選樹是不能控制部分展開的,所以這部分就自己改造優化了一下,完美解決了。
優化前: 優化後:
四、添加圖表多組統計樣例代碼
因為很多用戶不太熟悉封裝的接口和前端的關係,所以就寫了一個示例代碼作為參考。
後端接口代碼:
前端只需要調用一個接口即可:
//部門人數 統計 echart.getData("#(path)/portal/echart/queryData",null);
效果圖:
友情連結:
社區交流:JFinal-layui社區
演示系統:JFinal-layui極速開發企業應用管理系統
源碼下載:JFinal-layui