Hacer una session de usuario con php y Ext js, ademas de tomar las variables de session y mostrarlas
Buenas noches Estimados foreros estoy iniciándome en este maravilloso framework y no se como iniciar una session de usuarios con php, y obtener la varible de session para luego asignarla a un text y mostrar el usuario logueado
jav_978
11/02/2012
Hola jav_978 entiendo, yo estoy pidiendo igual una ayuda algo similar a la tuya. Lo que se me ocurre es que en tu archivo.php cuando conectes al usuario primeramente hagas la consulta que te verifique al usuario (login, password) y que luego esos datos se lo asignes a las variables de sesión, algo así:
//inicias tu sesión
session_start();
//haces tu consulta (select) y almacenas en variables lo que te interese ($usuario, $clave,$permisologia, etc...)
...
//asignas los valores traídos en la consulta tus variables de sesión
$_SESSION['usuario'] = $usuario;
$_SESSION['clave'] =$clave;
...
Luego en tu vista pudieras jugar en como imprimes esa variable, pudiera ser que en una etiqueta div metas el valor de esa variable de sesión, por ejm:
usuario conectado: ''
Hay muchas formas de hacerlo, solo tienes que tener un poco de imaginación.
dapc21
12/02/2012
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Inicio de Session de Usuario
<!-- hojas de estilos del framework -->
<!-- lenguaje español del framework -->
<!-- </a><script type="text/javascript" src="js/login.js"></script> -->
Inicio de Sessión'
}
},{
xtype:'textfield',
id:'login-user',
name:'login-user',
fieldLabel:'Usuario',
allowBlank:false,
minLength:3,
maxLenght:8,
msgTarget:'side',
validationEvent:true,
// vtype:'alpha',
enableKeyEvents:true,
selectOnFocus:true,
listeners:{
keypress:function(t,e)
{
if(e.getKey()==13)
{
Ext.getCmp('login-pwd').focus();
}
}
}
},{
xtype:'textfield',
id:'login-pwd',
name:'login-pwd',
fieldLabel:'Clave',
inputType:'password',
allowBlank:false,
minLength:6,
maxLenght:8,
minLengthText:'La clave debe ser mayor de 6 caracteres',
msgTarget:'side',
validationEvent:true,
enableKeyEvents:true,
selectOnFocus:true
}],
buttonAlign:'center',
buttons:[{
id:'btn-inicio',
text:'Inicio',
formBind:true,
handler:function(){
loguear();
}
},{
text:'Cancelar',
handler:function()
{
Ext.getCmp('login-form').getForm().reset(); //Limpia El Formulario
Ext.getCmp('login-user').focus(); //Ubica el cursor en el campo usuario
}
}]
}
win = new Ext.Window({
layout:'form',
width:340,
autoHeight:true,
closeAction:'hide',
draggable:false,
resizable:false,
closable:false,
items:[loginForm]
});
win.show();
Ext.getCmp('login-user').focus(false,1000);
}
}
Ext.onReady(sistema.login.Formlogin.init,sistema.login.Formlogin);
jav_978
12/02/2012
mi pregunta es como obtengo la sesion del campo en el index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ejercios de Ext JS Capitulo1
<!-- hojas de estilos del framework -->
<!-- framework Ext js-->
<!-- lenguaje español del framework -->
Bienvenidos al SistemaMódulo Principal ',
bodyStyle: 'padding:10px;',
bbar:{
id:'sBar',
items:[
'->',
{
xtype:'tbtext',
text:'Hora:'
},
reloj
,'-',
{
xtype:'tbtext',
text:'Fecha:'
},
fecha
,'-',
{
xtype:'tbtext',
text:'Usuario:' ********AQUI QUIERO MOSTRAR EL USUARIO LOGUEADO ****"
},
{
id:'Usuario',
xtype:'tbtext'
},
' ',
' ',{
id:'cerrarSession',
cls:'x-btn-text-icon',
icon:'../img/door_out.png',
xtype:'button',
text:'Cerrar Sessión',
listeners:{
'click':function(scope,valor){
confirmarCerrarSession();
}
}
}
]
}
});
// Colores de Fondo con hoja de estilo localmente usando Ext js
Ext.get('cabecera').setStyle('background-color','#FFFFFF');
Ext.get('cuerpo').setStyle('background-color','#336699');
}
}
Ext.onReady(sistema.index.PanelIndex.init,sistema.index.PanelIndex);
Menu
jav_978
12/02/2012
sabes? esto fue uno de mis primeros dolores de cabeza con la programación web, en realidad es muy sencillo pero no lograba entender el concepto de asincronico, lo que puedes hacer es lo siguiente:
a tu panel le asignas un listener al evento afterrender, en el puedes colocar un llamado ajax.request en cuyo success puedes modificar el text que deseas con los datos que recuperes de un php que te devuelva el nombre, por ejemplo algo asi:
en tu js:
mipanel.on('afterrender', function(){
Ext.Ajax.request({
scope: this,
url: 'leer_usuario.php',
success: function(response){
info = Ext.decode(response.responseText);
if (info.success){
//aqui asiegnas el valro que regresas a los componentes que desees
Ext.getCmp('aqui va el id del text').setValue(info.usuario[0].nombre);
} else {
Ext.MessageBox.show({
title : 'ERROR',
msg : info.errors.razon,
icon : Ext.MessageBox.ERROR,
buttons : Ext.MessageBox.OK
});
}
},
failure:function(response){
Ext.MessageBox.show({
title : 'ERROR',
msg : response.responseText.errors.razon,
icon : Ext.MessageBox.ERROR,
buttons : Ext.MessageBox.OK
});
}
});
})
en tu php leer_usuario.php
espero te sirva (^_^)
tokkaido
13/02/2012
jav_978 hoy veo todo esto que pones, no sabía que tenías todo eso hecho, pensé que estaba en cero jajaja. Bueno el amigo tokkaido ya te dio la solución. Eso era, un simple Ajax.request que hiciera la consulta que te dije para almacenar en las variables de sesión todo lo que necesites y eso al retornarlo asignarlo con:
Ext.getCmp('aqui va el id del text').setValue(info.usuario[0].nombre);
dentro de la función usando el afterrender para que inmediatamente después de la carga se asigne el usuario. Tal cual como te dijo tokkaido.
dapc21
13/02/2012
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.