欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 美食 > ShenNiusModularity项目源码学习(23:ShenNius.Admin.Mvc项目分析-8)

ShenNiusModularity项目源码学习(23:ShenNius.Admin.Mvc项目分析-8)

2025/4/27 23:50:36 来源:https://blog.csdn.net/gc_2299/article/details/147519944  浏览:    关键词:ShenNiusModularity项目源码学习(23:ShenNius.Admin.Mvc项目分析-8)

  用户列表页面用于检索、新建、编辑、删除系统用户,同时设置用户角色。该页面对应的文件Index.cshtml位于ShenNius.Admin.Mvc项目的Areas\Sys\Views\User内,同目录下还有Modify.cshtml(新建、编辑用户)、SetRole.cshtml(设置用户的角色),其它的像登录页面、修改密码页面、查看用户信息等页面就不在本文中介绍。页面使用的控制器类UserController.cs位于Areas\Sys\Controllers内,页面调用的WebApi接口是ShenNius.Admin.API项目内Controllers\Sys的UserController.cs,主要使用其中的Deletes、SoftDelete、GetListPages、Modify等函数。
在这里插入图片描述
  主页面布局方面:上方为搜索栏,中间为工具栏,下面是数据表格显示区域。页面加载后,调用WebApi接口GetListPages分页获取已定义的用户数据。搜索按钮事件处理函数其实就是调用table.reload重新加载表格数据,同时将搜索栏条件传入后台服务按条件检索。
在这里插入图片描述

  分别定义事件处理函数处理工具栏按钮点击事件及数据行中的按钮点击事件,新建和编辑按钮调用的都是Modify.cshtml页面,而删除按钮的话,点击工具栏中的删除按钮,处理逻辑是将选中的记录软删除,后续还能在回收站中恢复,而点击数据行中的删除按钮,则是直接删除数据库中的数据,无法恢复。在这里插入图片描述
  Modify.cshtml页面布局属于常规的layui表单样式,只是在点击“确认保存”按钮时根据是否存在用户id判断是新建(调用Add)还是编辑操作(调用Modify)。
在这里插入图片描述

  勾选某一用户,点击上方的设置角色按钮,弹出SetRole.cshtml页面,调用调用WebApi接口RoleController.GetListPagesByUser分页显示系统当前定义的角色列表及用户当前具有的角色。定义事件监听函数,点击某一角色的操作列,会实时调用WebApi接口UserController.SetRole添加或取消用户角色。
在这里插入图片描述
在这里插入图片描述

参考文献:
[1]https://gitee.com/shenniu_code_group/shen-nius.-modularity

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词