6、登录页面与多语言及注销功能实现详解

登录页面与多语言及注销功能实现详解

1. 登录页面错误处理与功能增强

当用户名或密码与数据库中的信息不匹配时，即登录失败，系统会向用户显示服务器发送的错误消息，如“用户名或密码错误”。若服务器端出现其他错误，该错误也会返回给 Ext JS。这样，我们就能处理各种服务器响应，包括预期的响应和异常情况。

为了提升登录页面的用户体验，我们可以对其进行以下增强：
- 认证时应用加载遮罩
- 用户按下 Enter 键时提交表单
- 显示大写锁定警告消息

1.1 认证时应用加载遮罩

当用户点击提交按钮时，服务器响应可能会有延迟。为避免用户多次点击提交按钮，我们可以在等待响应时为登录窗口应用加载遮罩。具体操作步骤如下：
- 在 Ext.Ajax.request 调用之前添加以下代码：

Ext.get(login.getEl()).mask("Authenticating... Please wait...", 'loading');

此代码会将遮罩应用到登录窗口。
- 在 success 和 failure 函数的第一行添加以下代码：

Ext.get(login.getEl()).unmask();

这将移除登录窗口上的遮罩。

执行代码后，在服务器返回响应之前，