java - 如何在 Vaadin Spring Boot Web 应用程序中创建图像幻灯片？

Question

我是 Vaadin 和 Spring Boot 的新手。我用 Maven 构建了这个项目。我曾尝试以多种不同的方式创建图像幻灯片，但都让我遇到了无穷无尽的问题/错误。

我想创建一个带有虚假广告的网络应用程序，因为它只是一个学校项目，我不会发布它。我需要幻灯片来复制广告效果。

我尝试通过线程、来自 Vaadin 的 fancylayouts 附加组件、Swing 计时器、使用 Spring 的计划任务等来实现这一点。

https://spring.io/guides/gs/scheduling-tasks/
https://vaadin.com/directory#!addon/fancylayouts
https://docs.oracle.com/javase/tutorial/uiswing/misc/timer.html

最合适的方法是什么？

非常感谢任何帮助，谢谢。

如果有帮助，这是我最后一次尝试:

package com.example.ui;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.scheduling.annotation.Scheduled;
import org.springframework.stereotype.Component;

import com.vaadin.server.Resource;
import com.vaadin.server.ThemeResource;
import com.vaadin.ui.Image;
import com.vaadin.ui.Layout;

@Component
public class Ads {
    Image image;
    int i;
    private static final Logger log = LoggerFactory.getLogger(Ads.class);

@Scheduled(fixedDelay = 5000)
    public void AdsImg() {

    Resource res = new ThemeResource("images/"+i+".jpg");
    image = new Image(null, res);

}

public Ads() {

    for (int i=1; i<=4;i++){    
        AdsImg();

    }


 }
}

Answer 1

Bootstrap

您可以使用最流行的 UI 框架 Bootstrap 轻松创建轮播。

在他们的示例页面上，他们有一个专门称为 Carousel 的页面.打开此示例，查看 HTML 源代码，然后您可以对其进行自定义并使其成为您自己的。