前言

继上一节中简单的实现了登录之后​​​​,现在我们可以进行对登录界面进行再次的优化。

MemerShip配置

 首先打开Web.Config文件,在configuration段内添加一个数据库连接定义,代码如下:

<connectionStrings>
<add name="ConnectionString" connectionString="Data Source=MWVCMNFFK0ZAZT5;Initial Catalog=SimpleCMS;Persist Security Info=True;User ID=sa;Password=saa;Pooling=False" providerName="System.Data.SqlClient"></add>
</connectionStrings>


代码中的数据库地址、用户名和密码请根据自己实际情况填写。然后在system.web段内添加Membership提供者的定义,代码如下:

<membership>
<providers>
<clear />
<add name="AspNetSqlMembershipProvider" type="System.Web.Security.SqlMembershipProvider" connectionStringName="ConnectionString"
enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="false" requiresUniqueEmail="true"
maxInvalidPasswordAttempts="5" minRequiredPasswordLength="6" minRequiredNonalphanumericCharacters="0"
passwordAttemptWindow="10" applicationName="/" />
</providers>
</membership>
<roleManager enabled="true">
<providers>
<clear />
<add name="AspNetSqlRoleProvider" type="System.Web.Security.SqlRoleProvider" connectionStringName="ConnectionString"
applicationName="/" />
<add name="AspNetWindowsTokenRoleProvider" type="System.Web.Security.WindowsTokenRoleProvider" applicationName="/" />
</providers>
</roleManager>


上面的connectionStringName="ConnectionString" 要与上面配置的数据库链接字符串保持一致。

代码中,membership段是用来定义Membership提供者的,定义的内容包括:

     类型(type)为SQLMembershipProvider,表示使用的是SQL Server提供者;

     数据库的连接字符串(connectionStringName)为刚才定义的连接字符串;

     密码恢复(enablePasswordRetrieval)为fallse;

     重置密码(enablePasswordReset)为true;

     要求密码问题(requiresQuestionAndAnswer)为false;

     要求唯一电子邮件(requiresUniqueEmail)为true;

     最大的密码错误尝试次数(maxInvalidPasswordAttempts)为5次;

     密码最小长度(minRequiredPasswordLength)为6;

     密码最小的非字符个数(minRequiredNonalphanumericCharacters)为0;

     有效密码或密码答案的连续失败尝试次数进行跟踪的时间间隔(passwordAttemptWindow)为10分钟。

最后的applicationName,表示当前应用程序的标识,因为没有多个应用程序使用该数据库提供者,因而设置为“/”。

而roleManager段定义的角色提供者,主要定义就是连接字符串和应用程序的标识。

完成后,在主菜单中选择项目,ASP.NET配置。如果刚才的配置正确,现在就可以添加用户和角色了。

ExtJs五(ExtJs Mvc登录优化)_ide

单击页面中的安全标签页。

单击角色中的“创建或管理角色”,先创建系统管理员和普通用户两种角色。返回安全标签页,单击用户中的“创建用户”创建admin和test两个用户。两个用户的密码都设置为123456,电子邮件随便填吧。还要将admin的角色设置为系统管理员,test的角色设置为普通用户。

然后返回到AccountController中,修改Login的Action的代码如下

public JObject Login(LoginModel model)
{
bool success = false;
JObject errors = new JObject();
if (ModelState.IsValid)
{
string vcode = "";
if (Session["vcode"] != null)
{
vcode = Session["vcode"].ToString();
}
if (vcode.Count() > 0 && vcode.ToLower() == model.Vcode.ToLower())
{
MembershipUser user = Membership.GetUser(model.UserName);
if (user != null)
{
if (user.IsApproved)
{
TimeSpan ts = user.LastLockoutDate.AddMinutes(60) - DateTime.Now;
if (user.IsLockedOut && ts.Minutes > 0)
{
errors.Add("UserName", "用户名已被锁定," + ts.Minutes + "分钟后才能再次尝试登录。");
}
else
{
if (user.IsLockedOut) user.UnlockUser();
if (Membership.ValidateUser(model.UserName, model.Password))
{
if (Roles.IsUserInRole(model.UserName, "系统管理员 ") | Roles.IsUserInRole(model.UserName, "普通用户"))
{
FormsAuthentication.SetAuthCookie(model.UserName, false);
success = true;
}
else
{
errors.Add("UserName", "您没有权限登录系统。");
}
}
else
{
errors.Add("UserName", "错误的用户名或密码。");
errors.Add("Password", "错误的用户名或密码。");
}
}
}
}
else
{
errors.Add("UserName", "错误的用户名或密码。");
errors.Add("Password", "错误的用户名或密码。");
}
}
else
{
errors.Add("Vcode", "验证码错误");
}
}
else
{
MyFunction.ModelStateToJObject(ModelState, errors);
}
return MyFunction.WriteJObjectResult(success, errors);
}

首先前面还是对验证码的验证。

然后通过MembershipUser user = Membership.GetUser(model.UserName)获得MembershipUser用户对象。

通过验证即可。然后F5运行测试一下。

通过test来测试

ExtJs五(ExtJs Mvc登录优化)_ide_02

然后通过admin来测试

ExtJs五(ExtJs Mvc登录优化)_ExtJs Mvc_03

看这就是测试结果。