php接口實(shí)現(xiàn)拖拽排序功能
更新時(shí)間：2018年04月23日 14:02:06 作者：chriiess
列表拖拽排序是一個(gè)很常見的功能,在后端接口處理中經(jīng)常會(huì)用到，今天小編給大家?guī)砹藀hp接口實(shí)現(xiàn)拖拽排序功能，感興趣的朋友一起看看吧
列表拖拽排序是一個(gè)很常見的功能，但是后端接口如何處理卻是一個(gè)令人糾結(jié)的問題
如何實(shí)現(xiàn)才能達(dá)到效率最高呢?
先分析一個(gè)場景，假如有一個(gè)頁面有十條數(shù)據(jù)，所謂的拖拽就是在這十條數(shù)據(jù)來來回回的拖，但是每次拖動(dòng)都會(huì)影響到其他數(shù)據(jù)例如把最后一條拖到最前面，那么后面九條就自動(dòng)往后移，反之也是，嗯~~~
先想象一下，排序號是固定的，就好像有十把椅子，每個(gè)椅子都是固定在那里的，移動(dòng)的是上面的人，這樣就不會(huì)影響到其他頁面的數(shù)據(jù)了而且每個(gè)人換的也是之前其他人的桌椅號碼，這樣也不用去想到底要加多少才能排在哪里。
接口設(shè)計(jì)：
//$ids 這十條數(shù)據(jù)的id集合，逗號隔開的字符串
//$oldIndex 原始位置，從0開始算
//$newIndex 要拖動(dòng)的位置
function dragSort($ids,$oldIndex,$newIndex)
{
//保證查找出來的數(shù)據(jù)跟前臺(tái)提交的順序一致，這里要order by field
//id 主鍵 sort 排序值
$sql = "select id,sort from 表名字 where id in ($ids) order by field(id, " . $ids . ") ";
$list = "這里省略，就是去數(shù)據(jù)庫找嘛";
//id集合
$idArr = [];
//排序集合
$sortArr = [];
foreach ($list as $item) {
$idArr[] = $item['id'];
$sortArr[] = $item['sort'];
}
//記錄要拖動(dòng)的id
$oldValue = $idArr[$oldIndex];
//刪除這個(gè)要拖動(dòng)的id
unset($idArr[$oldIndex]);
//插入新的位置，并自動(dòng)移位
array_splice($idArr, $newIndex, 0, $oldValue);
//重新設(shè)置排序
$set = [];
for ($i = 0; $i < count($idArr); $i++) {
$set[$i]['id'] = $idArr[$i];
$set[$i]['sort'] = $sortArr[$i];
}
//保存到數(shù)據(jù)庫省略
}
總結(jié)
以上所述是小編給大家介紹的php接口實(shí)現(xiàn)拖拽排序功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了Yii使用CLinkPager分頁的方法,需要的朋友可以參考下2014-07-07
php圖片水印添加、壓縮、剪切的封裝類實(shí)現(xiàn)
這篇文章主要介紹了php圖片水印添加，壓縮，剪切的封裝類實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-09-09
這篇文章主要介紹了thinkPHP5框架路由常用知識點(diǎn),整理匯總了thinkPHP5框架路由相關(guān)概念、原理及操作技巧,需要的朋友可以參考下2019-09-09
ThinkPHP5.0框架使用build 自動(dòng)生成模塊操作示例
這篇文章主要介紹了ThinkPHP5.0框架使用build 自動(dòng)生成模塊操作,結(jié)合實(shí)例形式分析了thinkPHP5使用build自動(dòng)生成模塊的具體步驟、方法與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-04-04
phpstorm遠(yuǎn)程連接服務(wù)器并實(shí)時(shí)更新發(fā)布代碼(thinkphp6.0.7)
這篇文章主要介紹了phpstorm遠(yuǎn)程連接服務(wù)器并實(shí)時(shí)更新發(fā)布代碼(thinkphp6.0.7),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
Laravel認(rèn)證原理以及完全自定義認(rèn)證詳解
最近在學(xué)習(xí)laravel框架，所以下面這篇文章主要給大家介紹了關(guān)于Laravel認(rèn)證原理以及完全自定義認(rèn)證的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
以往版本的ThinkPHP對于模板文件保存在數(shù)據(jù)庫里面的情況下，無法進(jìn)行模板文件讀取的。這篇文章主要介紹了ThinkPHP3.1新特性的內(nèi)容解析輸出,需要的朋友可以參考下2014-06-06
PHP錯(cuò)誤Warning: Cannot modify header information - headers alr
這篇文章主要介紹了PHP錯(cuò)誤Warning: Cannot modify header information - headers already sent by解決方法,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了PHP獲取頁面執(zhí)行時(shí)間的方法（推薦）的相關(guān)資料,需要的朋友可以參考下2016-12-12
PHP將URL轉(zhuǎn)換成短網(wǎng)址的算法分享
短網(wǎng)址（Short URL）顧名思義就是在形式上比較短的網(wǎng)址。在Web 2.0的今天，不得不說這是一個(gè)潮流。目前已經(jīng)有許多類似服務(wù)，借助短網(wǎng)址您可以用簡短的網(wǎng)址替代原來冗長的網(wǎng)址，讓使用者可以更容易的分享鏈接,下面來看看如何用PHP實(shí)現(xiàn)這個(gè)功能，有需要的朋友們可以參考。2016-09-09