java后端介绍ppt_幻灯片数据展示

一后端

1 web层

@CrossOrigin // 解决跨域问题

@Api(description = "广告推荐")

@RestController

@RequestMapping("/api/cms/ad")

@Slf4j

public class ApiAdController {

@Autowired

private AdService adService;

@Autowired

private RedisTemplate redisTemplate;

@ApiOperation("根据推荐位id显示广告推荐")

@GetMapping("list/{adTypeId}")

public R listByAdTypeId(@ApiParam(value = "推荐位id", required = true) @PathVariable String adTypeId) {

List adList = adService.selectByAdTypeId(adTypeId);

return R.ok().data("items", adList);

}

2 service层

接口：

/**

* @className: AdService

* @description: 根据推荐位id显示广告推荐

* @date: 2020/12/20

* @author: cakin

List selectByAdTypeId(String adTypeId);

实现：

@Cacheable(value = "index", key = "'selectByAdTypeId'")

@Override

public List selectByAdTypeId(String adTypeId) {

QueryWrapper queryWrapper = new QueryWrapper<>();

queryWrapper.orderByAsc("sort", "id");

queryWrapper.eq("type_id", adTypeId);

return baseMapper.selectList(queryWrapper);

}

二前端

1 api

import request from '~/utils/request'

export default {

getTopBannerAdList() {

return request({

baseURL: 'http://localhost:8140',

url: '/api/cms/ad/list/1',

method: 'get'

})

}

2 主页banner

引入api

import indexApi from '~/api/index'

服务端渲染

async asyncData() {

// 获取首页banner数据

const topBannerAdListResponse = await indexApi.getTopBannerAdList()

const topBannerAdList = topBannerAdListResponse.data.items

return {

topBannerAdList

}

页面模板

v-for="topBannerAd in topBannerAdList"

:key="topBannerAd.id"

:style="'background:' + topBannerAd.color"

class="swiper-slide">

三演示

java后端介绍ppt_幻灯片数据展示相关推荐

Java后端返回Long类型数据与前端展示不一致（精度丢失）
问题描述接口查询数据返回,有一个Long类型字段,postman返回与数据库一致(= 63354019632316416),swagger返回不一致(= 63354019632316420),chr ...
Java后端向前端传递数据，挥泪整理面经
腾讯一面(支付) 1.jqc的介绍 2.如何确保多台机器不会重复消费 3.如何确保消费了反馈失效问题(用事务管理,先储存再消费,失败就回滚) 4.如何防止数据库单点问题 8.paxos算法 9.ra ...
Qt与java web通过数据库实现数据展示同步
程序运行截图如下: 逻辑: Qt修改数据库,java通过Hibernate读取数据库,然后显示,前端通过计时器实现不点刷新就能获取数据! Qt源码如下: widget.h #ifndef WIDGET ...
java后端如何主动发数据到前端_javaweb把后端数据返回到前端
``` 第一步先写公共查询类 public static List executeQuery(String sql, Object[] params) { List list = new Array ...
Java后端大数据从0到1学习路线分析与规划
在将要找工作之际,笔者根据大厂的招聘信息和在牛客网上的校招求职经验课程,在Java后端方向和大数据方向总结出如下内容,希望能对读者有所帮助. 目录 1.学习目标 1.1 后端开发方向 1.2 大数据开 ...
Java后端开发工程师是否该转大数据开发？
背景看到一些java开发工程师,对java后端薪酬太悲观了.认为换去大数据领域就会高工资.觉得java后端没有前途.我从事java后端开发,对大数据领域工作有些了解,但不深入.本文描述一下我对jav ...
智能蜂箱管理系统——物联网工程专业软硬结合课设计算机专业课程设计大作业项目（安卓，Springboot后端，网页数据展示前端，ESP8266传输数据，MQTT服务器）
项目一智能蜂箱管理系统 (有需要请私聊) 包括安卓端.数据展示的前端(含登录注册),Springboot后端,ESP8266硬件端传输数据的代码,以及文档. 功能简介安卓端安卓端具有创建蜂箱.删 ...
前端CryptoJS和Java后端数据互相加解密(AES)
目录一.序言二.关于前端CryptoJS 1.CryptoJS简单介绍 2.加密和填充模式选择 3.前端AES加解密示例 (1) cryptoutils工具类 (2) 测试用例 (3) 加解密后输 ...
Java后端数据分页问题
文章目录前言一.简易分页二.使用Page工具封装分页(Mybatis) 1.定义相关方法及工具 2.后端方法总结前言 Java后端数据分页问题. 一.简易分页前端传入分页起始页start, ...

java后端介绍ppt_幻灯片数据展示

java后端介绍ppt_幻灯片数据展示相关推荐

最新文章

热门文章