日期:2014-05-16  浏览次数:20367 次

Extjs4开发笔记(四)——实现登录功能

上篇文章介绍了如何实现菜单功能(点击查看),但是有个问题,就是管理系统必须是登录后才会显示菜单,而且菜单还要实现不同权限有不同的菜单项,本文将实现这个功能。

首先,将server/MenuLoader.asp修改,增加管理员验证功能。即

?
  1. If?Session("Manage")?<>?""?Then
  2. '显示菜单项
  3. End?If
?

这时,重新打开页面,由于有了基本的管理员验证,菜单不显示了。

菜单为空

?

接下来,开始制作登录,在view文件夹下建立Login.js,checkcode.js,其中Login.js实现登录功能,有用户名、密码和验证码,验证码的实现,就是checkcode.js,由于篇幅问题,checkcode.js请查看本站另一篇文章,?ExtJS4学习笔记(十)---ExtJS4图片验证码的实现。

主要是Login.js:

?
  1. Ext.define(SMS.view.Login',{
  2. ????extend:'Ext.window.Window',
  3. ????alias:?'widget.loginForm',
  4. ????requires:?['Ext.form.*','SMS.view.CheckCode'],
  5. ????initComponent:function(){
  6. ????????var?checkcode?=?Ext.create('SMS.view.CheckCode',{
  7. ????????????cls?:?'key',
  8. ????????????fieldLabel?:?'验证码',
  9. ????????????name?:?'CheckCode',
  10. ????????????id?:?'CheckCode',
  11. ????????????allowBlank?:?false,