一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之调整首页显示

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

要区分登录前和登录后，判断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