Vaadin Web应用开发教程(26):UI组件-LoginForm组件

最新推荐文章于 2025-10-17 09:20:05 发布

原创

最新推荐文章于 2025-10-17 09:20:05 发布 · 5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web应用开发 #ui #stylesheet #styles #string #class

本文深入探讨Vaadin的LoginForm组件，讲解如何利用它接收用户输入的用户名和密码，以及如何通过重载getLoginHTML()方法来自定义其外观。内容涉及iframe和静态HTML的使用，以及JavaScript响应用户的提交操作。

LoginForm组件专门用来接受用户输入用户名和密码，并可以自动记住用户输入的用户名和密码。其基本用法如下:

// A wrapper with a caption for the login form
Panel loginPanel = new Panel("Login");
loginPanel.setWidth("250px");
        
LoginForm login = new LoginForm();
loginPanel.addComponent(login);

LoginForm组件内部实现使用了iframe 和静态HTML支持其功能。如果你想定制LoginForm的外观可以重载getLoginHtml()方法。
下面介绍如何定制LoginForm组件。

class MyLoginForm extends LoginForm {
    String usernameCaption;
    String passwordCaption;
    String submitCaption;
    
    public MyLoginForm(String usernameCaption,
            String passwordCaption, String submitCaption) {
        this.usernameC