少儿舞蹈小程序（14）在线预约

1 创建数据模型

家长如果希望在小程序填写信息，机构还想留存这些信息方便日后做沟通的，在低代码中需要通过创建数据模型来保存数据。

点击MySQL数据库，点击+号创建数据模型

输入模型的名称和标识

点击添加字段，先添加学员姓名，类型选择文本

继续添加字段，添加学员年龄，类型选择枚举，按照年龄段录入枚举值

继续添加字段，添加联系电话，类型选择电话

继续添加字段，添加意向课程，类型选择枚举，录入具体的课程

继续添加字段，添加备注说明，类型选择文本

继续添加字段，添加预约上课日期，类型选择日期时间

继续添加字段，添加状态，类型选择枚举，枚举值设置为待确认、已确认、已完成、已取消

继续添加字段，添加确认时间，类型选择日期时间

2 搭建预约按钮

数据表搭建好之后，我们就可以在小程序里搭建预约功能。打开我们的小程序应用

在首页的页面组件下边添加一个普通容器，里边添加一个文本组件

设置普通容器的样式

bash 复制代码

:root {
  position: fixed;
  bottom: 80px;
  right: var(--spacing-lg);
  z-index: 999;
}

设置文本组件的样式

bash 复制代码

:root {
  width: 60px;
  height: 60px;
  background: var(--primary-color);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 12px;
  box-shadow: var(--shadow-lg);
  cursor: pointer;
  transition: all 0.3s ease;
  animation: float 3s ease-in-out infinite;
  padding: 0px 15px;
  font-weight: bolder;
}