js排序后的状态如何在后端保存

排序后的状态如何在后端保存

这里只是介绍下常规的存储解决方案.很多前端都支持排序,如可拖动的,如排序的表格等.前端有很多组件如Jquery插件等,这里不介绍怎么使用了.

如上图,通常来说数据结构为:

[
   {id:1 ,name:"task1" },
   {id:2 ,name:"task2" },
   {id:3 ,name:"task3" },
]

(交换1和3)排序以后可能变为:

[
   {id:3 ,name:"task3" },
   {id:2 ,name:"task2" },
   {id:1 ,name:"task1" },
]

注:(交换1和3需要拖动2次哦)
这里分2种情况,
第1种是直接保存所有排序结果
第2种是分步保存排序结果

方案一: 一次性保存排序结果

适合小表.
假设后端数据库原先是这样保存的:

ID	Name
3	task3
2	task2
1	task1

添加一个字段就可以实现有序态

ID	Name	Order
3	task3	1
2	task2	2
1	task1	3

Order字段需要前端js自动处理好发送到端.
后果: 这样做的话,每次排序后端都要改所有行! 没错,所有相关行,
如果是大表,如有几千行的数据肯定不应该这样做排序.

方案二:分步保存排序结果

适合:需要手动排序表
可拖动的列表最好使用分步保存排序.
这需要在后端加2个字段

ID	Name	Before	after
3	task3	2	null
2	task2	1	3
1	task1	null	2

每次拖动都把拖动的一行结果发给后端

方案三:大表的排序保存

大表的排序应该单独加一个排序状态表.这适合表格排序后保存状态.

ID	Name	SortTypeId
3	task3	1
2	task2	1
1	task1	1

这里指定排序类型的ID

SortTypeID	SortValue	desc
1	3,2,1	张三的排序
2	1,4,5,6,7,100,200	省份排序

前端每次把排序的结果发送给后端就O了.
很显然这不适合超大表.

对比

排序状态保存的方案还有很多,多注意跟前后端耦合.不管什么方案前后端新增的工作量都很大.
分步保存对后端最友好,后端压力最小(多用户操作)
小表一次性保存对前后端都友好(主要是取数据后分析数据方便,不适合多用户)
大表一次性保存对前后端都不友好,因为要解析”3,2,1”这类字符串.
如果不是滋滋必较用大表方案就行了.
有现成的框架么?