1. 概述编辑
1.1 预期效果
通过数据库表中设置的字段值，控制 FVS 中 Tab 组件标签页是否显示，如下图所示：
数据库表字段：SITUATION 字段的值控制 Tab 是否显示。
效果展示：一共有 4 个标签页：春、夏、秋、冬，前端展现时只显示春、夏。
1.2 实现思路
在数据库表中添加控制 Tab 组件标签页是否显示的权限值，通过表格组件的初始化后事件实现。
2. 示例编辑
2.1 新建模板
点击设计器左上角「文件>新建可视化看板>创建空白可视化看板」。
根据实际情况自定义模板名称、尺寸，选择模板样式为「浅色主题一」，最后点击「创建看板」。
2.2 设计模板
1）点击组件区「容器>Tab」，将 Tab 组件添加到画布中。
点击组件右上角「新建标签页」按钮，再新增 3 个标签页。如下图所示：
2）向每个标签页中均拖入一个表格组件。
选中标签页，即可向标签页中拖入组件，拖入后再调整组件大小，自行设置表格内容。如下图所示：
3）给 Tab 组件重命名为「季节」，标签页标题分别设置为「春、夏、秋、冬」，表格组件可自定义重命名。
打开组件图层列表，双击即可重命名。如下图所示：
2.3 添加初始化后事件
1）选中任意一个表格组件，添加一个初始化后事件。下面以标签页「春」中的表格 Spring 为例，如下图所示：
2）事件中，首先添加一个参数 a ，参数类型选择「自定义公式编辑」，值为公式 ：split(SQL("FRDemo","SELECT TYPE FROM SEASON WHERE SITUATION='隐藏'",1),",")
公式说明：通过 SQL 查询和 split 分割公式将需要字段值为「隐藏」的 Tab 标签页标题存成一个数组。获取到 TYPE 中为隐藏的值，并形成数组：[秋，冬]。
再输入 JavaScript 代码：
setTimeout(function(){
for(var i = 0; i < a.length; i++) {
for(var j=0;j<= a[i].length;j++){
duchamp.getWidgetByName('季节').getPage(a[j]).setVisible(false);
}
}
2.4 预览效果
2.4.1 PC 端
模板完成后，点击右上角「预览」。效果如 1.1 节预期效果所示。
2.4.2 移动端
预览方式请参考 FVS移动端预览 ，效果如下图所示：
3. 模板下载编辑
点击下载模板：FVS中实现数据库表字段控制标签页隐藏.fvs
注：用户使用该模板时需要先新建数据库表。