java轮播图接口实现

一. 内容简介

实现java轮播图接口实现,数据库使用msyql。

二. 软件环境

2.1 java 1.8

2.2 mysql Ver 8.0.13 for Win64 on x86_64 (MySQL Community Server - GPL)

2.3 IDEA ULTIMATE 2019.3

2.4d代码地址

https://gitee.com/JJW_1601897441/competitionAssistant.git

三.主要流程

3.1 创建数据库,创建数据表

3.2 开始编写接口,并测试

四.具体步骤

4.1 创建数据库,创建数据表,添加数据

数据表创建
在这里插入图片描述

DROP TABLE IF EXISTS `index_img`;
CREATE TABLE `index_img`  (
  `img_id` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL COMMENT '主键',
  `img_url` varchar(128) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL COMMENT '图片 图片地址',
  `prod_id` varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '竞赛id',
  `seq` int(11) NOT NULL COMMENT '轮播图展示顺序 轮播图展示顺序,从小到大',
  `status` int(11) NOT NULL COMMENT '是否展示:1表示正常显示,0表示下线 是否展示,1:展示    0:不展示',
  `create_time` datetime(0) NOT NULL COMMENT '创建时间 创建时间',
  `update_time` datetime(0) NOT NULL COMMENT '更新时间 更新',
  PRIMARY KEY (`img_id`) USING BTREE
) ENGINE = InnoDB CHARACTER SET = utf8 COLLATE = utf8_general_ci COMMENT = '轮播图 ' ROW_FORMAT = Compact;

数据用假数据,也可以去另外一个博客下载我的数据,然后存入数据库中。
http://t.csdnimg.cn/AzjNQ

4.2 开始编写接口,测试

逆向工程生成实体类,
然后编写服务代码,IndexImgServiceImpl

package com.ca.service.impl;

import com.ca.dao.IndexImgMapper;

import com.ca.entity.IndexImg;
import com.ca.entity.Users;
import com.ca.service.IndexImgService;
import com.ca.vo.ResultVO;
import org.apache.ibatis.session.RowBounds;
import org.springframework.stereotype.Service;
import tk.mybatis.mapper.entity.Example;

import javax.annotation.Resource;
import java.util.List;

@Service
public class IndexImgServiceImpl implements IndexImgService {

    @Resource
    private IndexImgMapper indexImgMapper;
    @Override
    public ResultVO listIndexImgs(int length) {

        Example example = new Example(IndexImg.class);
        Example.Criteria criteria = example.createCriteria();
        criteria.andEqualTo("status",1);
        RowBounds rowBounds = new RowBounds(0, length); // 从第0条开始,返回10条数据
        List<IndexImg> indexImg = indexImgMapper.selectByExampleAndRowBounds(example, rowBounds);
        return new ResultVO(10000,"查询成功",indexImg);
    }
}

api编写,IndexController

package com.ca.controller;

import com.ca.service.IndexImgService;
import com.ca.service.UserService;
import com.ca.vo.ResultVO;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiImplicitParam;
import io.swagger.annotations.ApiImplicitParams;
import io.swagger.annotations.ApiOperation;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;

import javax.annotation.Resource;

@RestController
@RequestMapping("/index")
// value是详细说明,tags是标签
@Api(value = "提供用首页数据",tags = "首页数据")
// 允许跨域
@CrossOrigin
public class IndexController {

    @Resource
    private IndexImgService imgService;

    @ApiOperation("首页轮播图数据")
    @ApiImplicitParams({
            @ApiImplicitParam(dataType = "int",name = "len", value =
                    "轮播图长度",required = true),

    })
    @RequestMapping(value = "/indeximg",method = RequestMethod.GET)
    public ResultVO login(int len){
        return imgService.listIndexImgs(len);
    }
}

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

五.参考

千锋教育最强Java项目《锋迷商城》
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值