最近有個(gè)需求，實(shí)現(xiàn)前端頁面一個(gè)數(shù)據(jù)表格可編輯，隨原頁面的表單提交json數(shù)據(jù)，然后后端回傳顯示Layui原來也沒怎么用過，記個(gè)筆記記錄一下添加行的有個(gè)小bug，超過分頁行數(shù)后，再添加會(huì)變成無數(shù)據(jù)所以只好初始設(shè)置分頁；bootstrap與layui的不同之處有適用范圍不同，前者適合開發(fā)網(wǎng)站，后者適合做后端框架大小不同，前者因?yàn)槌墒焖源嬖诖a冗余，后者是屬于輕量級(jí)的bootstrap與layui都是前端開發(fā)框架，但是它們之間還存在一些不同之處，接下來在。

layui的分頁會(huì)把limit和page也就是每頁條數(shù)和當(dāng)前頁，大概是這個(gè)名字，具體看layui的數(shù)據(jù)表格說明傳到后臺(tái)，你需要在后臺(tái)接收這兩個(gè)參數(shù)然后展示相應(yīng)的內(nèi)容你可以在運(yùn)行網(wǎng)頁的時(shí)候，在網(wǎng)頁里按f12，在網(wǎng)絡(luò)監(jiān)控中點(diǎn)下第；layui，是一款采用自身模塊規(guī)范編寫的前 UI框架，遵循原生 HTMLCSSJS 的書寫與組織形式，門檻極低，拿來即用其外在極簡(jiǎn)，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細(xì)節(jié)都經(jīng)過精心雕琢。

layui和java交互

layui的優(yōu)點(diǎn)與缺點(diǎn)優(yōu)點(diǎn)有以下幾方面1layui屬于輕量級(jí)框架，簡(jiǎn)單美觀適用于開發(fā)后端模式，它在服務(wù)端頁面上有非常好的效果2layui是提供給后端開發(fā)人員最好的ui框架，基于DOM驅(qū)動(dòng)，只要不涉及到交互layui還是很。

Layui前后臺(tái)數(shù)據(jù)交互layui有自己的一套特定的數(shù)據(jù)格式交互這很重要，必須參數(shù)code0，msg“”，count數(shù)據(jù)sizeint，data”數(shù)據(jù)List”一般我們選擇封裝返回接收類 Layui前臺(tái)js請(qǐng)求數(shù)據(jù) 其中html代碼js。

后端有必要掌握layuilayui原本就是為后端開發(fā)人員而做的，如一個(gè)靜態(tài)表格，基本上在不修改的現(xiàn)有代碼的情況下，只要增加class=ldquolayuitablerdquo，就能立刻展現(xiàn)出優(yōu)美的界面layui是一套開源的 Web UI解決方案。

layui是提供給后端開發(fā)人員最好的ui框架，基于DOM驅(qū)動(dòng)，在實(shí)現(xiàn)前端交互上比較麻煩，頁面的增刪。

我們?cè)谑褂胠ayui的時(shí)候，一般通常都用ajax去提交數(shù)據(jù)到后臺(tái)，但是layui的from表單給我們提供了自動(dòng)提交的方法，soEasy！上面就是我們使用的from表單，我們的提交按鈕必須要在from表單中，并且要加上type=quotsubmitquot屬性 action中的。

getJSON 的使用方法簡(jiǎn)介 getJSON url ， data ， successdata， textStatus， jqXHR url是必選參數(shù)，表示json數(shù)據(jù)的地址data是可選參數(shù)，用于請(qǐng)求數(shù)據(jù)時(shí)發(fā)送數(shù)據(jù)參數(shù)success是可參數(shù)，這是一個(gè)回調(diào)函數(shù)。

layui怎么和后端交互

寫一個(gè)Filter 判斷是否有token 如果有判斷token是否正確 如果正確new UsernamePasswordAuthenticationToken 寫入SecurityContextHolder 這里只說了思路，可以根據(jù)上述關(guān)鍵字百度查詳細(xì)內(nèi)容。

你后臺(tái)代碼具體是怎么樣的，是返回的JSON嘛return JSONArraytoJSONStringresult。

quotname=sWitchquotchangefunctionvar sWitch=$thisval$ajaxurlquotquot，typequotpostquot，data quotsWitchquot sWitchcache false，successfunctiondata 手打，拼寫錯(cuò)誤自己調(diào)。

表格的話layui有個(gè)動(dòng)態(tài)表格，表單就是只有自己去賦值了。

layui是提供給后端開發(fā)人員最好的ui框架，基于DOM驅(qū)動(dòng)，在實(shí)現(xiàn)前端交互上比較麻煩，頁面的增刪改查都需要查詢DOM元素所以在不需要交互的時(shí)候，用layui還是不錯(cuò)的2bootstrap在前端響應(yīng)式方面做得很好，PC端和移動(dòng)端表現(xiàn)。

建議使用Mybatis的pagehelper插件，分頁查詢很方便的。

#39demoTable layuibtn#39on#39click#39， function var type = $thisdata#39type#39activetype ？ activetypecallthis #39#39此時(shí)點(diǎn)擊查詢按鈕，會(huì)將keyword這個(gè)關(guān)鍵字傳到后端，接下來就是。

用ajax，把參數(shù)放到data里，在后臺(tái)request直接取來用。