学习腾讯无极低代码的第2天

123 阅读2分钟

创建数据库和数据表

创建数据库:在“数据配置”中创建项目,即可创建数据库。 步骤:顶部导航“数据配置”>>“创建项目”>>“完成基础配置”>>“点击确认”

image.png

创建数据表:在“项目”中创建数据表,我们以创建一个“电影列表”为例。 步骤:项目下点击“新建表”>>“配置基础信息”>>“配置字段信息”>>“点击提交”

image.png

到这一步,我们完成了数据库和数据表的搭建啦~

配置页面数据

步骤:进入数据表,点击“新增一行”>>配置数据字段内容>>“保存”>>完成数据表内容配置

image.png

数据表配置中,对字段含义和功能:字段type值枚举

type: 字段
100:自增ID(主键)
101:自定义ID(主键)
102:默认ID(主键)
104:随机ID(主键)
1:文本
2:多行文本
3:链接
4:图片
5:单项选择
6:智能选择框
7:关联对象
8:整数输入
9:布尔值
10:时间
11:创建时间
12:修改时间
13:多项选择
14:创建人
15:颜色
16:富文本(弃用)
17:富文本(弃用)
18:拖拽排序
19:富文本对象
20:JSON文本
21:小数输入
22:文件
23:配置管理人
24:最近修改人
25:代码块
26:JSON对象
27:人员
28:密码
29:富文本

配置完成

配置到这里,一个数据库数据表就已经创建完成了。

一个数据表最终呈现效果如下:

image.png

绑定数据源到页面 在“页面列表”中添加页面 步骤:左侧导航“页面列表”>>“添加页面”>>“完成基础配置”>>“点击确认”

image.png

将已经准备好的数据表,授权数据配置项目到页面上 步骤:“数据源”面板>>“立刻添加”>>“新建数据源”>>“DB数据表”>>“授权数据库”

image.png

image.png

image.png

image.png

到这里,我们就可以在页面上绑定所有这个数据配置项目下的数据表了。

绑定数据源到页面上

我们找到刚刚绑定的项目,选择需要的数据表绑定到页面上 步骤:选择项目下的目标数据表>>“确定”并“保存”为数据源>>将数据源“添加到页面”完成绑定

image.png

image.png

image.png

如果你希望使用的数据源来自于已有的数据接口,可以使用其他数据源绑定方式,无极也提供了http接口的数据源接口。

一步生成UI

使用数据源推导UI生成页面 步骤:“数据源”面板上找到刚绑定的数据源>>找到“列表数据”长按拖拽到画布

image.png

点击保存&访问进行预览

image.png

配置完成

配置到这里,一个功能完整的电影列表页面就搭建完成了~

image.png