接口 轮播图

https://www.zhaoapi.cn/quarter/getAd 轮播图接口


listMenu.add(new DataBean("推荐","http://api.tianapi.com/nba/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));
listMenu.add(new DataBean("热点","http://api.tianapi.com/it/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));
listMenu.add(new DataBean("北京","http://api.tianapi.com/guonei/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));
listMenu.add(new DataBean("视频","http://api.tianapi.com/vr/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));
listMenu.add(new DataBean("社会","http://api.tianapi.com/social/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));
listMenu.add(new DataBean("科技","http://api.tianapi.com/keji/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));
listMenu.add(new DataBean("汽车","http://api.tianapi.com/startup/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));
listMenu.add(new DataBean("体育","http://api.tianapi.com/tiyu/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));
listMenu.add(new DataBean("财经","http://api.tianapi.com/world/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));
listMenu.add(new DataBean("娱乐","http://api.tianapi.com/huabian/?key=55acaf346503d8d5f98af8dec90ceb01&num=10"));


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java实现轮播图接口的方式有很多种,以下是其中一种实现方式: 1. 定义一个轮播图实体类,包含轮播图的id、图片url、跳转链接等属性。 ``` public class Banner { private int id; private String imageUrl; private String linkUrl; // getter和setter方法 } ``` 2. 定义一个轮播图服务接口,包含获取轮播图列表的方法。 ``` public interface BannerService { List<Banner> getBannerList(); } ``` 3. 实现轮播图服务接口,可以从数据库或者其他数据源中获取轮播图列表。 ``` public class BannerServiceImpl implements BannerService { @Override public List<Banner> getBannerList() { // 从数据库或者其他数据源中获取轮播图列表 List<Banner> bannerList = new ArrayList<>(); bannerList.add(new Banner(1, "http://xxx.com/1.jpg", "http://xxx.com/1.html")); bannerList.add(new Banner(2, "http://xxx.com/2.jpg", "http://xxx.com/2.html")); bannerList.add(new Banner(3, "http://xxx.com/3.jpg", "http://xxx.com/3.html")); return bannerList; } } ``` 4. 在控制器中注入轮播图服务,调用服务方法获取轮播图列表,并将列表传递给前端页面。 ``` @Controller public class BannerController { @Autowired private BannerService bannerService; @RequestMapping("/banner") public String getBannerList(Model model) { List<Banner> bannerList = bannerService.getBannerList(); model.addAttribute("bannerList", bannerList); return "banner"; } } ``` 5. 在前端页面中使用轮播图插件,例如Bootstrap的Carousel插件,将轮播图列表展示出来。 ``` <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <c:forEach items="${bannerList}" var="banner" varStatus="status"> <li data-target="#carouselExampleIndicators" data-slide-to="${status.index}" class="<c:if test="${status.index == 0}">active</c:if>"></li> </c:forEach> </ol> <div class="carousel-inner"> <c:forEach items="${bannerList}" var="banner" varStatus="status"> <div class="carousel-item <c:if test="${status.index == 0}">active</c:if>"> <a href="${banner.linkUrl}"><img src="${banner.imageUrl}" class="d-block w-100" alt="..."></a> </div> </c:forEach> </div> <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值