在wwwroot\js\menu\下面创建一个menuList.js的js文件，来对页面的列表进行下初始化。并对一些操作进行控制。由于代码太长，所以只粘贴加载表格的部分代码如下所示：
对应的LoadData里面的代码如下：
是不是很简洁，那是因为所有的业务代码都在服务层实现了，不信？我把代码粘贴出来给你看：
这时候体会到服务层的好处了吧！
运行起来看下效果吧：
首先还是要写控制器方法来显示视图，代码如下：
由于修改编辑页面菜单有层级关系，所以我们需要加载顶层的菜单（画外音：只支持两级菜单）所以我们加载编辑页面的时候需要把顶层的菜单给加载出来，方法如下：
列表页弹出编辑或者新增的功能是在menu.js中实现的，代码如下：
新增或者编辑的时候需要判断菜单的别名是否重复，这里是通过layui的验证模块然后使用ajax实现的，视图代码如下：
js代码如下：
先判断是否符合规则，然后判断是否存在，这个需要对新增或者编辑分别进行处理！新增的时候需要判断是否存在即可，编辑的时候需要判断除自己外有没有重复的，代码如下：
可能你更喜欢看服务层及仓储层的代码，当然我也会毫不吝啬的贴出来，只是可能会消耗你些许流量来查看图片。
服务层：
仓储层代码（由于本人比较懒，所以只实现同步方法，异步获取的方法后期再补上吧，相信参照其他的写法你有何能自行实现）：
这里需要注意，我在抽象接口里面都加了注释，所以实现里面就没加了，相信你也能看懂。换句话说，我懒~~~~
结果提交，这里需要注意只要涉及到结果提交的我都会用到ValidateAntiForgeryToken 还有就是我的结果提交全部是通过ajax进行的，并且把防伪Token放在Token里面的，代码如下：