Developersland

Teknoloji ve Yazılım Blogu

  • Yazıtipi boyutunu arttır
  • Varsayılan yazıtipi boyutu
  • Yazıtipi boyutunu azaltır

Ext JS Login Form Example

extjs login

Ext JS code:

            var iloginForm = new Ext.Panel({

            padding: '5 5 5 5' ,

            title: 'Login',

            bodyStyle : 'padding : 10px',

            layout : 'form',

            items: [

            {

            name : 'username',

            id: 'username',

            xtype: 'textfield',

            fieldLabel: 'Email',

            allowBlank: false,

            name: 'eMail',

            width: 150

            },{

            name  : 'password',

            id: 'password',

            xtype: 'textfield',

            fieldLabel: 'Şifre',

            allowBlank: false,

            inputType:'password',

            width: 150

            },

            {

            xtype: 'button',

            width : 80,

            text: 'Login',

            style: {

            marginLeft: '175px'

            },

            align: 'right',

            handler : function(btn){        

        Ext.Ajax.request({

        url : 'login',

        params : {

        uname:Ext.getCmp('username').getValue(),

        pass:Ext.getCmp('password').getValue()

        },

        success : function(response) {

        obj = Ext.util.JSON.decode(response.responseText);

        if(obj.rol == 1)//admin

        {

        window.location = '../administrator/admin';

        }

        else if(obj.rol == 2)//Kullanici

        {

        window.location = '../kullanici/kullanici';

        }

        else if(obj.rol ==3)//Doktor

        {

        //some redirection here

        }

        else if(obj.rol== -1)

        {

        Ext.MessageBox.alert("","Wrong Password!");

        }

        else

        {

        Ext.MessageBox.alert("","This username doesn't exist");

        }

        },

        failure : function(response) {

        Ext.MessageBox.alert("Error!");

        }

        });

}

            }]

            });


Server side java code:


@RequestMapping(value="/login")

public void loadStore(HttpServletRequest req, HttpServletResponse resp) throws IOException{

 

Kullanici kullanici=new Kullanici();

int rol;

System.out.println("Username="+req.getParameter("uname"));

System.out.println("Password="+req.getParameter("pass"));

kullanici=kulServ.getKullaniciByName(req.getParameter("uname"));

if(kullanici!=null)

{

kullanici.print();

if(req.getParameter("pass").equals( kullanici.getPassword()))

{

rol=kullanici.getRolId();

SessionClientData scd = new SessionClientData();


scd.setUsername(kullanici.getUsername());

scd.setPassword(kullanici.getPassword());

scd.setRoleId(kullanici.getRolId());


scd.setSistemGirisZamani(Calendar.getInstance().getTime().toGMTString());

req.getSession().setAttribute("scd", scd);

}

else

{

//Wrong password

rol=-1;

}

}

else

{

//This username doesn't exist

rol=-2;

}

JSONObject obj = new JSONObject();

obj.put("rol", rol);

obj.put("success", true);

resp.getWriter().print(obj);

}

 

Yorum ekle


Güvenlik kodu
Yenile