Spring框架下的管理员登录功能实现

首页管理员登陆界面如下：

在view——login——Form.js下，写出登陆页UI

Ext.define('yucen.view.login.Form' ,{

extend: 'Ext.form.Panel',
layout:"vbox",
url:ctx+'/j_security_check',            //URL、关键点，Spring自带，用以检测登录的管理员账号密码与数据库中是否匹配。
method : 'POST',
title:'登录',
width: 320,
    alias: 'widget.loginform',
    frame:true,
    bodyPadding: 10,

     defaultType: 'textfield',
    defaults:{
        anchor: '100%',
        labelWidth: 120
    },

border:1,

initComponent: function() {

 this.items=[
            {

fieldLabel: '用户名',
                emptyText:"用户名",
                name:'username',
                id:'username',

minLengthText:'用户名长度大于6位字符',

                maxLength:30,
                maxLengthText:'用户名长度小于30位字符',
                allowBlank:false,
                blankText:'请输入用户名！',
                regex : /[\u0000-\u00FF]/,
                regexText : '请输入正确的用户名！',

listeners:{
                    afterrender:function(){
                        var cookiedata = Ext.util.Cookies.get("soLoginName");
                        if (cookiedata!=null){
                            Ext.getCmp('username').setValue(cookiedata);
                        }
                    }
                }

}, {

fieldLabel:'密码',

emptyText:"密码",
                name:'password',
                inputType: 'password',
                id:'password',

 maxLength:20,
                maxLengthText: '密码长度小于20位字符',
                regex: /[\u0000-\u00FF]/,
                regexText: "请输入正确的密码！",
                inputWidth:400,
                action:'loginByEnter',
                allowBlank:false,
                blankText:'请输入密码！'
            },

   {
                xtype: 'fieldcontainer',
                layout: 'hbox',
                items: [

                    {
                        fieldLabel:'验证码',
                        xtype:'textfield',
                        labelWidth:120,
                        width:225,
                        maxLength: 4,
                        emptyText