部門的編輯接口，裡邊可對部門新增，編輯，刪除，拖動排序應該怎麼實現？

效果圖：

問題：
1、上圖是點擊部門編輯後看到的效果圖，點擊部門編輯時在當前頁面可新增部門，編輯部門，刪除部門，以及拖動排序部門，要實現這麼一個功能的話接口該怎麼寫？需要用事務嗎？
2、點擊取消的時候可撤銷所有操作。那麼這樣的話，我前面操作的，比如部門新增，編輯，刪除，排序這些我要存到哪?在撤銷的時候我才能獲取到原先的數據。