家政服务小程序实战教程04-页面传参及表单容器

news2024/12/23 13:28:33

我们在上一篇已经介绍了在生命周期函数中预加载会员信息，首次使用小程序的用户需要进行注册，注册的时候需要选择对应的角色，本篇我们就介绍会员注册的功能。

01 创建页面

会员注册，我们分两个页面，一个是角色选择页面，一个是会员信息提交页面。登录微搭的控制台，打开我们的家政服务小程序

在这里插入图片描述

点击页面，点击新建页面

在这里插入图片描述

创建角色选择页面

在这里插入图片描述

接着创建用户新增页面

在这里插入图片描述

02 创建变量

我们在角色选择页面需要根据用户的不同选择来标识选定的角色，因此需要创建一个变量来进行存储。点击顶部导航条的变量，点击新建变量

在这里插入图片描述

输入变量名role，类型选择文字

在这里插入图片描述

因为是多个页面使用这个变量，因此作用域我们选择全局

在这里插入图片描述

03 角色选择页面

进入到角色选择页面，先添加网格布局，添加三行

在这里插入图片描述

在列组件里添加按钮组件

在这里插入图片描述

选中网格布局，设置行间距

在这里插入图片描述

选择列组件，切换到样式，选择居中

在这里插入图片描述

设置按钮的点击事件

在这里插入图片描述

事件选择变量赋值

在这里插入图片描述

变量赋值成功后打开页面，跳转到用户新增页面

在这里插入图片描述

04 用户新增

新增页面我们使用表单容器来自动生成页面，先添加表单容器，然后选择用户表

在这里插入图片描述

先选择角色字段，绑定选中值

在这里插入图片描述

绑定我们的全局变量role

在这里插入图片描述

选择用户状态，选中值输入1

在这里插入图片描述

切换到样式，布局选择隐藏

在这里插入图片描述

选中openid，输入值绑定我系统变量的openid

在这里插入图片描述

将组件隐藏，至此我们的页面搭建部分就完成了

总结

我们本篇主要介绍了页面跳转传参的方法，传参有两种设置，一种是将值保存到全局变量供下一个页面使用，还有一种是新建页面URL参数，在跳转的时候设置值。

除了页面传参外我们还讲解了表单容器的使用方法，在微搭中看到的页面都可以使用大颗粒的组件由平台自动生成，缩短了开发时间，减少了出错的几率。

如果感兴趣，打开你的微搭，照着做一下吧。

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

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

相关文章

VSCode Markdown写作引入符合规范的参考文献

VSCode Markdown写作引入符合规范的参考文献

Markdown可以用来写论文，写论文的时候无一例外要用到参考文献，今天来谈谈怎么自动生成参考文献。之前讲了怎么导出的pdf，文章在这里 VSCode vscode-pandoc插件将中文Markdown转换为好看的pdf文档（使用eisvogel模板） …
阅读更多...
CMake中target_precompile_headers的使用

CMake中target_precompile_headers的使用

CMake中的target_precompile_headers命令用于添加要预编译的头文件列表&#xff0c;其格式如下&#xff1a; target_precompile_headers(<target><INTERFACE|PUBLIC|PRIVATE> [header1...][<INTERFACE|PUBLIC|PRIVATE> [header2...] ...]) # 1 target_preco…
阅读更多...
select 与 where、group by、order by、limit 子句执行优先级比较

select 与 where、group by、order by、limit 子句执行优先级比较

当 select 和 其他三种语句的一者或者多者同时出现时&#xff0c;他们之间是存在执行先后顺序的。 他们的优先级顺序是&#xff1a;where > group by > select > order by > limit 目录 1、select 与 where 2、group by 与 where 、select 2、select 与 order…
阅读更多...
【Call for papers】CRYPTO-2023（CCF-A/网络与信息安全/2023年2月16日截稿）

【Call for papers】CRYPTO-2023（CCF-A/网络与信息安全/2023年2月16日截稿）

Crypto 2023 will take place in Santa Barbara, USA on August 19-24, 2023. Crypto 2023 is organized by the International Association for Cryptologic Research (IACR). The proceedings will be published by Springer in the LNCS series. 文章目录1.会议信息2.时间节…
阅读更多...
C++定位new用法及注意事项

C++定位new用法及注意事项

使用定位new创建对象&#xff0c;显式调用析构函数是必须的&#xff0c;这是析构函数必须被显式调用的少数情形之一&#xff01;&#xff0c; 另有一点&#xff01;&#xff01;&#xff01;析构函数的调用必须与对象的构造顺序相反&#xff01;切记&#xff01;&#xff01;&a…
阅读更多...
分步骤详解随机生成一个登录验证码的算法，最后给出完整代码

分步骤详解随机生成一个登录验证码的算法，最后给出完整代码

需要安装第三方模块pillow import randomfrom PIL import Image, ImageDraw, ImageFont步骤一&#xff1a;编写一个生成随机颜色的函数 def get_random_color():return random.randint(0, 255), random.randint(0, 255), random.randint(0, 255)步骤二&#xff1a;在面板里放…
阅读更多...
31 岁生日快乐，Linux！

31 岁生日快乐，Linux！

Linux 迎来了 31 岁生日&#xff0c;所以和我一起庆祝 Linux 的 31 岁生日吧&#xff0c;喝上一杯好香槟和一个美味的蛋糕&#xff01;虽然有些人不承认 8 月 25 日是 Linux 的生日&#xff0c;但我知道。1991 年 8 月 25 日&#xff0c;21 岁的芬兰学生 Linus Benedict Torval…
阅读更多...
三种方式查看linux终端terminal是否可以访问外网ping,curl,wget

三种方式查看linux终端terminal是否可以访问外网ping,curl,wget

方法1&#xff1a;ping注意不要用ping www.google.com.hk来验证&#xff0c;因为有墙&#xff0c;墙阻止了你接受网址发回的响应数据。即使你那啥过&#xff0c;浏览器都可以访问Google&#xff0c;terminal里面也是无法得到响应 百度在墙内&#xff0c;所以可以正常拿到响应信…
阅读更多...
二分法攻略

二分法攻略

本节内容只有通过例题来记录效果才是最好的,请看下面内容&#xff01; 递归实现二分法 经典二分查找问题&#xff1a;LintCode 炼码 描述**&#xff1a;**在一个排序数组中找一个数&#xff0c;返回该数出现的任意位置&#xff0c;如果不存在&#xff0c;返回 -1。 输入&…
阅读更多...
java spring完全注解开发

java spring完全注解开发

其实学习注解之后 我们也只有一个开启扫描需要xml的配置了 而 这一步 其实也是可以写到类里面的 我们这边先创建一个java项目 然后引入 spring需要的几个基本包 在src中创建一个包 叫 Bean Bean下创建 一个包 叫 UserData UserData 包下创建一个类 我这里叫 User 参考代码如…
阅读更多...
Java List集合

Java List集合

6 List集合 List系列集合&#xff1a;添加的元素是有序&#xff0c;可重复&#xff0c;有索引 ArrayList: 添加的元素是有序&#xff0c;可重复&#xff0c;有索引LinkedList: 添加的元素是有序&#xff0c;可重复&#xff0c;有索引Vector &#xff1a;是线程安全的&#xff…
阅读更多...
初识数据仓库

初识数据仓库

一、什么是数据仓库数据库 --> OLTP&#xff1a;&#xff08;on-line transaction processing&#xff09;翻译为联机事务处理记录某类业务事件的发生&#xff0c;如购买行为&#xff0c;银行交易行为&#xff0c;当行为产生后&#xff0c;系统会记录是谁在何时何地做了何事…
阅读更多...
day11_python虚拟环境安装与配置

day11_python虚拟环境安装与配置

文章目录Windows下安装第一步&#xff0c;安装virtualenv改源参考第二步&#xff0c;安装virtualenvwrapper-winUbuntu下安装第一步、安装virtualenv和virtualenvwrapper第二步、配置.bashrc文件&#xff0c;添加下面三行第三步&#xff0c;用下列命令让修改后的.bashrc生效配置…
阅读更多...
今天来聊一聊信息差，或许会刷新你的认知

今天来聊一聊信息差，或许会刷新你的认知

有人会说&#xff1a;现在互联网信息这么发达&#xff0c;获取信息的渠道也越来越多&#xff0c;还会存在信息差吗&#xff1f;我的回答是&#xff1a;会&#xff0c;而且随着社会高速的发展&#xff0c;信息差会越来越明显。这里大家需要了解一个词&#xff1a;信息茧房信息茧…
阅读更多...
植物育种中广义遗传力的定义

植物育种中广义遗传力的定义

大家好&#xff0c; 我是邓飞。 今天聊一下广义遗传力的计算方法。 广义遗传力定义 广义遗传力&#xff08;H2H^2H2&#xff09;定义为归因于基因型总体遗传变异的表型变异比例。 通常他包括三个解释&#xff1a;&#xff08;详见我这篇博客的公式推导 回归系数 相关系数 遗…
阅读更多...
微信小程序_调用openAi搭建虚拟伙伴聊天

微信小程序_调用openAi搭建虚拟伙伴聊天

微信小程序_调用openAi搭建虚拟伙伴聊天背景效果关于账号注册接口实现8行python搞定小程序实现页面结构数据逻辑结速背景 从2022年的年底&#xff0c;网上都是chagpt的传说&#xff0c;个人理解这个chatgpt是模型优化训练&#xff0c;我们在用chatgpt的时候就在优化这个模型&a…
阅读更多...
九龙证券|连续13周净流入！北向资金爆买“中字头”股票

九龙证券|连续13周净流入！北向资金爆买“中字头”股票

Wind数据显现&#xff0c;本周北向资金净流入A股达29.33亿元&#xff0c;其间周四净流入121亿元&#xff0c;其他四个交易日均为净流出状况。尽管本周北向资金流入A股力度放缓&#xff0c;可是仍然保持着周度接连净流入态势。 接连第13周净流入 Wind数据显现&#xff0c;从202…
阅读更多...
Redis核心知识点

Redis核心知识点

Redis核心知识点Redis核心知识点大全五种数据类型redis整合SpringBoot序列化问题渐进式扫描慢查询缓存相关问题数据库和缓存谁先更新缓存穿透缓存雪崩缓存击穿实际应用超卖问题分布式锁全局唯一ID充当消息队列Feed流附近商户签到HyperLogLog实现UV统计持久化RDBAOF持久化小结事…
阅读更多...
整型提升+算术转换——“C”

整型提升+算术转换——“C”

各位CSDN的uu们你们好呀&#xff0c;今天小雅兰的内容是之前操作符那篇博客中没有讲完的内容&#xff0c;整型提升这个小知识点也非常重要&#xff0c;那现在&#xff0c;就让我们进入操作符的世界吧 隐式类型转换 算术转换 操作符的属性 隐式类型转换 表达式求值的顺序一部…
阅读更多...
opencv显示图像

opencv显示图像

大家好&#xff0c;我是csdn的博主&#xff1a;lqj_本人 这是我的个人博客主页&#xff1a; lqj_本人的博客_CSDN博客-微信小程序,前端,python领域博主lqj_本人擅长微信小程序,前端,python,等方面的知识https://blog.csdn.net/lbcyllqj?spm1011.2415.3001.5343哔哩哔哩欢迎关注…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023