首先,找到控制台
然后再控制台搜索:微搭
然后点击进入:
这里如果是第一次进入,他应该会提示要创建环境。
然后按照这个步骤:
然后进入这个页面,点击编辑器:
然后在这里搜索表格:
点击数据表格,将它拖拽到手机页面。
然后再拖拽一个按钮进来:
然后创建数据库连接:
左边栏代码区中点击这个+
然后点击新建MYSQL查询。
会生成一个query1,然后点击MYSQL配置名称。
点击新建MYSQL连接。
配置名称可以随便填。标识应该会自动和配置名称一样。
这里选择公网ip对接,如果是腾讯云的数据库,也可以选择第二个,但是我试了第二个却连不上,不知道为什么。
然后点击保存。
这里可以选择自动生成或者手动编写。
右边可以看到数据库中的信息,包含表和表中的字段。
然后我这里就编写条查询user表中的所有数据的sql。
然后点击保存。
然后点击运行:
可以查出所有数据。
接下来要做的就是通过按钮来触发创建的query1来查询数据,并将查到的数据展示在表格中。
这里按照上面顺序点击。
选择之前创建的query1。
然后保存。
然后将查到的数据与表格进行绑定。
点击表格,选择这个:
然后点击表达式右边的fx。
点击输入框,选择这个:
然后数据保存在data.records中。
修改数据源:
这里根据数据库表中字段设置表格的列。
点击添加列。
如果是这样:
他自动生成了一些数据库表中没有的字段,删掉没有的即可。
最后是这样:
然后这里也可以更改排列顺序。
点击列,然后点击绑定字段,然后选择要绑定的字段即可。
修改后是这样:
这里也可以修改列宽:
选择自定义。
修改列宽后就可以完全显示了:
然后这里就基本完成了.
点击一下预览:
点击一下按钮就显示了:
这里就是通过按钮绑定了查询mysql时间,然后将查询得到的数据与表格进行绑定即可。