帮我用extjs写一个登录页面
时间: 2024-05-13 11:14:28 浏览: 9
好的,以下是一个简单的登录页面的示例代码:
```
Ext.onReady(function() {
Ext.create('Ext.form.Panel', {
title: 'Login',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'textfield',
name: 'username',
fieldLabel: 'Username',
allowBlank: false
}, {
xtype: 'textfield',
name: 'password',
inputType: 'password',
fieldLabel: 'Password',
allowBlank: false
}, {
xtype: 'checkbox',
name: 'remember',
fieldLabel: 'Remember me'
}],
buttons: [{
text: 'Login',
formBind: true,
handler: function() {
this.up('form').getForm().submit({
url: 'login.php',
success: function(form, action) {
Ext.Msg.alert('Success', action.result.msg);
},
failure: function(form, action) {
Ext.Msg.alert('Failed', action.result.msg);
}
});
}
}]
});
});
```
这个登录页面包含一个用户名输入框、一个密码输入框和一个记住我复选框。当用户点击登录按钮时,表单会提交到 `login.php` 页面进行验证。如果验证成功,会弹出一个成功提示框,否则会弹出一个失败提示框。
您需要将上面的代码保存为一个 .html 文件并在浏览器中打开,即可看到效果。请注意,这只是一个简单的示例,实际的登录页面需要更完善的验证和安全措施。