管理端显示投资记录
一、后端接口
1、Controller
创建 AdminLendItemController
@Api(tags = "标的的投资")@RestController@RequestMapping("/admin/core/lendItem")@Slf4jpublic class AdminLendItemController { @Resource private LendItemService lendItemService; @ApiOperation("获取列表") @GetMapping("/list/{lendId}") public R list( @ApiParam(value = "标的id", required = true) @PathVariable Long lendId) { List list = lendItemService.selectByLendId(lendId); return R.ok().data("list", list); }}
2、Service
接口:LendItemService
List selectByLendId(Long lendId);
实现:LendItemServiceImpl
@Overridepublic List selectByLendId(Long lendId) { QueryWrapper queryWrapper = new QueryWrapper(); queryWrapper.eq("lend_id", lendId); List lendItemList = baseMapper.selectList(queryWrapper); return lendItemList;}
二、前端
1、创建api
api/core/lend-item.js
import request from '@/utils/request'export default { getList(lendId) { return request({ url: `/admin/core/lendItem/list/` + lendId, method: 'get' }) }}
2、页面脚本
views/core/lend/detail.vue
import lendItemApi from ‘@/api/core/lend-item’
data() { return { ......, lendItemList: [] //投资列表 }},created() { if (this.$route.params.id) { ...... // 投资记录 this.fetchLendItemList() }},
methods
fetchLendItemList() { lendItemApi.getList(this.$route.params.id).then(response => { this.lendItemList = response.data.list })}
3、页面模板
views/core/lend/detail.vue
将投资记录放在借款人信息后面
投资记录
{{ scope.row.lendYearRate * 100 }}%
网站端显示投资记录
一、后端接口
Controller
LendItemController
@ApiOperation("获取列表")@GetMapping("/list/{lendId}")public R list( @ApiParam(value = "标的id", required = true) @PathVariable Long lendId) { List list = lendItemService.selectByLendId(lendId); return R.ok().data("list", list);}
二、前端
页面脚本
pages/lend/_id.vue
async asyncData({ $axios, params }) { ...... //投资记录 let responseLendItemList = await $axios.$get( '/api/core/lendItem/list/' + lendId ) return { ......, lendItemList: responseLendItemList.data.list, //投资记录 }},
今日分享
多线程(multithreading),是指从软件或者硬件上实现多个线程并发执行的技术。具有多线程能力的计算机因有硬件支持而能够在同一时间执行多于一个线程,进而提升整体处理性能。具有这种能力的系统包括对称多处理机程序线程