2024年最新微服务项目：尚融宝（42）（核心业务流程(2)，这些面试题你会吗

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

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

前端

1、创建页面组件

创建 src/views/core/borrow-info/list.vue

<template>
  <div class="app-container">
    借款列表
  </div>
</template>

<script>
export default {
  
}
</script>

创建 src/views/core/borrow-info/detail.vue

<template>
  <div class="app-container">
    借款详情
  </div>
</template>

<script>
export default {
  
}
</script>

2、配置路由

src/router/index.js

在“借款管理”下添加子路由

{
        path: ‘info-list’,
        name: ‘coreBorrowInfoList’,
        component: () => import(‘@/views/core/borrow-info/list’),
        meta: { title: ‘借款列表’ }
      },
{
        path: ‘info-detail/:id’,
        name: ‘coreBorrowInfoDetail’,
        component: () => import(‘@/views/core/borrow-info/detail’),
        meta: { title: ‘借款详情’ },
        hidden: true
      }

3、定义api

创建 src/api/core/borrow-info.js

import request from '@/utils/request'

export default {
  getList() {
    return request({
      url: `/admin/core/borrowInfo/list`,
      method: 'get'
    })
  }
}

4、页面脚本

src/views/core/borrow-info/list.vue

<script>
import borrowInfoApi from '@/api/core/borrow-info'

export default {
  data() {
    return {
      list: null // 列表
    }
  },

  created() {
    this.fetchData()


![img](https://img-blog.csdnimg.cn/img_convert/a1a937e7121ec012884939886f6d20fa.png)
![img](https://img-blog.csdnimg.cn/img_convert/45b4fad3dc836c09f7b2c7e460fa4e3a.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

bbs.csdn.net/topics/618545628)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**