場景:

前端需要展示一個列表如首頁的輪播圖后臺需要能夠控制列表數(shù)據(jù)的排序。

安徽ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

需求

自動規(guī)則 + 運營干預干預包括降低排名提升排名設定位置和新增item

實現(xiàn)

在Web后臺管理系統(tǒng)中列表形式的數(shù)據(jù)排序功能是很常見的需求。要實現(xiàn)這類功能給數(shù)據(jù)表增加一個排序字段order越大排名越靠前數(shù)字相同時按照自動規(guī)則如id排序這樣就可以實現(xiàn)了

id	name	order
1	tom	2
2	jack	3
3	bob	1

實際的排序顯示為

jack
tom
bob

既然是后臺那么主要的用戶是公司的運營人員本著提高使用效率的原則在草稿紙上畫了個原型讓運營對比然后來得出哪個更符合他的使用習慣再做確定結果溝通下來運營理想中操作是想要在后臺直接拖動排序。

現(xiàn)在問題來了應該怎么設計這個運營干預的功能

• 方案1填寫數(shù)字
• 方案2上移、下移
• 方案3手動控制加分or減分+1/-1 +10/-10
• 方案4如運運營所想提供拖動排序功能

方案1的技術實現(xiàn)最簡單對開發(fā)來說最方便但對運營來說卻比較麻煩。

方案2的技術實現(xiàn)其實較復雜比如上移一位需要先查詢當前項的前一項的order, 然后讓當前項的order+1并保存, 對運營來說操作較簡單。

方案3的技術實現(xiàn)比較簡單比如點擊-10只需更新當前項的order-10并保存但有可能在order-10后當前項的順序還沒有變如前一項12當前項11后一項0對運營來說操作比較簡單。

方案4的技術實現(xiàn)比較復雜需要使用js實現(xiàn)拖拽數(shù)據(jù)項的效果等在拖動結束或點擊保存后判斷當前的所有數(shù)據(jù)順序并保存對運營來說操作簡單。

綜合比較

技術實現(xiàn)復雜度方案1<方案3<方案2<方案4

操作便捷性方案4<方案3<方案2<方案1

分析一下大多數(shù)的場景看到列表的數(shù)據(jù)是有限的一般都是5條、10條、20條左右由于我所在的是創(chuàng)業(yè)公司開發(fā)資源有限選擇方案3在當前情況下是合適的實現(xiàn)方式。

經(jīng)過了一番溝通在許諾了下午茶后說服了產(chǎn)品、運營接收這中方案。

圖中就是我用方案3實現(xiàn)的一個界面單個箭頭的是+1 -1倆個箭頭的分別是+10 -10分別用于微調和較大位置距離的調整在管理大多數(shù)少量數(shù)據(jù)列表的場景下對于運營人員是夠用了。

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡助力業(yè)務部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調度，確保服務器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務器買多久送多久。

當前名稱：設計簡單的后臺管理的數(shù)據(jù)排序-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://www.rwnh.cn/article32/csoepc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、網(wǎng)站收錄、云服務器、ChatGPT、小程序開發(fā)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)