JFinal-layui-pro v2.0 專業版發布,優化系統界面

JFinal-layui-pro專業版   

pro專業版和master開原版本的區別主要是前端界面的不同，在原有的基礎上修改css，調整首頁布局，優化部分功能，打造一款美觀、好用、專業的後臺管理系統

 JFinal-layui-pro下載地址：https://gitee.com/QinHaiSenLin/Jfinal-layui/tree/pro/

 專業版在線演示系統：JFinal-layui極速開發企業應用系統    帳號：admin/123456

 JFInal-layui官方社區：https://www.qinhaisenlin.com/

 

前端代碼示例：

1、列表首頁代碼模板優化，通過代碼器一鍵生成，也便於個性化擴展，快速控制列表工具欄按鈕的顯示隱藏：

#@layoutT('停車信息')#define main()<div class="container-wrap">   #@formStart()      #@queryStart('關鍵詞查詢')   <input type="search" name="keyword" autocomplete="off" class="layui-input" placeholder="搜索關鍵詞" style="padding-left:20px"/>   <i class="layui-icon layui-icon-search" style="position: absolute;top:7px;left:2px"></i>      #@queryEnd()   #@formEnd()   #@table()</div>#end<!-- 自定義表頭按鈕 -->#define button() <button class="layui-btn layui-btn-normal layui-btn-sm" lay-event="update">   <i class="layui-icon">&#xe642;</i> 編輯 </button>#end<!-- 自定義表格行按鈕 -->#define buttonRow() <a class="layui-btn layui-btn-xs" lay-event="detail">詳情</a>#end#define js()<!-- 分頁表格 --><script> function detailFunc(obj){ var data=obj.data; var id=data.id; var url="#(path)/portal/business/car/detail?id="+id; openDialog("停車信息詳情",url,false,null,null); }    gridArgs.title='停車信息';    gridArgs.dataId='carId';    gridArgs.deleteUrl='#(path)/portal/business/car/delete';    gridArgs.updateUrl='#(path)/portal/business/car/edit/';    gridArgs.addUrl='#(path)/portal/business/car/add';    gridArgs.gridDivId ='maingrid';    initGrid({id : 'maingrid'        ,elem : '#maingrid'        ,toolbar:'#table_toolbar'//開啟頭部工具欄，並為其綁定左側模板        /*        ,defaultToolbar:['filter', 'exports', 'print',{//自定義頭部工具欄右側圖標。如無需自定義，去除該參數即可            title:'提示',layEvent: 'LAYTABLE_TIPS',icon: 'layui-icon-tips'        }]        */        ,cellMinWidth: 100        ,cols : [ [  {title: '主鍵',field : 'carId',width : 35,checkbox : true},  {title:'序號',type:'numbers',width:35},  {title:'車牌號',field:'cardNo'},  {title:'進場時間',field:'inTime'},  {title:'出場時間',field:'outTime'},  {title:'進場拍照圖片',field:'inPic'},  {title:'出場拍照圖片',field:'outPic'},  {title:'停車費',field:'carFee'},  {title:'1:包月，2：臨時停車',field:'financeType'},  {title:'0：未收費，1已收費，2：免費',field:'status'},  {title:'收費員',field:'userName'},  {title:'備註',field:'remark'},            {fixed:'right',width : 180,align : 'left',toolbar : '#bar_maingrid'}            ] ]        ,url:"#(path)/portal/business/car/list"        ,searchForm : 'searchForm'    },{detail:detailFunc});//綁定自定義按鈕事件</script>#end

2、界面效果：

系統截圖：

1、登錄界面，第一次不顯示驗證碼，輸錯一次密碼，則需要驗證碼

2、功能管理

3、角色管理

4、用戶管理

5、部門管理

6、業務字典

7、系統日誌

8、響應式布局展示：

   

JFinal-layui低代碼平臺生成統一代碼、統一規範、統一設計思路，

使你能在這個平臺上，快速開發出高效高質量代碼，縮短項目開發周期。

 JFinal-layui精益求精，只為心中的那份熱愛！