Skip to content

案例

要求

创建一个视图,回显默认数据源下表 T_USERS 中的所有数据,并提供导出数据操作。

主要需要满足以下条件:

  1. 隐藏顶部分页,显示底部分页,每页显示15条;
  2. 添加样式文件,将视图页表格中的文字颜色设置为蓝色;
  3. ID 设置为多选框列,宽度为 50px
  4. 其他列为默认宽度,居中对齐,列标题重命名为中文名称;
  5. 将姓名列设置打开模糊搜索,使搜索框可以根据姓名进行搜索;
  6. 添加导出按钮,使页面数据可导出Excel文件。

步骤

① 创建数据集

dataset

② 配置基本属性

base

③ 添加样式文件

[项目根目录]/assets/css 下新建文件 main.css,内容:

css
body .layui-table-cell {
  color: blue;
  font-weight: bold;
}

然后在设计器中添加此文件:

style

④ 配置字段

column

⑤ 配置按钮

使用提供的 导出 模板。

button

⑥ 预览

preview

配置的自定义样式文件中的字体颜色和粗体样式正常生效,可以对 姓名 列搜索,可以导出Excel文件。