培训报名小程序报名功能开发

目录

  • 1 创建页面
  • 2 新建URL参数
  • 3 课程详细信息
  • 4 报名数据源创建
  • 5 报名信息功能开发
  • 6 设置页面跳转
  • 7 最终实现的效果
  • 总结

在培训报名小程序中,我们已经开发了首页和列表页。在列表页点击报名时就跳转到报名页面,先看我们的原型
在这里插入图片描述
报名页分为两个部分,上半部分是展示课程的详细信息,下半部分是具体的提交信息。本篇就介绍一下报名页面功能的开发

1 创建页面

开发功能的时候先需要创建页面,打开我们的应用,点击创建页面的图标,创建我们的报名页
在这里插入图片描述
在这里插入图片描述

2 新建URL参数

因为需要展示课程的详细信息,我们需要传入课程的数据标识。选中页面,创建一个参数
在这里插入图片描述
在这里插入图片描述

3 课程详细信息

要展示课程的详细信息,我们用到了数据详情组件,从右侧的组件区域拖入一个数据详情组件
在这里插入图片描述
数据模型需要选择我们的培训内容数据源,设置我们的数据筛选,让数据标识等于我们的URL参数
在这里插入图片描述
然后删掉多余的组件
在这里插入图片描述

4 报名数据源创建

要想存储用户提交的信息,需要创建数据源,切换到数据源创建视图,我们添加一个报名的数据源
在这里插入图片描述
输入数据源的名称报名信息
在这里插入图片描述
点击编辑,进入字段添加视图
在这里插入图片描述
点击添加字段
在这里插入图片描述
先添加姓名,字段类型选择文本
在这里插入图片描述
性别的话我们选择枚举类型,需要创建一个选项集,点击立即创建
在这里插入图片描述
在这里插入图片描述
输入身份证的字段
在这里插入图片描述
输入电话号码的字段
在这里插入图片描述
输入工作单位字段
在这里插入图片描述
因为报名和培训内容是一个一对多的关系,需要创建一个所属培训内容的字段,类型选择关联关系,和培训内容进行关联
在这里插入图片描述
为了区分数据权限,我们还需要增加一个openid的字段
在这里插入图片描述
这样数据源就创建好了
在这里插入图片描述

5 报名信息功能开发

第二部分我们要让用户输入报名需要的具体数据,微搭使用表单容器组件让用户输入数据,拖入一个表单容器组件,数据模型选择报名信息
在这里插入图片描述
这里要注意的是培训内容需要设置默认值,我们绑定为URL参数
在这里插入图片描述
openid要绑定我们的系统变量,从当前用户里选择
在这里插入图片描述

6 设置页面跳转

报名信息页面设置好之后,需要让列表页可以跳转到报名页,我们切换回列表页,给数据绑定点击事件,动作选择打开页面,然后传入我们的数据标识
在这里插入图片描述
在这里插入图片描述

7 最终实现的效果

在这里插入图片描述

总结

我们本篇介绍了报名信息功能的开发,涵盖了数据源的创建、数据详情、表单容器组件的使用,以及页面跳转参数的传递。低代码的开发特点是以组件为基础,设置属性、设置样式、设置事件。只要掌握了基本要领就可以按照自己的需要开发出软件来,如果感兴趣照着教程试一下吧。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/68379.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

多货币多汇率跨境电子商城建设(仓储管理、网络安全)

多货币多汇率跨境电子商城建设需要考虑到多个方面,包括仓储管理、网络安全、货币兑换、物流配送等。以下是具体的介绍: 一、仓储管理 仓储管理是跨境电子商城的重要组成部分,需要考虑到商品的存储、管理和分拣等环节。以下是需要注意的几个…

C# 使用FFmpeg.Autogen对byte[]进行编解码

C# 使用FFmpeg.Autogen对byte[]进行编解码,参考:https://github.com/vanjoge/CSharpVideoDemo 入口调用类: using System; using System.IO; using System.Drawing; using System.Runtime.InteropServices; using FFmpeg.AutoGen;namespace F…

LinuxC编程——线程

目录 一、概念二、进程与线程的区别⭐⭐⭐三、线程资源四、函数接口4.1 线程创建4.2 线程退出4.3 线程回收4.3.1 阻塞回收4.3.2 非阻塞回收 4.4 pthread_create之传参4.5 练习 一、概念 是一个轻量级的进程,为了提高系统的性能引入线程。 进程与线程都参与cpu的统一…

内核裁剪与驱动编译

linux设备驱动以内核模块的形式出现,编写linux内核模块编程是学习linux设备驱动的先决条件。 在编译linux内核之前要先配置linux内核。每个板子都有其对应的默认配置文件,这些默认配置文件保存在arch/arm/configs 目录中。比如xilinx_zynq_defconfig作为…

暗黑版GPT流窜暗网 降低犯罪门槛

随着AIGC应用的普及,不法分子利用AI技术犯罪的手段越来越高明,欺骗、敲诈、勒索也开始与人工智能沾边。 近期,专为网络犯罪设计的“暗黑版GPT”持续浮出水面,它们不仅没有任何道德界限,更没有使用门槛,没有…

英特尔发布雷电3接口:竟和USB Type-C统一了 - 全文

在过去的一年里,外部连接通信线的世界里发生了很多时。在这段时间,USB先后发布了10Gbps “超高速”USB3.1以及新的USB Type-C连接器,这是一种新式的可正反插的接口,将成为未来十年乃至更长时间上的行业标准。同时随着USB备用模式功…

centos自动同步北京时间

1、安装ntpdate服务 yum -y install ntpdate 2、加入自动任务计划 查找ntpdate的路径: which ntpdate 复制这个路径。 编辑自动任务计划并加入ntpdate: crontab -e # 每小时第30分钟同步AD域控时间 30 * * * * /usr/sbin/ntpdate -u 192.168.2.8 > …

qt在vs中编译出现link2001时,不会生成moc文件了

现象: 解决方法: 在对应头文件-属性-配置属性-常规-项类型-改为Qt Meta-Object Compiler (moc) 即可。 有时候不知道啥原因头文件类型变成普通C头文件

游戏行业实战案例 4 :在线时长分析

【面试题】某游戏数据后台设有「登录日志」和「登出日志」两张表。 「登录日志」记录各玩家的登录时间和登录时的角色等级。 「登出日志」记录各玩家的登出时间和登出时的角色等级。 其中,「角色id」字段唯一识别玩家。 游戏开服前两天( 2022-08-13 至 …

享元模式 Flyweight Pattern 《游戏编程模式》学习笔记

如果我们要存储一个树一样的数据结构,直觉来说我们会这么写 但是实际上我们会发现,哪怕森林里有千千万万的树,它们大多数长得一模一样。 它们使用了相同的网格和纹理。 这意味着这些树的实例的大部分字段是一样的。 那么我们就可以将树共…

一、Kubernetes介绍与集群架构

Kubernetes介绍与集群架构 一、认识容器编排工具 docker machine 主要用于准备docker host现已弃用建议使用docker desktop docker compose Compose 是一个用于定义和运行多容器 Docker 应用程序的工具。使用 Compose,您可以使用 YAML 文件来配置应用程序的服务。…

Java List(列表)

List 是一个有序、可重复的集合,集合中每个元素都有其对应的顺序索引。List 集合允许使用重复元素,可以通过索引来访问指定位置的集合元素。List 集合默认按元素的添加顺序设置元素的索引,第一个添加到 List 集合中的元素的索引为 0&#xff…

Centos7单机部署ElasticSearch

Centos7单机部署ElasticSearch 引言 Elasticsearch是一种广泛使用的开源搜索引擎,专门为分布式环境设计,但也可以在单机上运行。它使存储、搜索和分析大量数据变得更加容易和高效。此教程将引导你通过在Centos7上单机部署Elasticsearch,涵盖…

Android google admob Timeout for show call succeed 问题解决

项目场景: 项目中需要接入 google admob sdk 实现广告商业化 问题描述 在接入Institial ad 时,onAdLoaded 成功回调,但是onAdFailedToShowFullScreenContent 也回调了错误信息 “Timeout for show call succeed.” InterstitialAd.load(act…

Vue数组变更方法和替换方法

一、可以引起UI界面变化 Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括: push()pop()shift()unshift()splice()sort()reverse() 以上七个数组都会改变原数组,下面来分别讲解它们的区别&…

【2023年11月第四版教材】《第2章-信息技术发展(合集篇)》

《第2章-信息技术发展(第一部分)》 章节说明1 计算机软硬件2 计算机网络2.1 网络的作用范围2.2 OSI模型2.3 广域网协议2.4 网络协议2.5 TCP/IP2.6 软件定义网络(SDN)2.7 第五代移动通信技术 3 存储和数据库3.1 存储系统架构3.2 存…

Android Studio实现滑动图片验证码

源代码链接 效果: MainActivity package com.example.slidingpattern;import androidx.appcompat.app.AppCompatActivity;import android.annotation.SuppressLint; import android.graphics.BitmapFactory; import android.os.Bundle; import android.view.Moti…

P1194 买礼物(最小生成树)(内附封面)

买礼物 题目描述 又到了一年一度的明明生日了,明明想要买 B B B 样东西,巧的是,这 B B B 样东西价格都是 A A A 元。 但是,商店老板说最近有促销活动,也就是: 如果你买了第 I I I 样东西&#xff0…

简单程度与自负是否相关?探索STM32的学习价值

事实上,无论STM32是否简单并不重要,更重要的是我们能通过学习STM32获得什么。通过STM32,我们可以学习到许多知识:如果我们制作一个键盘或鼠标,我们可以学习USB协议。如果我们制作一个联网设备,我们需要学习…

【css】css中使用变量var

CSS 变量可以有全局或局部作用域。 全局变量可以在整个文档中进行访问/使用,而局部变量只能在声明它的选择器内部使用。 如需创建具有全局作用域的变量,请在 :root 选择器中声明它。 :root 选择器匹配文档的根元素。 如需创建具有局部作用域的变量&am…