【问题标题】:Multithreading refresh UI in VaadinVaadin 中的多线程刷新 UI
【发布时间】:2015-07-15 07:13:25
【问题描述】:

我正在尝试在我的 Vaadin 应用程序中实现多线程刷新 UI。

此 UI 的一部分是基于容器的 dChart。构建dChart我遍历容器并通过它们的属性之一计数元素,如下所示:

        Collection<?> itemIDS = container.getItemIds();

        for (Object itemID : itemIDS) {
            Property property = container.getContainerProperty(itemID, "status");
            String status = (String) property.getValue();
            if (countMap.containsKey(status)) {
                countMap.put(status, countMap.get(status) + 1);
            } else {
                countMap.put(status, 1);
            }
        }

但是,如果容器有数千个元素,则需要 2-3 秒。

用户不能等待这么久来刷新用户界面。

我读到我可以构建我的 UI,然后在 dChart 完全构建后使用@Push Vaadin 注释刷新它。

所以我构建了这样的东西:

{
//class with @Push
  void refreshPieDChart(GeneratedPropertyContainer container) {
    new InitializerThread(ui, container).start();
  }

  class InitializerThread extends Thread {
    private LogsUI parentUI;
    private GeneratedPropertyContainer container;

    InitializerThread(LogsUI ui, GeneratedPropertyContainer container) {
        parentUI = ui;
        this.container = container;
    }

    @Override
    public void run() {
        //building dChart etc etc... which takes over 2-3 seconds

        // Init done, update the UI after doing locking
        parentUI.access(new Runnable() {
            @Override
            public void run() {
                chart.setDataSeries(dataSeries).show();
            }
        });
    }
  }
}

但是如果我刷新页面几次,它会产生关于SQLContainer的错误:

java.lang.IllegalStateException: A trasaction is already active!

因为经过几次刷新,我的多个线程使用同一个 SQLContainer 并行运行。

为了解决这个问题,我想停止除最后一个之外的所有工作刷新线程以消除并发问题。我该怎么做?也许其他解决方案?

编辑: 我已经尝试过这样的smth,但问题仍然存在,这是防止并发问题的正确方法吗?

{
  private static final Object mutex = new Object();
//class with @Push
  void refreshPieDChart(GeneratedPropertyContainer container) {
    new InitializerThread(ui, container).start();
  }

  class InitializerThread extends Thread {
    private LogsUI parentUI;
    private GeneratedPropertyContainer container;

    InitializerThread(LogsUI ui, GeneratedPropertyContainer container) {
        parentUI = ui;
        this.container = container;
    }

    @Override
    public void run() {
        //is it correct way to prevent concurrent problem? 
        synchronized(mutex){
            //method to refresh/build chart which takes 2-3s.
        }
        // Init done, update the UI after doing locking
        parentUI.access(new Runnable() {
            @Override
            public void run() {
                chart.setDataSeries(dataSeries).show();
            }
        });
    }
  }
}

【问题讨论】:

  • 您是否考虑过延迟加载您的数千个条目?
  • @tk12 这正是我现在正在做的事情,或者不是?我仅根据用户请求(刷新,输入我的 web 应用程序)构建 UI(图表)。但是当我想构建一个图表时,我需要立即获取所有数据(否则我的图表将过时)
  • 所有数据都一次显示在屏幕上吗?这就是我所说的延迟加载。如果用户一次只能看到一部分数据,您可以在数据显示在屏幕上时延迟加载数据,从而提高加载性能。但是,如果您想一次使用 所有数据,那么我的建议可能不适合您的需求。
  • @tk12 如果我的图表正在计算 SQLContainer 中的元素,那么您就不能使用延迟加载,因为您需要计算每个元素,这意味着您无论如何都需要加载它。你是对的,延迟加载非常适合加载部分数据,例如:滚动表。但在这种特殊情况下,我需要获取所有数据。
  • @ilovkatie 我认为您应该在 SQL 中进行计数,然后它应该足够快。那你就不用多线程了。

标签: java multithreading user-interface vaadin


【解决方案1】:

这就是我所做的:

Henri Kerola 指出我非常明显的想法:在 SQL 中进行计数。正如我所说,我正在考虑这一点,但这意味着我需要为每个可能的过滤器组合准备 SQL。这是一个相当复杂的,看起来不太好。

但这让我意识到,如果我使用带有过滤器的 SQLContainer 对我的表进行筛选,我可以对计数执行相同的操作。我只需要用我自己的FreeformQueryFreeformStatementDelegate 创建第二个SQLContainer

如果我将创建以上所有内容,我可以将相同的过滤器添加到两个容器中,但是我现在不需要计算元素,因为第二个容器为我保存了值。听起来很复杂,但请看一下我的代码:

FreeformQuery myQuery = new MyFreeformQuery(pool);
FreeformQuery countQuery = new CountMyFreeformQuery(pool);

SQLContainer myContainer = new SQLContainer(myQuery);  //here i hold my all records as in a Question
SQLContainer countContainer = new SQLContainer(countQuery);  //here i hold computed count(*) and status

MyFreeformQuery.java 看起来像:

class ProcessFreeformQuery extends FreeformQuery {

private static final String QUERY_STRING = "SELECT request_date, status, id_foo FROM foo";
private static final String COUNT_STRING = "SELECT COUNT(*) FROM foo";
private static final String PK_COLUMN_NAME = "id_foo";

MyFreeformQuery(JDBCConnectionPool connectionPool) {
    super(QUERY_STRING, connectionPool, PK_COLUMN_NAME);
    setDelegate(new AbstractFreeformStatementDelegate() {

        protected String getPkColumnName() {
            return PK_COLUMN_NAME;
        }

        protected String getQueryString() {
            return QUERY_STRING;
        }

        protected String getCountString() {
            return COUNT_STRING;
        }
    });
}

最重要的 CountFreeformQuery.java 看起来像:

public class CountFreeformQuery extends FreeformQuery {

private static final String QUERY_STRING_GROUP = "SELECT status, count(*) as num FROM foo GROUP BY status";
private static final String QUERY_STRING = "SELECT status, count(*) as num FROM foo";
private static final String GROUP_BY = "foo.status";

public CountFreeformQuery(JDBCConnectionPool connectionPool) {
    super(QUERY_STRING_GROUP, connectionPool);
    setDelegate(new CountAbstractFreeformStatementDelegate() {
        protected String getQueryString() {
            return QUERY_STRING;
        }

        protected String getGroupBy(){
            return GROUP_BY;
        }

    });
}
}

现在如果我想像这样刷新dChart

myContainer.addContainerFilter(new Between(DATE_PROPERTY, getTimestamp(currentDate), getOneDayAfter(currentDate)));

我只是对countContainer做同样的事情:

countContainer.addContainerFilter(new Between(DATE_PROPERTY, getTimestamp(currentDate), getOneDayAfter(currentDate)));

并将其传递给不需要计算元素的方法,只需将所有容器添加到 map 中,然后像这样添加到 dChart 中:

    Map<String, Long> countMap = new HashMap<String, Long>();
    Collection<?> itemIDS = container.getItemIds();
    for (Object itemID : itemIDS) {
        Property statusProperty = container.getContainerProperty(itemID, "status");
        Property numProperty = container.getContainerProperty(itemID, "num");
        countMap.put((String) statusProperty.getValue(), (Long) numProperty.getValue());
    }

现在我计算了myContainer 中的statuses 元素,无需多线程或编写大量的sql。

谢谢大家的建议。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-18
    • 1970-01-01
    • 1970-01-01
    • 2015-10-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多