ExtJs六(ExtJs Mvc首页展示)

简介: 原文 http://www.cnblogs.com/aehyok/archive/2013/04/22/3035302.html 要区分登录前和登录后,判断Request的IsAuthenticated方法就可以。

原文 http://www.cnblogs.com/aehyok/archive/2013/04/22/3035302.html

要区分登录前和登录后,判断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>
目录
相关文章
|
2月前
|
JavaScript 前端开发 Java
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 和 Ext JS 都是 JavaScript 框架,用于开发 Web 应用程序。它们分别提供了不同的功能和特性,以帮助开发者更高效地构建和维护 Web 应用程序。
17 2
|
5月前
|
JavaScript 前端开发 容器
ExtJs 4.x MVC 架构
ExtJs 4.x MVC 架构
|
3月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
38 0
|
8月前
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情等功能的开发,今天继续讲解购物车功能开发,仅供学习分享使用,如有不足之处,还请指正。
114 0
|
9月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
66 0