真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

layui數(shù)據(jù)表格table.render報錯的解決方法

一、報錯信息

創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、那坡網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5技術(shù)、商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為那坡等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.

Wed Jan 23 15:20:18 CST 2019
There was an unexpected error (type=Internal Server Error, status=500).
An error happened during template parsing (template: "class path resource [templates/Page/test/test.html]")
org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource [templates/Page/test/test.html]")
	at org.thymeleaf.templateparser.markup.AbstractMarkupTemplateParser.parse(AbstractMarkupTemplateParser.java:241)
	at org.thymeleaf.templateparser.markup.AbstractMarkupTemplateParser.parseStandalone(AbstractMarkupTemplateParser.java:100)
org.springframework.web.filter.HiddenHttpMethodFilter.doFilterInternal(HiddenHttpMethodFilter.java:93)
	at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193)
	at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
	at java.lang.Thread.run(Thread.java:748)
Caused by: org.attoparser.ParseException: Could not parse as expression: "
     {field: 'code', width: 80, title: 'ID', sort: true},
     {field: 'name', width: 100, title: '用戶名'},
     {field: 'age', width: 80, title: '年齡'},
     {field: 'gender', width: 80, title: '性別'},
     {field: 'create_time', width: 80, title: '創(chuàng)建時間'},
     {field: 'update_time', width: 80, title: '修改時間'},

    " (template: "Page/test/test" - line 57, col 25)
	at org.attoparser.MarkupParser.parseDocument(MarkupParser.java:393)
	at org.attoparser.MarkupParser.parse(MarkupParser.java:257)
	at org.thymeleaf.templateparser.markup.AbstractMarkupTemplateParser.parse(AbstractMarkupTemplateParser.java:230)
	... 64 more
Caused by: org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression: "
     {field: 'code', width: 80, title: 'ID', sort: true},
     {field: 'name', width: 100, title: '用戶名'},
     {field: 'age', width: 80, title: '年齡'},
     {field: 'gender', width: 80, title: '性別'},
     {field: 'create_time', width: 80, title: '創(chuàng)建時間'},
     {field: 'update_time', width: 80, title: '修改時間'},

    " (template: "Page/test/test" - line 57, col 25)
	at org.thymeleaf.standard.expression.StandardExpressionParser.parseExpression(StandardExpressionParser.java:131)

二、問題處理

layui數(shù)據(jù)表格 table.render 報錯的解決方法

根據(jù)官網(wǎng)給出的代碼,我們會發(fā)現(xiàn) cols: 屬性后面的參數(shù)“[[ ]] ” ,前后兩個中括號是連在一起的。使用的時候必須把它們分開,不然就會報錯,最好的選擇就是換行,比如像下面這樣

layui數(shù)據(jù)表格 table.render 報錯的解決方法

到這里我們發(fā)現(xiàn),像這一類的錯誤相對于layui這樣商業(yè)化的框架來說也算是屬于比較”低級“的了。但為什么官方遲遲還不修復(fù)這個BUG呢,原因很簡單 因為它和 thymeleaf 沖突。

當(dāng)你的項目采用的是 thymeleaf模板引擎 作為前端數(shù)據(jù)鋪顯的時候,你會發(fā)現(xiàn)想要在js 中獲取后端傳入的參數(shù) 必須以這樣的方式取值

layui數(shù)據(jù)表格 table.render 報錯的解決方法

key必須放在 [[ … ]] 中否則無法獲取值,這種語法的語句稱為“內(nèi)聯(lián)”。而這個時候layui 網(wǎng)格加載數(shù)據(jù)的屬性 cols: [[ … ]] 恰好用的也是[[…],所以thymeleaf會把它當(dāng)做后端的傳入的參數(shù)來進行解析,自然就報錯了。

layui數(shù)據(jù)表格 table.render 報錯的解決方法

解決辦法非常簡單,在 script 標(biāo)簽中加入屬性 th:inline=“none”,指定該標(biāo)簽內(nèi)的js 不使用”內(nèi)聯(lián)“獲取參數(shù)。

layui數(shù)據(jù)表格 table.render 報錯的解決方法

如果你需要在js 中獲取后端傳入的參數(shù),把th:inline="none"改成th:inline="javascript"就可以獲取了

layui數(shù)據(jù)表格 table.render 報錯的解決方法

如果這個時候頁面不報錯,卻沒有數(shù)據(jù)??赡苁欠祷氐臄?shù)據(jù)格式不正確,必須嚴格按照官方給出的數(shù)據(jù)格式來封裝

1、table 組件默認規(guī)定的數(shù)據(jù)格式為:

{
"code": 0,
"msg": "",
"count": 1000,
"data": [{}, {}]
}

參考數(shù)據(jù)

{
"code": 0,
"msg": "",
"count": 1000,
"data": [
{
"id": 10000,
"username": "user-0",
"sex": "女",
"city": "城市-0",
"sign": "簽名-0",
"experience": 255,
"logins": 24,
"wealth": 82830700,
"classify": "作家",
"score": 57
}
]
}

2、自定義返回數(shù)據(jù)格式,想重新規(guī)定返回的數(shù)據(jù)格式,那么可以借助 response 參數(shù),如:

table.render({
elem: '#demp'
,url: ''
,response: {
statusName: 'status' //規(guī)定數(shù)據(jù)狀態(tài)的字段名稱,默認:code
,statusCode: 200 //規(guī)定成功的狀態(tài)碼,默認:0
,msgName: 'hint' //規(guī)定狀態(tài)信息的字段名稱,默認:msg
,countName: 'total' //規(guī)定數(shù)據(jù)總數(shù)的字段名稱,默認:count
,dataName: 'rows' //規(guī)定數(shù)據(jù)列表的字段名稱,默認:data
} 
//,…… //其他參數(shù)
}); 

那么上面所規(guī)定的格式為:

{
"status": 200,
"hint": "",
"total": 1000,
"rows": []
}

以上這篇layui數(shù)據(jù)表格 table.render 報錯的解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。


本文名稱:layui數(shù)據(jù)表格table.render報錯的解決方法
當(dāng)前網(wǎng)址:http://weahome.cn/article/psheoj.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部