codecamp

教育组件案例 — 高校奥数竞赛报名

1. 使用场景

每学期高校、中学等校园都会举办各种校园知识竞赛、艺术大赛、体育比赛等等,在比赛中需要先收集各校区学生信息等情况,其中就需要使用到学校组织的学生信息,下面就拿中学生校园知识竞赛报名举例

2. 表单说明

奥数竞赛报名表(普通表单):

报名参加比赛时,需要收集参赛学生所在学校、姓名、性别、年级以及班级信息,也可根据自己需求在新增其他字段

3. 配置步骤

  • 表单编辑页面选取【学生】组件

  • 点击已选取的学生组件 >> 属性 >> 数据填充,将所需的学生校区、性别、班级等信息进行配置填充
  • 数据填充可在选择好学生后,自动填充对应的年级、班级等信息,所以可把被填充的字段设置为只读,避免学生填写错误。

4. 实现效果

学生选择好自己的姓名后,即可出现其余信息,点击提交即可参与报名



学校
组件管理
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

报表设置

大屏设置

自定义页面设置

付费功能

开发者功能(需有代码基础)

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }