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

本文介绍如何在单页应用(SPA)中通过修改Default.aspx.cs、Main.aspx、Main.aspx.cs及Main.js等文件,实现不同URL访问特定内容,并进行权限数据动态加载和菜单树构建,确保右键菜单功能正常。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

13908708-c98b67927fed9aa3.png
先来一张效果图镇楼

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

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,具体还是看需求

13908708-c6a74b513d1dd59a.png



修改Main.aspx页面 Main.aspx

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

13908708-6e0ba9bfe908cd73.png

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

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

13908708-991974bf702cce90.png


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

13908708-b9b95f5da8d98dfb.png


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

13908708-2ec720e65cba3053.png


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


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

13908708-a9a41da660bef5b3.png

然后设置一个全局变量jspermit

13908708-44b883630268a4ed.png

动态创建菜单栏面板

13908708-0ee9400dca2a2969.png

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










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

13908708-25e2661e6fa81fa6.png

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



保存权限信息去前台

13908708-71a1b05cd363b90e.png




















监听路由 Main.js

13908708-0adb5b7adb2af1ce.png
13908708-f70ebf50c958e223.png







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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值