layui遍历数据库

要使用layui遍历数据库，你需要使用其提供的table组件和form组件。

首先，在HTML页面中需要引入layui库和jquery库，如下所示：

<link rel="stylesheet" href="//cdn.layui.com/layui-v2.5.6/css/layui.css">
<script src="//cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="//cdn.layui.com/layui-v2.5.6/layui.js"></script>

然后，在页面中添加table和form组件，如下所示：

<table class="layui-table" lay-filter="demoTable">
  <thead>
    <tr>
      <th lay-data="{field:'id', width:80}">ID</th>
      <th lay-data="{field:'username', width:120}">用户名</th>
      <th lay-data="{field:'email', width:200}">邮箱</th>
      <th lay-data="{field:'sex', width:80}">性别</th>
      <th lay-data="{field:'city', width:100}">城市</th>
      <th lay-data="{field:'sign', width:200}">签名</th>
      <th lay-data="{field:'experience', width:100, sort:true}">积分</th>
      <th lay-data="{field:'score', width:100, sort:true}">评分</th>
      <th lay-data="{field:'classify', width:100}">职业</th>
      <th lay-data="{field:'wealth', width:150, sort:true}">财富</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>user-1</td>
      <td>user-1@layui.com</td>
      <td>男</td>
      <td>北京</td>
      <td>人生就像是一场修行</td>
      <td>666</td>
      <td>666</td>
      <td>道士</td>
      <td>99999999</td>
    </tr>
  </tbody>
</table>

以上代码定义了一个表格，其中包含了表头和表体，表头定义了表格的列名，表体中包含了一行数据。

接下来，在JavaScript代码中使用layui的table组件和form组件，获取数据库中的数据，如下所示：

layui.use(['table', 'form'], function(){
  var table = layui.table;
  var form = layui.form;

  //定义表格数据
  table.render({
    elem: '#demoTable',
    url: '获取数据的API接口',
    cols: [[
      {field:'id', width:80, title: 'ID'},
      {field:'username', width:120, title: '用户名'},
      {field:'email', width:200, title: '邮箱'},
      {field:'sex', width:80, title: '性别'},
      {field:'city', width:100, title: '城市'},
      {field:'sign', width:200, title: '签名'},
      {field:'experience', width:100, title: '积分'},
      {field:'score', width:100, title: '评分'},
      {field:'classify', width:100, title: '职业'},
      {field:'wealth', width:150, title: '财富'}
    ]],
    page: true
  });
});

以上代码使用了layui的table组件，通过url指定了获取数据的API接口，并定义了表格的列名。在页面加载完成后，table组件会自动从API接口获取数据并显示在表格中。