后台數據庫取值 輪播圖


<div>
    <div id="myCarousel" class="carousel slide">
        <!-- 輪播(Carousel)指標 -->
        <ol class="carousel-indicators" style="bottom: 0;">
            <c:forEach items="${advertList}" var="advert" varStatus="advert1">
                <c:if test="${advert1.index == 0}">
                    <li data-target="#myCarousel" data-slide-to="${advert1.index}" class="active"></li>
                </c:if>
                <c:if test="${advert1.index != 0}">
                    <li data-target="#myCarousel" data-slide-to="${advert1.index}"></li>
                </c:if>
            </c:forEach>
        </ol>
        <!-- 輪播(Carousel)項目 -->
        <div class="carousel-inner">
            <c:forEach items="${advertList}" var="advert" varStatus="advert1">
                <c:if test="${advert1.index == 0}">
                    <div class="item active">
                        <img style="width: 100%;height: 350px" src="${advert.image}" alt="First slide">
                    </div>
                </c:if>
                <c:if test="${advert1.index != 0}">
                    <div class="item">
                        <img style="width: 100%;height: 350px" src="${advert.image}" alt="Second slide">
                    </div>
                </c:if>
            </c:forEach>
        </div>
        <!-- 輪播(Carousel)導航 -->
        <a class="carousel-control left" href="#myCarousel"
           data-slide="prev">&lsaquo;
        </a>
        <a class="carousel-control right" href="#myCarousel"
           data-slide="next">&rsaquo;
        </a>
    </div>
</div>

控制器

@RequestMapping(value = "homepage")
    public String homepage(Model model) {
        // 獲取廣告對象
        List<CmsAdvert> advertList = cmsAdvertService.findList(new CmsAdvert());
        model.addAttribute("advertList", advertList);
        return "modules/cms/show/homepage";
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM