排序

grid.addColumn(Person::getName)
    .setHeader("姓名")
    .setSortable(true);

过滤

结合 TextField 和 DataProvider 实现

分页

使用 CallbackDataProvider 实现懒加载

构造函数注入

@SpringComponent
@UIScope
public class UserForm extends FormLayout {
    
    private final UserService service;
    
    @Autowired
    public UserForm(UserService service) {
        this.service = service;
    }
}

字段注入（不推荐）

@Autowired
private UserService userService;

测试困难，依赖容器

视图层注入

@SpringComponent
@UIScope
@Route("users")
public class UserView extends VerticalLayout {
    
    @Autowired
    private UserService userService;
    
    @Autowired
    public UserView(UserService service) {
        this.userService = service;
    }
}

事件处理示例

saveButton.addClickListener(e -> {
    User user = binder.getBean();
    userService.saveUser(user);
    Notification.show("保存成功");
    grid.setItems(userService.findAllUsers());
});

通过 SecurityContext

// 获取认证对象
Authentication auth = SecurityContextHolder
    .getContext()
    .getAuthentication();

// 获取用户名
String username = auth.getName();

// 获取权限
Collection<? extends GrantedAuthority> 
    authorities = auth.getAuthorities();

在 Vaadin 视图中

// 获取当前用户
Object principal = VaadinSession
    .getCurrent()
    .getAttribute(
        VaadinSession.USER Principal_ATTRIBUTE);

// 或自定义属性
User currentUser = (User) VaadinSession
    .getCurrent()
    .getAttribute("currentUser");

媒体查询

/* 移动端优先 */
.my-layout {
    display: flex;
    flex-direction: column;
}

/* 平板横屏 */
@media (min-width: 768px) {
    .my-layout {
        flex-direction: row;
    }
}

/* 桌面端 */
@media (min-width: 1024px) {
    .my-layout {
        justify-content: space-between;
    }
}

Java 代码中的响应式

// 监听窗口大小变化
UI.getCurrent().getPage().addBrowserWindowResizeListener(
    event -> {
        int width = event.getWidth();
        if (width < 768) {
            // 移动端布局
            layout.setFlexDirection(FlexDirection.COLUMN);
        } else {
            // 桌面端布局
            layout.setFlexDirection(FlexDirection.ROW);
        }
    });

内存管理策略

• • 及时释放大对象
• • 使用弱引用
• • 避免静态引用
• • 清理监听器

会话管理

@PreserveOnRefresh
@Route("long-running")
public class LongRunningView 
    extends VerticalLayout {
    
    // 在刷新时保留状态
}

监控工具