JFinal-layui v1.4.1 發布,實現響應式,解決表單重複提交

2020-12-27 開源中國

        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

相關焦點

  • JFinal-layui v1.5 精益求精,新增主從表代碼器、優化前端模板
    讓開發更簡單高效,即使你不會前端layui,也能輕鬆掌握使用。       JFinal-layui v1.5 新增主從表代碼器,升級layui-v2.5.6,優化前端模板1、新增主從表生成器:1)、選擇主表(單一主表),默認關聯欄位是主表主鍵,2)、選擇子表(多從表),依次填寫子表關聯主鍵的欄位,
  • layui的彈出框、form表單、表格使用常見問題解決方案
    最近公司開始全面的更改前端的框架,由bootstrap更改為layui'框架,在嘗試使用layui編寫前臺邏輯時,遇到了很多的坑,在此做一些常用坑的解決辦法的總結。主要包含:1、點擊按鈕,將父頁面數據傳遞到子頁面的問題2、關閉子頁面刷新父頁面問題3、動態地為form表單中的select添加option不顯示問題4、form表單提交獲取表單數據問題5、表格的初始化請求分頁參數
  • JFinal-layui-pro v2.0 專業版發布,優化系統界面
    ,優化部分功能,打造一款美觀、好用、專業的後臺管理系統 JFinal-layui-pro下載地址:https://gitee.com/QinHaiSenLin/Jfinal-layui/tree/pro/ 專業版在線演示系統:JFinal-layui極速開發企業應用系統
  • JFinal 3.1 發布,沒有繁瑣、沒有複雜,只有妙不可言
    0)#end在 java 端的代碼依然簡潔到極致:paginate(1, 10, getSqlPara("findGirl", 18));傳統 mybatis 這一類的sql 管理功能,為了實現分頁還要額外做很多事情,例如,需要 Handler 或 Interceptor 擴展,需要Mapper、XML、annotation,又或者引入各種所謂的
  • 解決layui前端動態設置radio、checkbox默認選項的解決方案
    前幾天接觸一個二次開發,後臺UI用的是layui框架,程序原來的TAG標籤設置中自由輸入的,想修改為單選。這樣子的功能用於,一個產品屬於兩種分類的作法。第一種就是系統自帶的產品分類,第二種使用標籤來實現。然爾一個產品並不需要同時屬於兩個以上的標籤,所以二次開發修改為單選radio,而不是多選checkbox。
  • JFinal 4.2 發布,一個 jar 包走天涯
    完全掌握意味著你可以隨心所欲地擴展、定製,在碰到問題時可迅速定位解決    相比 Spring 的幾十萬行代碼量,再加上其很多組件都是六七層的類層次關係,要讀懂源碼都會十分困難,更別提完全掌控      好比言多必失,代碼量越大,出錯的概率必然越大。
  • JFinal 3.3 發布,天下武功,唯快不破
    的方式秒起項目,不用配置 tomcat/jetty,修改原始碼不用重啟項目,本質就是 「快」,以至於幾年以後發布的 spring boot 也用了這一招來啟動項目再例如 jfinal 完全消滅掉 xml 配置,獨創 API 引導式配置,開發者在開發時除了不再被 xml 噪音幹擾以外,還可以不用去記憶各種繁雜的配置,API 引導式配置不但可以利用 IDE 的代碼提示而且還可以通過參數名、
  • JavaWeb_Cloud_Pro 旗艦版 v1.1.0 發布,完善代碼生成器
    v1.1.0版本更新:1、解決登錄過期卡死,無法跳轉登錄頁的問題;2、解決近期客戶使用過程中反饋的BUG修復
  • Bootstrap4.4.1網格實現響應式布局,只需要掌握這一點就行
    實現前端網頁實現響應式布局如果是自己寫代碼來實現真的挺困難的,但是使用bootstrap框架就非常容易了,即使不懂前端開發也可以很好地駕馭。當前最新版本是bootstrap4.4.1,和之前的老舊版本相比較在細節方面做了很多的優化和升級,其中網格系統是實現網頁響應式的核心組成部分。
  • PHP之表單的提交
    一、前臺數據的提交前臺數據的提交一般在form表單中完成,主要有兩種方式,一種為post,一種為get。1、get方式:前臺代碼:後臺代碼:<?phpecho "提交成功";提交結果:說明:(1)、密文提交方式,提交在http協議內部。
  • Niushop開源商城表單單選按鈕、開關按鈕及表單展示等開發代碼
    上一期,阿牛ger與大家分享了創建表單的基本功能,調整表單寬度、表單輸入框、表單必輸標識、表單注釋及複選框功能的添加代碼,這一期,阿牛ger接著與大家分享Niushop開源商城表單開發那些事兒:單選按鈕效果圖:代碼如下:<!
  • JFinal 1.5 發布,JAVA極速WEB+ORM框架
    JFinal 1.5 何時發布?以往升級都保持在每月近兩次的頻率,為何本次五個月過去了新版本還不出?由於作者暫時闊別碼壇已有半年時間,一直無暇顧及,現趁此國慶假期果斷升級到 1.5。     本次升級一個大的提升是利用自定義 ClassLoader 加強了對maven的支持,當 class與jar 文件不在 WEB-INF 之下時仍然支持熱加載。
  • Niushop開源商城系統表單搭建
    表單搭建,是商城系統觸發按鈕的重要模塊之一,有工整詳細的表單,不僅能讓頁面更加美觀大氣,還可以讓後臺代碼更加規整與規範,方便及時查漏或者商家再次二開!表單label寬度layui-form-label 155pxlayui-form-label sm 100pxinput寬度input框 最短(100px): ns-len-small
  • JavaScript之阻止form表單提交三種方式
    今天和大家分享一下,關於如何阻止form表單的提交。一、為什麼要阻止form表單的提交呢?以及使用場景我們在工作中,比如一個登錄頁面,當填完用戶登錄信息後,需要對用戶信息進行校驗,如果有問題,那麼就不應該將數據提交到後臺,而是在前臺阻止,接下來我們看一下,如何阻止form表單的幾種方式1、表單第一種阻止方式:form結合onclick事件來阻止form表單的提交<head><meta charset="UTF-8"
  • JFinal 2.0 發布,JAVA 極速 WEB+ORM 框架
    4:git.oschina.net 與 JFinal 相關開源項目 164 個相關連結:http://git.oschina.net/search?本功能實現僅用了 6 行代碼,JFinal 架構可擴展性就是這麼碉堡。
  • 「Flask web 開發」第4章 Web表單
    第 4 章 Web表單第 2 章中介紹的請求對象包含客戶端發出的所有請求信息。其中, request.form 能獲取POST 請求中提交的表單數據。儘管 Flask 的請求對象提供的信息足夠用於處理 Web 表單,但有些任務很單調,而且要重複操作。比如,生成表單的 HTML 代碼和驗證提交的表單數據。
  • RXThinkCMF_TP6 v1.0.1 旗艦版發布,優化UI組件庫 - OSCHINA...
    v1.0.1版本更新1、優化UI組件庫2、重構富文本編輯器組件;RXThinkCMF_TP6
  • 小說精品屋 v2.1.3 發布,小說閱讀彈幕網站
    小說精品屋-小說閱讀彈幕網站 v2.1.3版本發布了,主要改進包括:更新
  • HTML表單標籤基礎
    HTML表單一、傳統表單(一)1、表單是什麼?01.在網頁中主要負責數據採集功能的組件。02.通常與資料庫相連。03.由表單元素組成。2、表單組件介紹:01.文本(欄位)02.選擇03.單選按鈕(組)04.文本域05.複選框06.密碼(欄位)07.文件域08.提交按鈕09.重置按鈕3、form 標籤 (表單範圍)...
  • 簡單表單實現
    網站上一般都有登錄、註冊、評論什麼的,這裡就需要form表單來處理了常用的表單標籤有:form:表單容器input:輸入控制項select:代碼使用是fieldset(控制項組) 、 legend(說明)標籤和br(break 換行標籤),這兩個閉合標籤主要用來做輔助使用的checked用來處理單選和複選的默認選中,name名稱需要一樣selected用來處理下拉選擇的默認選中,name是一個數組,名稱也需要一樣reset表單內容重置