Extjs4开发笔记(四)——实现登录功能
上篇文章介绍了如何实现菜单功能(点击查看),但是有个问题,就是管理系统必须是登录后才会显示菜单,而且菜单还要实现不同权限有不同的菜单项,本文将实现这个功能。
首先,将server/MenuLoader.asp修改,增加管理员验证功能。即
?
- If?Session("Manage")?<>?""?Then
- End?If
这时,重新打开页面,由于有了基本的管理员验证,菜单不显示了。
?
接下来,开始制作登录,在view文件夹下建立Login.js,checkcode.js,其中Login.js实现登录功能,有用户名、密码和验证码,验证码的实现,就是checkcode.js,由于篇幅问题,checkcode.js请查看本站另一篇文章,?ExtJS4学习笔记(十)---ExtJS4图片验证码的实现。
主要是Login.js:
?
- Ext.define(SMS.view.Login',{
-
????extend:'Ext.window.Window',
-
????alias:?'widget.loginForm',
-
????requires:?['Ext.form.*','SMS.view.CheckCode'],
-
????initComponent:function(){
-
????????var?checkcode?=?Ext.create('SMS.view.CheckCode',{
-
????????????cls?:?'key',
-
????????????fieldLabel?:?'验证码',
-
????????????name?:?'CheckCode',
-
????????????id?:?'CheckCode',
-
????????????allowBlank?:?false,