快捷導(dǎo)航

thinkphp框架無(wú)限級(jí)欄目的排序功能實(shí)現(xiàn)方法示例

更新時(shí)間：2020年03月29日 09:23:12 作者：pan_yuyuan

這篇文章主要介紹了thinkphp框架無(wú)限級(jí)欄目的排序功能實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了thinkphp無(wú)限級(jí)欄目排序相關(guān)原理、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了thinkphp框架無(wú)限級(jí)欄目的排序功能實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：

題目中我們并沒(méi)有說(shuō)明是tp5的無(wú)限級(jí)排序還是tp3的無(wú)限級(jí)排序就是為了讓小新手們明白，這些功能的實(shí)現(xiàn)跟你使用的框架是沒(méi)有關(guān)系的，不管你是tp5還是tp3還是laravel還是yii框架都沒(méi)有關(guān)系，我們強(qiáng)調(diào)的是思路，是解決問(wèn)題的方法，演示的時(shí)候因?yàn)槲以谟胻p3所以無(wú)所謂了。

無(wú)限級(jí)欄目的排序非常簡(jiǎn)單，這次以博文的方式分享給大家解決的思路。

上圖：

上圖是我們實(shí)現(xiàn)的無(wú)限級(jí)分類(lèi)，我們要注意兩個(gè)字段，id和排序sort字段，目前sort字段的值都是50，是默認(rèn)值。接著為大家截圖數(shù)據(jù)表結(jié)構(gòu)

上圖sort用來(lái)實(shí)現(xiàn)排序pid用來(lái)實(shí)現(xiàn)無(wú)限級(jí)分類(lèi)

實(shí)現(xiàn)無(wú)限級(jí)分類(lèi)的關(guān)鍵是我們對(duì)排序字段的寫(xiě)法，我們把整塊代碼拿到，但是用到的只有一行：

<form method="post" action="">
<table class="table table-bordered table-hover">
<thead class="">
<tr>
<th width="6%" class="text-center">ID</th>
<th width="6%" class="text-center">pid</th>
<th width="8%" class="text-center">排序</th>
<th>欄目名稱(chēng)</th>
<th width="16%" class="text-center">操作</th>
</tr>
</thead>
<tbody>
<volist name="cateRes" id="cate">
<tr>
<td align="center">{$cate.id}</td>
<td align="center">{$cate.pid}</td>
<td align="center">
<input type="text" name="sort[{$cate.id}]" value="{$cate.sort}" /></td>
<td><?php echo str_repeat('-', $cate['level']*8);?>{$cate.cate_name}</td>
<td align="center">
<a href="" class=" rel="external nofollow" btn btn-primary btn-sm shiny">
<i class="fa fa-edit"></i> 編輯
</a>
<a href="#" rel="external nofollow" onClick="warning('確實(shí)要?jiǎng)h除嗎', ”)" class="btn btn-danger btn-sm shiny">
<i class="fa fa-trash-o"></i> 刪除
</a>
</td>
</tr>
</volist>
<tr>
<td colspan="4">
<button type="button" tooltip="排序" style="margin-left:225px; width:50px;" class="btn btn-sm btn-azure btn-addon">排序</button>
</td>
</tr>
</tbody>
</table>
</form>

上面的代碼我們可以看出整個(gè)table是用form包裹的，因?yàn)槲覀円峤慌判蜃侄?，所以需要表單?/p>

我們實(shí)現(xiàn)無(wú)限極欄目排序的核心代碼：

<input type="text" name="sort[{$cate.id}]" value="{$cate.sort}" />

就是這一句，實(shí)際上我們是拼裝了一個(gè)sort[]數(shù)組，整個(gè)數(shù)組的每個(gè)元素的鍵是當(dāng)前欄目的id而值是當(dāng)前欄目的排序的值，這樣我們一旦提交數(shù)組就可以根據(jù)id修改sort了

完整代碼：

public function lst(){
$cate=D('Cate');
if(IS_POST){//排序
$data=I('sort');
foreach ($data as $k => $v) {
$cate->where(array('id'=>$k))->save(['sort'=>$v]);
}
return;
}
$cateRes=$cate->cateTree();//無(wú)限級(jí)分類(lèi)樹(shù)
$this->assign([
'cateRes'=>$cateRes,
]);
$this->display('list');
}

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《ThinkPHP入門(mén)教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門(mén)教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門(mén)教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: