ExtJs六(ExtJs Mvc首页展示)

要区分登录前和登录后,判断Request的IsAuthenticated方法就可以。因为要通过服务器段代码执行不同的脚本,因而要将Loder这些公共代码抽出来独立在一个Script块里,而不同的脚本在不同的代码里,最终代码如下:

        <script type="text/javascript">
            Ext.Loader.setConfig({
                enabled: true,
                paths: {
                    'Ext.ux': 'scripts/extjs/ux',
                    'ExtMVCOne': 'scripts/app'
                }
            });
            Ext.ns('ExtMVCOne');
//            Ext.require('Ext.ux.Login');
//            Ext.onReady(function () {
//                if (Ext.BLANK_IMAGE_URL.substr(0, 4) != "data") {
//                    Ext.BLANK_IMAGE_URL = "Content/Images/s.gif";
//                }
//            Ext.ux.Login.show();
//            })
</script>

将原来下面登录的先注释掉。因为要调用应用程序生成界面,因而要让Ext JS知道应用的目录,所以在Loader的paths中加入以下代码: 'ExtMVCOne': 'scripts/app'

认证后,需要将用户信息写如一个对象,以便控制应用程序的权限,因而加入以下代码:

            var roles = Roles.GetRolesForUser(User.Identity.Name);
            var rolesstring = "";
            foreach (var c in roles)
            {
                rolesstring += string.Format("'{0}',", c);
            }
            rolesstring = rolesstring.Substring(0, rolesstring.Length - 1);
            <script type="text/javascript">
                ExtMVCOne.Userinfo = {
                    Roles:[
                        @Html.Raw(rolesstring)
                    ]
                };

            </script>

这里只是简单的把用户角色写入Userinfo对象中。如果需要其它用户信息,可以根据具体情况构造这个对象,只要便于访问就行了。

这里有个问题,就是全部对象SimpleCMS在这里可能为null,因而需要调用Ext的ns方法命名一下,这个可加在Loader下,代码如下:

Ext.ns('ExtMVCOne');

然后运行登录 通过火狐Firenbug来查看,我用admin登录的他是系统管理员。

最后是Index视图全部代码

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>Index</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <link rel="stylesheet" type="text/css" href="@Url.Content("Scripts/ExtJs/resources/css/ext-all.css")" />      
    <script type="text/javascript" src="@Url.Content("Scripts/ExtJs/bootstrap.js")"></script>  
    <script type="text/javascript" src="@Url.Content("Scripts/ExtJs/Ext-lang-zh_CN.js")"></script> 
</head>
<body>
        <script type="text/javascript">
            Ext.Loader.setConfig({
                enabled: true,
                paths: {
                    'Ext.ux': 'scripts/extjs/ux',
                    'ExtMVCOne': 'scripts/app'
                }
            });
            Ext.ns('ExtMVCOne');
//            Ext.require('Ext.ux.Login');
//            Ext.onReady(function () {
//                if (Ext.BLANK_IMAGE_URL.substr(0, 4) != "data") {
//                    Ext.BLANK_IMAGE_URL = "Content/Images/s.gif";
//                }
//            Ext.ux.Login.show();
//            })
</script>

    @{
        if(Request.IsAuthenticated)
        {
            var roles = Roles.GetRolesForUser(User.Identity.Name);
            var rolesstring = "";
            foreach (var c in roles)
            {
                rolesstring += string.Format("'{0}',", c);
            }
            rolesstring = rolesstring.Substring(0, rolesstring.Length - 1);
            <script type="text/javascript">
                ExtMVCOne.Userinfo = {
                    Roles:[
                        @Html.Raw(rolesstring)
                    ]
                };

            </script>
        }
        else
        {
            <script>
                Ext.require('Ext.ux.Login');

                Ext.onReady(function () {
                    if (Ext.BLANK_IMAGE_URL.substr(0, 4) != "data") {
                        Ext.BLANK_IMAGE_URL = "Content/Images/s.gif";
                    }

                    Ext.ux.Login.show();
                })
            </script>
        }
    }
</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ASP.NET MVC5 后台权限管理系统

ASP.NET MVC5+EF6+EasyUI 后台管理系统(63)-Excel导入和导出

昨天文章太过仓促没有补充导出的示例源码,在者当时弄到到很晚没时间做出导出功能,对阅读理解造成影响,现补充一份示例源码,顺便补充导出的功能说明,望理解 示例代...

54370
来自专栏ASP.NET MVC5 后台权限管理系统

ASP.NET MVC5+EF6+EasyUI 后台管理系统(6)-Unity 依赖注入

前言 为了符合后面更新后的重构系统,文章于2016-11-1日重写 本节重构一下代码,采用IOC控制反转,也就是依赖注入 您可以访问http://unit...

30370
来自专栏技术之路

【权限的思考】(一)使用反射实现动态权限

  每一个业务系统都会根据业务需要配置各种各样的权限,实现方式也是千差万别,各有各的优缺点。今天我们 利用反射来做一个小的权限管理Demo。也可以说是插件化的权...

22890
来自专栏ASP.NET MVC5 后台权限管理系统

ASP.NET MVC5+EF6+EasyUI 后台管理系统(87)-MVC Excel导入和导出

按照之前的做法,更新到EF。并利用T4生成DAL,BLL,MODEL。再用代码生成器生成界面复制进解决方案,一步到位

23200
来自专栏菩提树下的杨过

Enterprise Library 4.1学习笔记4----缓存应用程序块

缓存是个啥?以及为啥要用缓存就不废话了,主要是从实用角度讲下怎么用 1.先添加对Microsoft.Practices.EnterpriseLibrary.Ca...

21560
来自专栏张善友的专栏

作业调度框架 Quartz.NET 2.0 beta 发布

经过整整1年多时间的开发,Quartz.NET 2.0发布了beta版,对应于Java Quartz的2.1版本,下载地址 http://quartznet.s...

19980
来自专栏ASP.NET MVC5 后台权限管理系统

ASP.NET MVC5+EF6+EasyUI 后台管理系统(36)-文章发布系统③-kindeditor使用

我相信目前国内富文本编辑器中KindEditor 属于前列,详细的中文帮助文档,简单的加载方式,可以定制的轻量级。都是系统的首选 很多文章教程有kindedit...

33780
来自专栏一个爱瞎折腾的程序猿

mvc网站迁移.net core记录

ConfigureServices方法中配置即可,详情见院长文章 http://www.cnblogs.com/dudu/p/5879913.html

17410
来自专栏hbbliyong

母版页

1. 在整个站点中应用母版页 <configuration> <system.web> <pages masterPageFile="~/Site...

32740
来自专栏阿炬.NET

【要什么自行车】ASP.NET MVC4笔记02:上传文件 uploadify 组件使用

32850

扫码关注云+社区

领取腾讯云代金券