ASP BOILERPLATE MVC - 菜单排序
创始人
2024-11-11 15:30:40
0

下面是一个使用ASP.NET Boilerplate MVC的示例解决方案,用于菜单排序:

  1. 首先,创建一个名为MenuSort的实体类,包含菜单的Id和排序字段SortOrder:
public class MenuSort
{
    public int Id { get; set; }
    public int SortOrder { get; set; }
}
  1. 在应用层的文件夹中创建一个名为MenuAppService的类,用于处理菜单的排序逻辑:
public class MenuAppService : ApplicationService
{
    private readonly IRepository _menuRepository;

    public MenuAppService(IRepository menuRepository)
    {
        _menuRepository = menuRepository;
    }

    public void UpdateMenuSort(List menuSortList)
    {
        foreach (var menuSort in menuSortList)
        {
            var menu = _menuRepository.Get(menuSort.Id);
            menu.SortOrder = menuSort.SortOrder;
        }
    }
}
  1. 在前端页面中,使用一个表格来显示菜单列表,并允许用户拖拽菜单项进行排序。最后,点击保存按钮时,将排序后的菜单项列表发送到后端进行处理。以下是一个简单的HTML页面示例:



    
    
    


    

    

    


  1. 在后端的菜单控制器(MenuController)中,添加一个名为UpdateMenuSort的动作方法,用于接收排序后的菜单项列表,并调用MenuAppService进行更新:
public class MenuController : AbpController
{
    private readonly MenuAppService _menuAppService;

    public MenuController(MenuAppService menuAppService)
    {
        _menuAppService = menuAppService;
    }

    [HttpPost]
    public ActionResult UpdateMenuSort(List menuSortList)
    {
        _menuAppService.UpdateMenuSort(menuSortList);
        return Json(new { success = true });
    }
}

这样,当用户拖拽菜单项进行排序并点击保存按钮时,前端页面会发送一个包含排序后的菜单项列表的POST请求到后端,后端会根据请求中的排序数据更新菜单项的排序字段。

相关内容

热门资讯

黑科技脚本(wpk ai辅助)... 黑科技脚本(wpk ai辅助)德州wepower透视辅助(wPk)原来存在有挂(真是有挂)-哔哩哔哩...
黑科技教学(wpk ai辅助)... 黑科技教学(wpk ai辅助)wpk微扑克辅助存在吗(WPK)切实是真的有挂(有挂方针)-哔哩哔哩1...
黑科技私人局(wpk ai辅助... 黑科技私人局(wpk ai辅助)wpk到底有没有外挂(WPK)切实真的有挂(有挂攻略)-哔哩哔哩;1...
黑科技肯定(wpk最新黑科技)... 黑科技肯定(wpk最新黑科技)wpkai机器人会被封号吗(wPk)竟然有挂(有挂方针)-哔哩哔哩运w...
黑科技工具(wpk ai辅助)... 黑科技工具(wpk ai辅助)wpk透视辅助可测试真的假的(WPK)果然真的是有挂(有挂总结)-哔哩...
黑科技实锤(wpk最新黑科技)... 黑科技实锤(wpk最新黑科技)wpk有外挂吗(Wpk)好像存在有挂(有挂教程)-哔哩哔哩;1、wpk...
黑科技免费(wpk最新黑科技)... 黑科技免费(wpk最新黑科技)wpk到底有没有外挂(WpK)总是有挂(有挂方略)-哔哩哔哩1、wpk...
黑科技安装(wpk最新黑科技)... 黑科技安装(wpk最新黑科技)wpk俱乐部管理后台(wPk)切实存在有挂(有挂解密)-哔哩哔哩1、用...
黑科技ai(wpk ai辅助)... 黑科技ai(wpk ai辅助)wpk透视辅助测试(wpK)其实真的有挂(真实有挂)-哔哩哔哩1、完成...
黑科技ai挂(wpk ai辅助... 黑科技ai挂(wpk ai辅助)wpk俱乐部有外挂吗(wpK)好像真的有挂(有挂秘诀)-哔哩哔哩1、...