微服务项目：尚融宝（50）（核心业务流程：标的管理（2））

放弃幻想，认清现实，准备斗争

标的列表 

一、后端实现

1、扩展实体对象

在Lend类中扩展以下字段 

@ApiModelProperty(value = "其他参数")
@TableField(exist = false)
private Map param = new HashMap<>();

2、Controller

添加 AdminLendController

@Api(tags = "标的管理")
@RestController
@RequestMapping("/admin/core/lend")
@Slf4j
public class AdminLendController {
 
    @Resource
    private LendService lendService;
 
    @ApiOperation("标的列表")
    @GetMapping("/list")
    public R list() {
        List lendList = lendService.selectList();
        return R.ok().data("list", lendList);
    }
}

3、Service

接口：LendService

List selectList();

实现：LendServiceImpl 

@Resource
private DictService dictService;
 
@Override
public List selectList() {
    List lendList = baseMapper.selectList(null);
    lendList.forEach(lend -> {
        String returnMethod = dictService.getNameByParentDictCodeAndValue("returnMethod", lend.getReturnMethod());
        String status = LendStatusEnum.getMsgByStatus(lend.getStatus());
        lend.getParam().put("returnMethod", returnMethod);
        lend.getParam().put("status", status);
    });
    return lendList;
}

二、前端

1、创建页面组件

创建 src/views/core/lend/list.vue

 
<script>
export default {
  
}
script>

 创建 src/views/core/lend/detail.vue

 
<script>
export default {
  
}
script>

2、配置路由

src/router/index.js

   {
    path: '/core/lend',
    component: Layout,
    name: 'coreLend',
    meta: { title: '标的管理', icon: 'el-icon-s-flag' },
    alwaysShow: true,
    children: [
      {
        path: 'list',
        name: 'coreLendList',
        component: () => import('@/views/core/lend/list'),
        meta: { title: '标的列表' }
      },
      {
        path: 'detail/:id',
        name: 'coreLendDetail',
        component: () => import('@/views/core/lend/detail'),
        meta: { title: '标的详情' },
        hidden: true
      }
    ]
  },

3、定义api

创建 src/api/core/lend.js

import request from '@/utils/request'
 
export default {
  getList() {
    return request({
      url: `/admin/core/lend/list`,
      method: 'get'
    })
  }
}

4、页面脚本

src/views/core/lend/list.vue

5、页面模板

src/views/core/lend/list.vue

 上文链接

(3条消息) 微服务项目：尚融宝（49）（核心业务流程：标的管理（1））_一个风轻云淡的博客-CSDN博客https://blog.csdn.net/m0_62436868/article/details/126945459?spm=1001.2014.3001.5502