云巧训练营之云巧表单组件

简介: 通过云巧训练营让大家快速上手云巧表单组件的使用

用户故事

小王是某联谊活动主办方的负责人,现在需要在活动开始前收集报名的人员信息,统计出参与活动人员的男女性别比例,并做出对应的场布安排。

需求分解

通过对用户故事的分析,需要使用云巧表单组件经过如下步骤完成此需求:

  1. 搭建一张联谊活动报名的表单
  2. 生成填报链接并推广
  3. 用户填写报名表并提交
  4. 进入表单数据管理页,进行数据统计

前置条件

  1. 已经在资产市场下行 云巧表单组件 并成功运行起来
  2. 已经配置好云资源相关的环境变量
  3. 已经获取到 表单 组件中,各应用的域名 。 在课程中我们假设 表单 组件各应用的域名如下
  1. 表单中心-前端 g-suite-form-fe-daily.default-2.ingress.dxsp.tech
  2. 表单中心-服务端 g-suite-form-server-daily.default-2.ingress.dxsp.tech
  3. 表单渲染 g-suite-form-render-daily.default-2.ingress.dxsp.tech

实现步骤

1. 创建表单

访问表单中心-前端应用的域名,进入表单列表页面

新建一张活动报名表

2. 设计表单

点击「搭建」,进入表单设计页,搭建活动报名表

搭建完毕后,点击保存并发布

回到表单列表,点击表名称,预览报名表填报效果

3. 推广表单

点击「推广」,生成报名表的填报链接,推广给参与活动人员

4. 用户填报报名表

用户通过扫描二维码打开报名表,填写个人信息并提交

5. 统计报名表数据

点击表单列表的「数据」,进入表单数据管理页

添加筛选项,查看参与活动人员的男女性别人数

也可导出数据下载到本地,进行数据管理


相关文章
|
JSON 小程序 数据格式
微信小程序开发的OA会议之会议个人中心的页面搭建及模板,自定义组件的学习
微信小程序开发的OA会议之会议个人中心的页面搭建及模板,自定义组件的学习
129 1
|
JSON 移动开发 JavaScript
多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单
Vue 前端开发中,表单组件是排在前三的高频使用的组件,如何快速构建表单,节省力气,避免重复造轮子呢,选择一款适合自己的前端表单设计器就非常重要了。本文介绍 4 款顶级好用的 Vue 表单设计器,其中最后一款卡拉云,是新一代低代码开发工具,不仅能自动生成各类表单,还可以拖拽生成其他常见的前端组件,一行代码连接前后端数据,可快速接入数据库/api。它是表单设计器的超集,可直接生成属于你的后台管理工具,无敌好用。
3863 0
多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单
|
2月前
|
JavaScript 项目管理 开发工具
从零开始写一套广告组件【二】项目规范和项目管理
在这一章我们进行一个简单的项目规范和项目管理,为了更好的代码协同,我们选择使用 Git 对代码进行管理并通过一系列 npm 包配置相应的规范约束。
44 2
|
JSON 小程序 JavaScript
微信小程序开发的OA会议之会议,投票,个人中心的页面搭建及模板,还有自定义组件的学习
微信小程序开发的OA会议之会议,投票,个人中心的页面搭建及模板,还有自定义组件的学习
54 0
|
11月前
|
JSON 小程序 JavaScript
微信小程序开发的OA会议之会议,个人中心的页面搭建及模板以及自定义组件
微信小程序开发的OA会议之会议,个人中心的页面搭建及模板以及自定义组件
69 0
|
12月前
|
JSON 小程序 JavaScript
微信小程序开发之自定义组件(会议OA项目其他页面搭建)
微信小程序开发之自定义组件(会议OA项目其他页面搭建)
100 0
|
JSON 小程序 数据格式
微信小程序自定义组件及会议管理与个人中心界面搭建
微信小程序自定义组件及会议管理与个人中心界面搭建
79 0
|
消息中间件 API Nacos
【组件开发实践】云巧流程组件对接实践
通过简单的业务场景进行举例,介绍如果通过云巧流程组件的API进行集成对接
31753 1
|
运维 数据管理 开发者
宜搭认证课程-掌握表单设计(二)| 学习笔记
快速学习宜搭认证课程-掌握表单设计。
宜搭认证课程-掌握表单设计(二)| 学习笔记
|
存储 数据管理 BI
宜搭认证课程-掌握表单设计(一)| 学习笔记
快速学习宜搭认证课程-掌握表单设计。
宜搭认证课程-掌握表单设计(一)| 学习笔记