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

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

用户故事

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

需求分解

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

  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 移动开发 JavaScript
多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单
Vue 前端开发中,表单组件是排在前三的高频使用的组件,如何快速构建表单,节省力气,避免重复造轮子呢,选择一款适合自己的前端表单设计器就非常重要了。本文介绍 4 款顶级好用的 Vue 表单设计器,其中最后一款卡拉云,是新一代低代码开发工具,不仅能自动生成各类表单,还可以拖拽生成其他常见的前端组件,一行代码连接前后端数据,可快速接入数据库/api。它是表单设计器的超集,可直接生成属于你的后台管理工具,无敌好用。
3958 0
多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单
|
5月前
|
JavaScript 项目管理 开发工具
从零开始写一套广告组件【二】项目规范和项目管理
在这一章我们进行一个简单的项目规范和项目管理,为了更好的代码协同,我们选择使用 Git 对代码进行管理并通过一系列 npm 包配置相应的规范约束。
58 2
|
JSON 小程序 JavaScript
微信小程序开发的OA会议之会议,投票,个人中心的页面搭建及模板,还有自定义组件的学习
微信小程序开发的OA会议之会议,投票,个人中心的页面搭建及模板,还有自定义组件的学习
72 0
|
机器学习/深度学习 JSON 前端开发
OneCode 开源低代码表单
“万事俱备,就差一个程序员了”,这是一个互联网圈里很著名的一个梗。很好的诠释了“全民互联网+” 时代的疯狂。在当今“企业数智化转型“的大背景下,也有一个一个关于表单系统的梗,“所有系统都逐步低代码零代码化,这一切就差一个“表单系统”。确实是如此,在多数的数智化应用软件中,表单系统都是必不可少的基础功能,更是低代码零代码的支撑性应用。本文是根据开源低代码平台,《OneCode低代码引擎》 1.0.6版本整理的功能来阐述表单系统的设计。
|
消息中间件 API Nacos
【组件开发实践】云巧流程组件对接实践
通过简单的业务场景进行举例,介绍如果通过云巧流程组件的API进行集成对接
31782 1
|
存储 程序员 BI
1024低代码训练营-day2 表单|学习笔记
快速学习1024低代码训练营-day2 表单
1024低代码训练营-day2 表单|学习笔记
|
小程序 搜索推荐 前端开发
微搭低代码自定义组件开发教程
微搭低代码自定义组件开发教程
微搭低代码自定义组件开发教程
|
存储 安全 前端开发
云巧4A组件第三方登录总结
云巧是阿里云从数千家企业数字化转型交付过程中孵化出来用于助力企业数字化转型落地实施的生产力工具平台,通过组装式的方式开发业务应用系统。4A组件是云巧核心组件之一,实现对自然人、资源、资源账号的集中管理。 随着4A组件在交付项目中的广泛使用,不同项目对于4A组件的第三方登录方式有越来越多的要求,因此需要做相应的第三方登录方式定开。接下来我将从三方认证协议、云巧4A组件统一认证模块和第三方登录实现这三个部分进行简单的总结,如有疏漏还请见谅多多指正。【如果想对云巧组件有更深入的了解,请进入云巧资产市场https://gts.work/assets/assets-market】
2991 0
云巧4A组件第三方登录总结
|
存储 自然语言处理 数据可视化
云巧动态表单的国际化方案解密
介绍云巧动态表单以及解决的问题和价值,解密云巧动态表单的国际化能力和整体方案
434 0
|
前端开发
前端工作总结210-理解自定义组件
前端工作总结210-理解自定义组件
104 0
前端工作总结210-理解自定义组件

热门文章

最新文章