首页 > 数据库技术 > 详细

后台数据库取值 轮播图

时间:2017-06-17 19:20:22      阅读:775      评论:0      收藏:0      [点我收藏+]
<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";
    }

 

后台数据库取值 轮播图

原文:http://www.cnblogs.com/Liang-Haishan216/p/7040933.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!