优化Vaadin Grid异步内容加载：实现平滑渐进式渲染

import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.html.Image;
import com.vaadin.flow.component.notification.Notification;
import com.vaadin.flow.component.UI;
import com.vaadin.flow.spring.annotation.EnableAsync; // Spring Async support, if applicable
import org.springframework.scheduling.annotation.Async;
import org.springframework.util.concurrent.ListenableFuture;
import org.springframework.util.concurrent.AsyncResult;

import java.io.IOException;
import java.util.concurrent.Executors;

// 假设有一个服务类来处理异步逻辑
class MyAsyncService {
    // 模拟耗时异步操作
    @Async
    public ListenableFuture<String> asyncLoadIcon(String entityName) {
        try {
            // 模拟网络请求或复杂计算
            Thread.sleep(3000); // 模拟耗时
            // 假设这里返回的是图片URL
            return AsyncResult.forValue("https://example.com/images/" + entityName + ".jpg");
        } catch (InterruptedException e) {
            Thread.currentThread().interrupt(); // 恢复中断状态
            return AsyncResult.forExecutionException(new RuntimeException("Async operation interrupted"));
        }
    }
}

public class GridAsyncLoadingExample {

    private MyAsyncService rsCrawler = new MyAsyncService(); // 假设已注入或实例化

    private void setupGrid() {
        Grid<String> grid = new Grid<>();
        grid.addComponentColumn(this::getIconColumn).setHeader("图片");

        grid.setItems("item1", "item2", "item3", "item4", "item5");

        // 启用Vaadin Push，允许服务器端异步更新推送到客户端
        grid.getDataCommunicator().enablePushUpdates(Executors.newCachedThreadPool());

        // add(grid); // 假设这里Grid被添加到某个Vaadin布局中
    }

    /**
     * 为Grid的每一行生成图片列组件。
     * 关键在于，图片组件立即返回，异步加载逻辑在独立线程中启动。
     *
     * @param entityName 实体名称，用于加载图片
     * @return 初始为空的Image组件
     */
    private Image getIconColumn(String entityName) {
        Image image = new Image("", ""); // 立即创建一个空的Image组件
        image.setHeight("150px");
        image.setWidth("100px");

        UI ui = UI.getCurrent(); // 获取当前UI实例，用于安全地更新UI

        // 为每个异步加载任务启动一个新线程
        // 这确保了getIconColumn方法可以立即返回Image组件，不阻塞Grid的渲染
        new Thread(() -> {
            rsCrawler.asyncLoadIcon(entityName)
                .addCallback(
                    result -> ui.access(() -> image.setSrc(result)), // 成功时更新图片源
                    err -> ui.access(() -> Notification.show("加载图片失败: " + entityName + ", 错误: " + err.getMessage())) // 失败时显示通知
                );
        }).start(); // 启动新线程

        return image; // 立即返回Image组件
    }
}