我们目前的管理系统是单页应用(上面是logo,左边是菜单栏,右边是具体页面),打开的页面一直是Main.aspx,一旦页面刷新,右边具体页面又会回复到Home.aspx,所以为了实现通过不同的 URL 访问不同的内容的功能,需要在原代码上做以下修改。
先来一张效果图镇楼要改的代码主要有以下几个文件
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,具体还是看需求
修改Main.aspx页面 Main.aspx
需要用到Main.js,所以要把它引用进来
其次,样式也对应的发生了改变,需要的话可以替换Main.css
还有,为了防止在菜单栏搜索栏中回车触发表单提交,所以要把该页面的form表单去掉
最后,为了使右边具体页面有右键菜单,还需要做以下修改
修改获取权限数据部分Main.aspx.cs
总体思路是通过client.Permission_GetPermitList()获取权限信息,然后动态创建菜单树、并保存权限信息给前台
首先先创建一个js的权限类JsPermit
然后设置一个全局变量jspermit
动态创建菜单栏面板
注意核心代码,功能是让该面板下的节点点击时触发加载页面事件
动态创建菜单栏节点(递归)
注意添加href处的代码,如果需要token应该选被注释掉的代码
保存权限信息去前台
监听路由 Main.js
---------------------------------------------------------------------------------------------------------------------------
ps:貌似页面会加载两次,如果发现有问题,后人可以去完善
网友评论