登录后,因为只是刷新首页,并没有跳转页面,因而要调整一下首页显示,以便登录后显示系统界面。

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

<script>

   Ext.Loader.setConfig({

       enabled: true,

       paths: {

            'Ext.ux':'scripts/extjs/ux'

        }

    });

</script>

 

    @{

        if(Request.IsAuthenticated)

        {

            <script>

            </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>

        }

    }

 

 

 

因为要调用应用程序生成界面,因而要让Ext JS知道应用的目录,所以在Loader的paths中加入以下代码:

'SimpleCMS': '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>

 

               SimpleCMS.Userinfo = {

                   Roles:[

                        @Html.Raw(rolesstring)

                   ]

               };

 

            </script>

 

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

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

Ext.ns('SimpleCMS');

 

现在,在浏览器中打开首页,并使用admin登录,在Firebug中将看到如图16所示的源代码,说明已经区分开登录前和登录后了。

图16 在Firebug中看到的页面源代码

首页已经调整好了,下一步要做的就是开始编写Ext JS MVC要求的东西了。


代码下载地址:http://download.csdn.net/detail/tianxiaode/4572323

Logo

快速构建 Web 应用程序

更多推荐