美文网首页
给EXT.NET管理系统添加路由

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

作者: MsgSS | 来源:发表于2018-09-07 00:10 被阅读10次

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

    相关文章

      网友评论

          本文标题:给EXT.NET管理系统添加路由

          本文链接:https://www.haomeiwen.com/subject/idcowftx.html