js跳转页面时添加header_给EXT. NET管理系统添加路由

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

我们目前的管理系统是单页应用（上面是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：貌似页面会加载两次，如果发现有问题，后人可以去完善