实战项目:活动报名小程序-应用内数据库CRUD

68 阅读2分钟

基础知识

图片描述

图片描述

图片描述

图片描述

##实操步骤 第1步:打开扣子开发平台

图片描述

第2步:工作空间 - 项目开发 - +项目

图片描述

第3步:创建应用 - 空白应用

图片描述

图片描述

图片描述

第4步:业务逻辑 - 工作流 - 创建工作流

图片描述

图片描述

第5步:配置“开始”节点

图片描述

图片描述

第6步:添加“文本处理”节点

图片描述

第7步:配置“文本处理”节点

图片描述

第8步:添加“新增数据”节点、“查询数据“节点

图片描述

第9步:连接”结束节点“ && 配置”结束节点“

图片描述

图片描述

第10步:创建数据表

图片描述

图片描述

图片描述

图片描述

图片描述

第11步:点击activeJob标签页,回到工作流。

图片描述

第12步:配置“新增数据”的数据表

图片描述

图片描述

第13步: 选择并设置字段

图片描述

图片描述

第14步:配置"查询数据“节点

图片描述

图片描述

图片描述

第15步:用户界面 - 小程序和H5 - 开始搭建

图片描述

第16步:输入组件 - 图片上传

图片描述

第17步:输入件 - 表单

图片描述

第18步:点击“表单标题”,改文本的内容

图片描述

第19步:按Delete键删除

图片描述

第20步:修改Input1的属性

图片描述

第21步:按Delete键删除

图片描述

图片描述

第22步:选中姓名文本框,Ctrl + C 、Ctrl + V一下。

图片描述

第23步:修改Input2的属性

图片描述

第24步:修改Button1的属性

图片描述

第25步:修改Button1的事件

图片描述

入参配置移到mobile的文本框里,出现{x}标志 图片描述

组件 - Form1 - values

图片描述

在values后面写.Input2 图片描述

图片描述

图片描述

第26步:新建页面

图片描述

第27步:重命名页面2

图片描述

第28步:单击“立即报名” - 添加事件

图片描述

第29步:去掉页面的导航栏

图片描述

图片描述

第30步:打开调试模式

图片描述

第31步:单击上传图片,弹出选择照片或拍摄

图片描述

第32步:调试状态,我们设置只选择照片就可以。

图片描述

第33步:上传图片、填写姓名和手机号,点击“确定”,跳到页面2.

图片描述

第34步:布局组件 - 纵向列表 ,拖到页面2

图片描述

第35步:结构 - 图层 - 页面2 - List1

图片描述

第36步:结构 - 图层 - 页面2 - List1 - Div1 - Text2

图片描述

第37步:结构 - 图层 - 页面2 - List1 - Div1 - Text3

图片描述

第38步:结构 - 图层 - 页面2 - List1 - Div1 - Image1

图片描述

第39步:首页 - 预览

图片描述

图片描述

图片描述