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

news2024/11/27 10:20:31

目录

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

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

1 创建页面

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

2 新建URL参数

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

3 课程详细信息

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

4 报名数据源创建

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

5 报名信息功能开发

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

6 设置页面跳转

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

7 最终实现的效果

在这里插入图片描述

总结

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

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

反弹shell的N种姿势

预备知识1. 关于反弹shell 就是控制端监听在某TCP/UDP端口,被控端发起请求到该端口,并将其命令行的输入输出转到控制端。reverse shell与telnet,ssh等标准shell对应,本质上是网络概念的客户端与服务端的角色反转。2. 反弹shel…

【Linux命令详解 | cp命令】Linux系统中用于复制文件或目录的命令

文章标题 简介参数列表二,使用介绍1. 复制单个文件2. 复制多个文件3. 复制目录4. 保留文件属性5. 创建链接6. 强制覆盖7. 显示复制进度8. 创建备份9. 只有当源文件比目标文件新时才复制10. 复制链接文件 总结 简介 cp命令在Linux系统中用于复制文件或目录。其功能强…

刷题笔记 day9

1658 将 x 减到 0 的最小操作数 解析:1. 当数组的两端的数都大于x时,直接返回 -1。 2. 当数组所有数之和小于 x 时 ,直接返回 -1。 3. 数组中可以将 x 消除为0,那么可以从左边减小为 0 ;可以从右边减小为 0 &#xff1…

20230807通过ffmpeg将DTS编码的AUDIO音频转换为AAC编码

20230807通过ffmpeg将DTS编码的AUDIO音频转换为AAC编码 2023/8/7 20:04 ffmpeg dts 转AAC 缘起:由于网上找的电影没有中文字幕,有内置的英文字幕,但是还是通过剪映/RP2023识别一份英文字幕备用! I:\Downloads\2005[红眼航班]Red E…

助力企业数字化转型,为何 PaaS 化是最佳方式?

在数字化的浪潮中,身份管理已经成为各个行业数字化转型的关键要素。建立一个高效的身份治理中台,不仅能有效保障企业信息安全和数据安全,还能提升企业的数字化程度。 然而,身份管理的构建并非一项简单的任务。当企业在构建身份治理…

llama2模型下载

介绍 LLaMA 2-CHAT与OpenAI ChatGPT效果一样好。LLaMA 2与LLaMA 1架构相同,LLaMA 2训练数据是2000000000000个tokens,还是用了1000000个人类新标注的数据。上下文长度由2048提升为4096。 本教程提供两种下载方式: 1官方下载脚本下载 2hugging face网站下载 官网资格申请 …

赴日IT培训 赴日程序员工作适合什么人?

日本作为全球第三大经济体,IT行业发展十分迅速,日本拥有世界领先的科技公司,如索尼、丰田、日立等,这为IT行业提供了广阔的发展平台和良好的职业前景。此外,日本政府对IT行业也给予了充分的政策支持,像是对…

[CKA]考试之查看Pod日志

由于最新的CKA考试改版,不允许存储书签,本博客致力怎么一步步从官网把答案找到,如何修改把题做对,下面开始我们的 CKA之旅 题目为: Task 监控名为foobar的Pod的日志,并过滤出具有unable-to-access-websi…

Windows系统下添加了新环境变量无需重启电脑激活新环境变量的方法

首先WinR,再输入cmd,进入终端,输入以下命令: set Pathc输入完以上命令回车,如下: 关闭终端后再次打开输入cl,如果输出以下类似信息说明新的环境变量已经添加成功,如下: …

前端实习day20

今天解决了不少bug&#xff0c;成就感满满&#xff0c;有几个问题困扰了我很久&#xff0c;我查阅了很多博客&#xff0c;终于找到解决思路&#xff0c;顺利解决&#xff0c;这里记录一下解决思路。 1、在通过this.$refs.layoutSide.style设置<a-layout-sider>的宽度时&…

kali常见字典目录

kali常见字典目录 Kali Linux 是一个流行的渗透测试和安全评估操作系统&#xff0c;它预装了许多用于渗透测试和安全研究的工具&#xff0c;包括各种字典文件。以下是一些 Kali Linux 中常见的字典目录&#xff1a; 当然可以&#xff01;以下是 Kali Linux 中常见的一些字典目…

小研究 - MySQL 分区分表的设计及实(二)

随着信息技术的快速发展&#xff0c;数据量越来越大&#xff0c;海量的表查询操作需要消耗大量的时间&#xff0c;成为影响数据库访问性能提高的主要因素。为了提升数据库操作的查询效率和用户体验&#xff0c;在关系型数据库管理系统(MySQL)中通过 range 分区和 Merge 存储&am…

重生学c++系列第三课类和对象(上)

好的我们重生c系列的前两期已经介绍完了c祖师爷针对C语言补充的几个新功能&#xff0c;现在我们进入c的真正课题学习——类与对象: C语言是面向过程的&#xff0c;关注的是过程&#xff0c;分析出求解问题的步骤&#xff0c;通过函数调用逐步解决问题。 比如说我们洗菜做饭&am…

QT生成Debug和Release发布版后,运行exe缺少dll问题

在QT Creator生成debug和release的exe执行文件后&#xff0c;运行时&#xff0c;报错缺少*.dll.解决办法1&#xff1a; 在系统环境变量中添加D:\Qt\Qt5.13.2\Tools\mingw730_64\bin后&#xff0c;即可运行。 当使用此方法时&#xff0c;将exe拷贝到其他电脑中运行时&#xff0c…

DAY4,C高级(shell中的函数,循环,排序思想)

1.整理思维导图&#xff1b; 2.写一个函数&#xff0c;获取用户的uid和gid并使用变量接收&#xff1b; 1 #!/bin/bash 2 function get_id()3 {4 read -p "输入用户&#xff1a;…

海外社媒营销:如何树立品牌个性与目标受众共鸣?

随着全球化的不断深入&#xff0c;海外市场对于企业的重要性越来越凸显。在这个数字化时代&#xff0c;社交媒体已经成为品牌塑造和推广的重要渠道之一。然而&#xff0c;海外市场竞争激烈&#xff0c;想要在众多品牌中脱颖而出&#xff0c;就需要在社交媒体关注者的心中树立品…

javaweb监听和渲染技术

jsp入门使用 <% page import"java.io.PrintWriter" %> <%-- Created by IntelliJ IDEA.--%> <%-- User: 韩顺平--%> <%-- jsp的模板如何定制&#xff0c;一会再说明--%> <%-- To change this template use File | Settings | File T…

64位交叉编译器版本切换

操作系统版本 lkmaoubuntu:~$ cat /proc/version Linux version 5.6.18 (lkmaoubuntu) (gcc version 7.5.0 (Ubuntu 7.5.0-3ubuntu1~18.04)) #1 SMP Tue Jul 25 23:11:17 PDT 2023 lkmaoubuntu:~$ 64位 安装默认版本和gcc5版本。 sudo apt-get install gcc-aarch64-linux-g…

秋招打卡011(20230807)

文章目录 前言一、今天学习了什么&#xff1f;二、算法----》单调栈1、介绍2、题目 总结 前言 提示&#xff1a;这里为每天自己的学习内容心情总结&#xff1b; Learn By Doing&#xff0c;Now or Never&#xff0c;Writing is organized thinking. 今天拿到了上周面试的结果…

整理mongodb文档:集合名字有类似-等特殊字符串如何处理?

个人博客 整理mongodb文档:集合名字有类似-等特殊字符串如何处理&#xff1f; 首先&#xff0c;先创建一个collection的名字为’collection-test’&#xff0c;这个表名中&#xff0c;colletion的名字有一个特殊字符串“-”&#xff0c;但是后面插入数据的时候会有这么一个错…