我们目前的管理系统是单页应用(上面是logo,左边是菜单栏,右边是具体页面),打开的页面一直是Main.aspx,一旦页面刷新,右边具体页面又会回复到Home.aspx,所以为了实现通过不同的 URL 访问不同的内容的功能,需要在原代码上做以下修改。

给EXT.NET管理系统添加路由
先来一张效果图镇楼

要改的代码主要有以下几个文件

1、Default.aspx.cs

2、Main.aspx

3、Main.aspx.cs

4、Main.js



修改登录跳转链接Default.aspx.cs(可选)

用户输入正确的账号密码的后跳转Main.aspx页面,此时有两种链接写法,第一种直接跳转去Main.aspx页面,第二种跳转去带参数的Main.aspx页面,例如Main.aspx#/modules/Manage/V3/ZK_ARTICLES_MA.aspx,具体还是看需求

给EXT.NET管理系统添加路由



修改Main.aspx页面 Main.aspx

需要用到Main.js,所以要把它引用进来

给EXT.NET管理系统添加路由

其次,样式也对应的发生了改变,需要的话可以替换Main.css

还有,为了防止在菜单栏搜索栏中回车触发表单提交,所以要把该页面的form表单去掉

给EXT.NET管理系统添加路由


最后,为了使右边具体页面有右键菜单,还需要做以下修改

给EXT.NET管理系统添加路由


修改获取权限数据部分Main.aspx.cs

给EXT.NET管理系统添加路由


总体思路是通过client.Permission_GetPermitList()获取权限信息,然后动态创建菜单树、并保存权限信息给前台


首先先创建一个js的权限类JsPermit

给EXT.NET管理系统添加路由

然后设置一个全局变量jspermit

给EXT.NET管理系统添加路由

动态创建菜单栏面板

给EXT.NET管理系统添加路由

注意核心代码,功能是让该面板下的节点点击时触发加载页面事件










动态创建菜单栏节点(递归)

给EXT.NET管理系统添加路由

注意添加href处的代码,如果需要token应该选被注释掉的代码



保存权限信息去前台

给EXT.NET管理系统添加路由




















监听路由 Main.js

给EXT.NET管理系统添加路由
给EXT.NET管理系统添加路由







---------------------------------------------------------------------------------------------------------------------------

ps:貌似页面会加载两次,如果发现有问题,后人可以去完善

相关文章:

  • 2021-10-25
  • 2022-12-23
  • 2021-11-13
  • 2022-01-09
  • 2022-01-23
  • 2022-02-01
  • 2021-11-18
猜你喜欢
  • 2021-12-02
  • 2022-12-23
  • 2021-05-03
  • 2021-11-29
  • 2022-02-03
  • 2021-12-18
  • 2021-12-30
相关资源
相似解决方案