码迷,mamicode.com
首页 > 数据库 > 详细

后台数据库取值 轮播图

时间:2017-06-17 19:37:07      阅读:1307      评论:0      收藏:0      [点我收藏+]

标签:inner   add   class   --   control   for   homepage   bottom   attribute   

<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";
    }

 

后台数据库取值 轮播图

标签:inner   add   class   --   control   for   homepage   bottom   attribute   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!