php接口实现拖拽排序功能
时间:2021-01-27
来源:互联网
标签:
列表拖拽排序是一个很常见的功能,在后端接口处理中经常会用到,今天小编给大家带来了php接口实现拖拽排序功能,感兴趣的朋友一起看看吧。
列表拖拽排序是一个很常见的功能,但是后端接口如何处理却是一个令人纠结的问题
如何实现才能达到效率最高呢?
先分析一个场景,假如有一个页面有十条数据,所谓的拖拽就是在这十条数据来来回回的拖,但是每次拖动都会影响到其他数据例如把最后一条拖到最前面,那么后面九条就自动往后移,反之也是,嗯~~~
先想象一下,排序号是固定的,就好像有十把椅子,每个椅子都是固定在那里的,移动的是上面的人,这样就不会影响到其他页面的数据了而且每个人换的也是之前其他人的桌椅号码,这样也不用去想到底要加多少才能排在哪里。
接口设计:
//$ids 这十条数据的id集合,逗号隔开的字符串
//$oldIndex 原始位置,从0开始算
//$newIndex 要拖动的位置
function dragSort($ids,$oldIndex,$newIndex)
{
//保证查找出来的数据跟前台提交的顺序一致,这里要order by field
//id 主键 sort 排序值
$sql = "select id,sort from 表名字 where id in ($ids) order by field(id, " . $ids . ") ";
$list = "这里省略,就是去数据库找嘛";
//id集合
$idArr = [];
//排序集合
$sortArr = [];
foreach ($list as $item) {
$idArr[] = $item['id'];
$sortArr[] = $item['sort'];
}
//记录要拖动的id
$oldValue = $idArr[$oldIndex];
//删除这个要拖动的id
unset($idArr[$oldIndex]);
//插入新的位置,并自动移位
array_splice($idArr, $newIndex, 0, $oldValue);
//重新设置排序
$set = [];
for ($i = 0; $i < count($idArr); $i++) {
$set[$i]['id'] = $idArr[$i];
$set[$i]['sort'] = $sortArr[$i];
}
//保存到数据库省略
}
总结
以上所述是小编给大家介绍的php接口实现拖拽排序功能,希望对大家有所帮助。
-
request.getParameter是从哪里获取数据? 时间:2025-11-18 -
简述TCP和UDP的主要区别及应用场景 时间:2025-11-18 -
Git和SVN的区别、优缺点和应用场景 时间:2025-11-18 -
Sqoop下载、安装与配置详解 时间:2025-11-18 -
Keepalived下载、配置、原理详解 时间:2025-11-18 -
Java.sql.Timestamp用法详解(构造方法、功能、方法摘要、实例代码) 时间:2025-11-18
今日更新
-
知乎网页版入口在哪里 知乎网页版一键直达
阅读:18
-
币安为何取消爆仓预警功能?深度解析背后原因与影响
阅读:18
-
微信视频号官网网页版入口 视频号助手电脑版一键登录
阅读:18
-
学信网官网登录入口-学历查询唯一官方平台
阅读:18
-
币安合约机制漏洞修复进展及最新动态
阅读:18
-
上下齐手梗揭秘:全网爆火的搞笑动作出处,看完秒懂为何人人模仿!
阅读:18
-
上香是什么梗 揭秘网络流行语上香的含义和出处
阅读:18
-
中国高等教育学生信息网-学信网官方学历查询认证平台
阅读:18
-
高德地图网页版入口在哪 在线使用高德地图网页版
阅读:18
-
币安仓位清零原因解析 爆仓率低背后机制揭秘
阅读:18










