开启Tab展示页面

在管理系统开发中，UI 框架支持通过 Tab 的方式打开页面，通过这种方式打开能缓存页面，下次不会再重新加载，这种展示方式是通过 vue 的 keepAlive 的方式实现的。这种方式也有一些缺点，比如页面的数据不会实时更新，需要手动刷新页面，另外，Tab 页面较多的时候，容易出现内存消耗较大等问题。暂时不是低代码平台推荐的做法。

修改ui路由，支持路由缓存

在 ui/src/route/index.js中找到以下路由，设置 cache: true:

{
  path: '/lowcode/:id*',
  name: 'lowcode',
  props: true,
  meta: {
    auth: true,
    title: '业务功能',
    cache: true
  },
  component: () => import('@/pages/lowcode')
}

修改layout，支持 keep-alive

打开 ui/src/layouts/basic-layout/index.vue ，找到以下代码片段，添加组件 bg-keep-allive：

<div class="i-layout-content-main">
  <bg-keep-alive :include="keepAlive">
    <router-view v-if="loadRouter" />
  </bg-keep-alive>
</div>

修改 setting.js

打开 ui/src/setting.js，找到如下代码区域，修改 tabs: true ：

{
  "layout": {
    ...
    // 是否开启多 Tabs 页签
    "tabs": true
    ...
  }
}

重新打包

配置调整完成后，需要重新构建前端工程以及重启后端工程。