Vaadin视图与组件中服务自动注入失效问题求助

嘿，刚接触Vaadin遇到这个问题太正常了，我来帮你捋清楚原因和解决办法～

问题根源 #

你在MainView里手动new CustomerForm(this)创建了子组件实例，但只有Spring管理的bean才能自动进行依赖注入。MainView因为加了@Route注解，会被Vaadin与Spring的整合机制自动实例化并纳入Spring上下文，所以它里面的@Autowired CustomerService能正常工作；但你自己new出来的CustomerForm不在Spring的管理范围内，Spring根本没机会给它注入CustomerService，自然就是null了。

解决方案 #

这里有几种靠谱的解决方式，你可以根据场景选择：

1. 构造函数传参（最简单直接）

既然MainView已经拿到了CustomerService，直接在创建CustomerForm的时候把服务传进去就行：

• 修改CustomerForm，添加带依赖的构造函数：

// 如果这个组件不是独立页面，建议去掉@Route
public class CustomerForm extends FormLayout {
    private final CustomerService customerService;
    private final MainView mainView;

    // Spring 4.3+支持构造函数自动注入，无需额外加@Autowired
    public CustomerForm(MainView mainView, CustomerService customerService) {
        this.mainView = mainView;
        this.customerService = customerService;
        // 编写组件初始化逻辑
    }
}

• 调整MainView的实例化代码：

@Route("")
@PWA(name = "First time bruh", shortName = "Project Base")
public class MainView extends VerticalLayout {
    private TextField filterText = new TextField();
    private Grid<Customer> grid = new Grid<>(Customer.class);
    private CustomerForm customerForm;
    @Autowired
    private CustomerService customerService;

    public MainView() {
        // 把已注入的customerService传给子组件
        customerForm = new CustomerForm(this, customerService);
        add(customerForm);
        // 其他初始化代码
    }
}

2. 让Spring管理CustomerForm（更符合Spring规范）

如果希望CustomerForm完全由Spring管理，可以给它添加Vaadin专用的作用域注解，同时通过@Autowired获取实例而非手动new：

• 修改CustomerForm：

// @UIScope 绑定当前UI，是Vaadin组件的最佳作用域；@SpringComponent标记为Spring bean
@UIScope
@SpringComponent
public class CustomerForm extends FormLayout {
    private final CustomerService customerService;
    private MainView mainView;

    // 构造函数注入服务依赖
    public CustomerForm(CustomerService customerService) {
        this.customerService = customerService;
        // 初始化组件
    }

    // 用setter传入MainView，避免构造函数循环依赖
    public void setMainView(MainView mainView) {
        this.mainView = mainView;
    }
}

• 调整MainView的注入方式：

@Route("")
@PWA(name = "First time bruh", shortName = "Project Base")
public class MainView extends VerticalLayout {
    private TextField filterText = new TextField();
    private Grid<Customer> grid = new Grid<>(Customer.class);
    @Autowired
    private CustomerForm customerForm;
    @Autowired
    private CustomerService customerService;

    public MainView() {
        customerForm.setMainView(this);
        add(customerForm);
        // 其他初始化代码
    }
}

注意：如果CustomerForm不需要作为独立路由页面，记得去掉它上面的@Route注解，否则Vaadin会将其识别为独立视图。

额外小建议 #

尽量用构造函数注入代替字段上的@Autowired，这样不仅能保证依赖在实例创建时就被注入（不会出现null），还更方便编写单元测试，也符合Spring的最佳实践。

内容的提问来源于stack exchange，提问作者Alex Vulchev