列表拖拽排序是一個(gè)很常見的功能，但是后端接口如何處理卻是一個(gè)令人糾結(jié)的問(wèn)題
如何實(shí)現(xiàn)才能達(dá)到效率最高呢?
先分析一個(gè)場(chǎng)景，假如有一個(gè)頁(yè)面有十條數(shù)據(jù)，所謂的拖拽就是在這十條數(shù)據(jù)來(lái)來(lái)回回的拖，但是每次拖動(dòng)都會(huì)影響到其他數(shù)據(jù)例如把最后一條拖到最前面，那么后面九條就自動(dòng)往后移，反之也是，嗯~~~
先想象一下，排序號(hào)是固定的，就好像有十把椅子，每個(gè)椅子都是固定在那里的，移動(dòng)的是上面的人，這樣就不會(huì)影響到其他頁(yè)面的數(shù)據(jù)了而且每個(gè)人換的也是之前其他人的桌椅號(hào)碼，這樣也不用去想到底要加多少才能排在哪里。
接口設(shè)計(jì)：
//$ids 這十條數(shù)據(jù)的id集合，逗號(hào)隔開的字符串
//$oldIndex 原始位置，從0開始算
//$newIndex 要拖動(dòng)的位置
function dragSort($ids,$oldIndex,$newIndex)
{
//保證查找出來(lái)的數(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ù)庫(kù)找嘛";
//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ù)庫(kù)省略
}
總結(jié)
以上所述是小編給大家介紹的php接口實(shí)現(xiàn)拖拽排序功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:- PHP實(shí)現(xiàn)Google plus的好友拖拽分組效果
- Js+php實(shí)現(xiàn)異步拖拽上傳文件
