这里我们假…目录

后台实现拖拽排序通常需要与前端进行配合对商品的列表拖拽排序前端需要告诉后端拖拽的元素和拖动的位置。

这里我们假设商品列表有一个sort字段作为排序有10个商品标号1到10当移动1到6时我们要做的操作是把1号的sort更新为6把1到6包含6的5个元素sort减少1,这样2号变为1号6号变为5号sort还是连续的。

同理把6号移动到2号时把2到6包含2的4个元素都增加1这样2号变为3号5号变为6号。

这样我们的顺序也是连续的。

二实现步骤

2当用户在前端页面上拖拽商品进行排序时前端应发送一个请求到后端该请求应包含以下信息被拖拽商品的ID、新的位置或排序权重。

3后端接收前端的请求根据请求中的商品ID和新的位置信息更新数据库中相应的商品记录。

二实现代码

$goodsId)-field(type,sort,pid)-find();

(!$goodsData)

[[pid,,$goodsData[pid]],[sort,in,$sortList]];

elseif

[[type,,$goodsData[type]],[sort,in,$sortList]];

(new

goodsModel())-where($sortWhere)-dec(sort)-update();

else

[[pid,,$goodsData[pid]],[sort,in,$sortList]];

elseif

[[type,,$goodsData[type]],[sort,in,$sortList]];

(new

goodsModel())-where($sortWhere)-inc(sort)-update();

三注意点

这里我们使用sort作为排序要保证sort的连续性如果增加和删除了商品要实时的更新sort的值。