若依前后端分离版怎样修改主页面显示请求的SpringBoot后台数据

场景

使用若依的前后端分离版，本来的首页效果是

 

现在如果要根据具体业务实现从后台获取要显示的数据实现类似下面的效果

 

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

首先在前端项目中找到主页面显示的地方。

在views/dashboard/PanelGroup.vue

修改页面布局为自己想要的布局，去掉没必要的，添加想要的。

比如下面的这些示例代码

    <el-col :xs="12" :sm="12" :lg="8" class="card-panel-col">
      <div class="card-panel" @click="handleSetLineChartData('messages')">
        <div class="card-p