layUI數(shù)據(jù)表格怎么綁定數(shù)據(jù)庫(kù)？急

《Layui數(shù)據(jù)表格的綁定》

成都創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷策劃、微信小程序開(kāi)發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開(kāi)發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立10多年以來(lái)，已經(jīng)為上千成都花箱各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的上千客戶與我們一路同行，見(jiàn)證我們的成長(zhǎng)；未來(lái)，我們一起分享成功的喜悅。

開(kāi)發(fā)工具與關(guān)鍵技術(shù)：Visual Studio /.NET /layui插件

作者：肖春慶

撰寫(xiě)時(shí)間：2019年06月17日

在我們使用軟件的過(guò)程當(dāng)中有著許多數(shù)據(jù)在數(shù)據(jù)庫(kù)里是需要我們進(jìn)行數(shù)據(jù)的綁定，一般應(yīng)用的是數(shù)據(jù)表格的綁定。并且顯示給用戶進(jìn)行應(yīng)用等等。我們知道數(shù)據(jù)在數(shù)據(jù)庫(kù)里沒(méi)有進(jìn)行應(yīng)用，那么數(shù)據(jù)庫(kù)里的數(shù)據(jù)就是沒(méi)有勇武之地，所以要進(jìn)行數(shù)據(jù)表格的綁定。在這里我們應(yīng)用layui致力于通過(guò)了分頁(yè)邏輯，既可以輕松的進(jìn)行綁定分頁(yè)，也可以作為頁(yè)面刷新分頁(yè)的處理。

指定向一個(gè)用于存放分頁(yè)的容器，通過(guò)服務(wù)端得到一些初始值，即可完成分頁(yè)渲染。把layui的插件進(jìn)行引用。要引用css樣式布局的插件，它自定義了一些視圖布局，我們可以根據(jù)自己的需求進(jìn)行調(diào)用即可，同時(shí)它還進(jìn)行了JS一些功能的封裝，同樣我們只需要根據(jù)自己的需求進(jìn)行調(diào)用。

如何接收l(shuí)ayui上傳excel上傳及php處理

php 把數(shù)據(jù)導(dǎo)出到excel表格有多種方法，比如使用 phpExcel 等，以下代碼是直接通過(guò) header 生成 excel 文件的代碼示例：

?php

header("Content-type:application/vnd.ms-excel");

header("Content-Disposition:filename=xls_region.xls");

$cfg_dbhost = 'localhost';

$cfg_dbname = 'testdb';

$cfg_dbuser = 'root';

$cfg_dbpwd = 'root';

$cfg_db_language = 'utf8';

// END 配置

//鏈接數(shù)據(jù)庫(kù)

$link = mysql_connect($cfg_dbhost,$cfg_dbuser,$cfg_dbpwd);

mysql_select_db($cfg_dbname);

//選擇編碼

mysql_query("set names ".$cfg_db_language);

//users表

$sql = "desc users";

$res = mysql_query($sql);

echo "tabletr";

//導(dǎo)出表頭（也就是表中擁有的字段）

while($row = mysql_fetch_array($res)){

$t_field[] = $row['Field']; //Field中的F要大寫(xiě)，否則沒(méi)有結(jié)果

echo "th".$row['Field']."/th";

}

echo "/tr";

//導(dǎo)出100條數(shù)據(jù)

$sql = "select * from users limit 100";

$res = mysql_query($sql);

while($row = mysql_fetch_array($res)){

echo "tr";

foreach($t_field as $f_key){

echo "td".$row[$f_key]."/td";

}

echo "/tr";

}

echo "/table";

?等等 許多， 具體的在后盾網(wǎng)里面有詳細(xì)的。

layui的數(shù)據(jù)表格（table）分頁(yè)篇

首先，最簡(jiǎn)單的先渲染一個(gè)表格，參考官方示例：

這里先講講一些渲染細(xì)節(jié)：

layui內(nèi)部就是根據(jù)cols屬性里面每項(xiàng)的field字段來(lái)輸出數(shù)據(jù)（該字段跟后臺(tái)返回的數(shù)據(jù)字段一致即可輸出）。

另外，layui拼接html字符串的方式多次應(yīng)用數(shù)組join方法的方式，這種方式值得安利一波：

否則用傳統(tǒng)方式拼接html字符串就相形見(jiàn)絀了（不推薦）：

接著，看一下分頁(yè)：

從圖中可以看出，我們請(qǐng)求地址沒(méi)加請(qǐng)求參數(shù)，layui自動(dòng)幫我們添加了page，limit的請(qǐng)求參數(shù)，默認(rèn)值分別為1, 10，這是開(kāi)啟了分頁(yè)的緣故(page: true)。那么，請(qǐng)求參數(shù)名是否可以定制呢？答案是可以的，參考request屬性：

同樣，響應(yīng)參數(shù)名也是可以定制的，參考response屬性：

注意，以上只是定制了參數(shù)名字而已，接下來(lái)才是重頭戲：定制數(shù)據(jù)格式，參考parseData屬性：

parseData可以幫助我們定制好與layui對(duì)應(yīng)的表格數(shù)據(jù)格式，從而輸出表格，這是很有用的，畢竟后端前輩返回的數(shù)據(jù)格式未必跟layui的一致呀。有了以上3種定制方式，我們就不懼輸出數(shù)據(jù)表格了。采用這種方式輸出的就是真正的實(shí)現(xiàn)了分頁(yè)，下文提及的方式可不是真正的分頁(yè)。

-----------------------快樂(lè)的分割線，前方j(luò)ojo高能-----------------------

可能也有小伙伴無(wú)視了 request、response、parseData 三劍客，轉(zhuǎn)而用起了data屬性，過(guò)程如下：

拒絕了使用url屬性請(qǐng)求，轉(zhuǎn)用jquery ajax請(qǐng)求數(shù)據(jù)，最后再tableIns.reload({ data: res.data })一波，達(dá)成666操作。

這種做法從結(jié)果上看，似乎是可以的。。。。。。搭嘎，口頭挖擼。

因?yàn)橥ㄟ^(guò)data屬性賦值是不會(huì)分頁(yè)去請(qǐng)求后端的，而是直接請(qǐng)求全部數(shù)據(jù)，然后layui內(nèi)部進(jìn)行前端分頁(yè)處理，這樣一來(lái)，如果數(shù)據(jù)量大的話，恐怕頁(yè)面就要刷好一會(huì)兒了o(╥﹏╥)o。（只有通過(guò)data方式賦值才會(huì)進(jìn)行前端分頁(yè)處理，所以u(píng)rl方式可以放心食用）。

網(wǎng)站欄目：PHP數(shù)據(jù)layui表格,layui表格下載
標(biāo)題URL：http://chinadenli.net/article7/dsidhij.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、軟件開(kāi)發(fā)、全網(wǎng)營(yíng)銷推廣、網(wǎng)站設(shè)計(jì)、網(wǎng)站營(yíng)銷、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)