当前位置： 首页 > news >正文

订水商城H5实战教程-03用户协议

news 2026/2/10 7:56:43

目录

  • 1 创建页面
  • 2 为文本组件增加事件
  • 3 检查用户协议是否勾选
  • 最终效果

我们上一篇介绍了打开首页时弹出登录窗口的功能，本篇我们实现一下用户协议。

1 创建页面

功能是点击用户协议的时候打开具体的协议内容，需要先创建一个页面。打开自定义应用，点击新建页面的图标
在这里插入图片描述
输入页面名称
在这里插入图片描述
在页面里添加一个数据详情组件
在这里插入图片描述
数据模型选择用户协议，数据筛选设置为协议名称等于用户协议
在这里插入图片描述
然后清空数据详情的组件，我们添加一个富文本展示组件
在这里插入图片描述
给内容属性绑定字段，点击fx，绑定为协议内容
在这里插入图片描述
现在页面内容是空的，因为还没有录入数据，点击左侧导航条的数据源图标，找到我们的用户协议数据源，点击管理数据
在这里插入图片描述
录入我们的测试数据
在这里插入图片描述
数据录入后再次刷新页面，数据就加载出来了
在这里插入图片描述

2 为文本组件增加事件

我们现在用户协议用蓝色标识，引导用户可以点击，选中文本组件，增加事件
在这里插入图片描述
设置打开页面事件
在这里插入图片描述
选择我们的用户协议页面
在这里插入图片描述
用户协议页面还应该有个导航条引导用户再回到首页，添加一个顶部导航组件
在这里插入图片描述
修改我们的导航标题，改为用户协议
在这里插入图片描述

3 检查用户协议是否勾选

在登录的时候需要检查用户协议是否勾选，可以在点击确定按钮时候加判断条件。选中确定按钮，设置事件，选中逻辑分支
在这里插入图片描述
设置判断条件
在这里插入图片描述

If($w.radio1.value==='1', true, false)

这个表达式有三个参数，第一个是条件，第二个和第三个是返回值。逻辑是如果条件为true就返回true，如果条件为false就返回false

我们这里用$w.radio1.value获取单选按钮的选中值，如果值为1表示单选按钮被选中，否则就返回false

如果单选按钮被选中，我们跳转到注册页面，新建一个用户注册的页面
在这里插入图片描述
当满足条件时我们打开用户注册页面
在这里插入图片描述
在这里插入图片描述
当不满足条件时，设置提示信息，提示用户勾选
在这里插入图片描述
在这里插入图片描述

最终效果

打开首页，点击用户协议跳转到用户协议页面，未勾选的时候点击确认提示信息，勾选之后跳转到注册页面
在这里插入图片描述

相关文章：

订水商城H5实战教程-03用户协议

目录 1 创建页面2 为文本组件增加事件3 检查用户协议是否勾选最终效果 我们上一篇介绍了打开首页时弹出登录窗口的功能，本篇我们实现一下用户协议。 1 创建页面 功能是点击用户协议的时候打开具体的协议内容，需要先创建一个页面。打开自定义应用&#x…...

编程日记 2023/10/24 21:01:53

淘宝app商品详情源数据API接口（解决滑块问题）可高并发采集

通过API接口采集淘宝商品列表和app商品详情遇到滑块验证码的解决方法（带SKU和商品描述，支持高并发），主要是解决了高频情况下的阿里系滑块和必须要N多小号才能解决的反扒问题，以后都可以使用本方法： 大家都…...

编程日记 2023/10/24 21:00:52

xcode15一直显示正在连接iOS17真机问题解决

前言 更新xcode15之后，出现了各种报错问题，可谓是一路打怪啊，解决一个报错问题又来一个。没想到到了最后还能出现一个一直显示正在连接iOS17真机的问题 一直显示正在连接iOS17真机的问题 问题截图如下： 解决方法 1. 打开De…...

编程日记 2023/10/24 20:59:51

stm32通过AT指令与esp8622通信

stm32通过AT指令与esp8622通信 文章目录 stm32通过AT指令与esp8622通信1.tcp通信2.mqtt通信 1.tcp通信 ATCWMODE1 设置为STA模式ATCWJAP_DEF"langtaotech","langtaotechXXX"ATCIPSTA? 查询ipATCIPMUX0 设置单连接ATCIPSTART"TCP","19…...

编程日记 2023/10/24 20:58:50

Flutter 类似onResume 监听，解决入场动画卡顿

在Flutter 实际开发过程中，页面数据往往是异步加载，接口请求回来后，数据刷新显示到界面上。 由于Flutter性能原因，也可能因为获取数据量比较大，在新页面路由进场动画执行过程中，接口请求结果回来了&#x…...

编程日记 2023/10/24 20:57:48

1024勋章

🌸关于重阳节的一些发疯日常（昨天的聊天记录，今天发系列）😅 🌸没错，发出来单纯觉得好玩儿😉(为了1024勋章😏)芜湖！...

编程日记 2023/10/24 20:56:47

C++栈、队列、优先级队列模拟+仿函数

目录 一、栈的模拟和deque容器 1.deque 1.1deque结构 1.2deque优缺点 2.stack模拟 二、队列的模拟 三、priority_queue优先级队列 1.优先级队列模拟 2.添加仿函数 一、栈的模拟和deque容器 在之前，我们学过了C语言版本的栈，可以看这篇文章 栈和…...

编程日记 2023/10/24 20:55:46

ES挂载不上怎么处理？

全文搜索 EelasticSearch安装 Docker安装 docker run -d --name es7 -e ES_JAVA_POTS"-Xms256m -Xmx256m" -e "discovery.typesingle-node" -v /home/206/es7/data/:/usr/share/elasticsearch/data -p 9200:9200 -p 9300:9300 elasticsearch:7.14.0 …...

编程日记 2023/10/24 20:54:45

问题与分类

设计问题 是否已经有类似的解决方案，是否需要当前的设计设计思路的文档话，背景-》 设计思路-》 好处与不足 -》 其他设计思路的对比（淘汰其他设计思路的原因） 设计思路的评审，如何评审，如何量化&#xff…...

编程日记 2023/10/24 20:53:42

021-Qt 配置GitHub Copilot

Qt 配置GitHub Copilot 文章目录 Qt 配置GitHub Copilot项目介绍 GitHub Copilot配置 GitHub CopilotQt 前置条件升级QtGitHub Copilot 前置条件激活的了GitHub Copilot账号安装 Neovim 启用插件，重启Qt配置 GitHub Copilo安装Nodejs下载[copilot.vim](https://gith…...

编程日记 2023/10/24 20:52:41

如何使用 PostgreSQL 进行数据迁移和整合？

​ PostgreSQL 是一个强大的开源关系型数据库管理系统，它提供了丰富的功能和灵活性，使其成为许多企业和开发者的首选数据库之一。在开发过程中，经常会遇到需要将数据从一个数据库迁移到另一个数据库，或者整合多个数据源的情况。…...

编程日记 2023/10/24 20:51:39

Qt Signals Slots VS QEvents - Qt跨线程异步操作性能测试与选取建议

相关代码参考：https://gitcode.net/coloreaglestdio/qtcpp_demo/-/tree/master/qt_event_signal 1.问题的由来 在对 taskBus 进行低延迟改造时，避免滥用信号与槽起到了较好的作用。笔者在前一篇文章中，叙述了通过避免广播式地播发信号&…...

编程日记 2023/10/24 20:50:37

Postgres 和 MySQL 应该怎么选？

PostgreSQL和MySQL是两个流行的关系型数据库管理系统（DBMS）。它们都具有一些相似的功能，但也有一些区别。 在选择使用哪个DBMS时，需要考虑多个因素，包括性能、可扩展性、安全性、功能丰富度、生态系统支持等。下面是对…...

编程日记 2023/10/24 20:49:36

【在英伟达nvidia的jetson-orin-nx和PC电脑ubuntu20.04上-装配ESP32开发调试环境-基础测试】

【在英伟达nvidia的jetson-orin-nx和PC电脑ubuntu20.04上-装配ESP32开发调试环境-基础测试】 1、概述2、实验环境3、 物品说明4、参考资料与自我总结5、实验过程1、创建目录2、克隆下载文件3、 拉取子目录安装和交叉编译工具链等其他工具4、添加环境变量6、将样例文件拷贝到桌面…...

编程日记 2023/10/24 20:48:33

我终于搞明白了HTTPS协议了！超长文章！

HTTPS协议是现代互联网中非常重要的一种安全协议，它能够在客户端和服务器之间建立一条安全的通信渠道，确保用户的隐私和数据安全。下面我来详细介绍HTTPS协议的相关知识。 HTTP协议的缺点 HTTP协议是互联网中的一种应用层协议，它负责客户端…...

编程日记 2023/10/24 20:46:31

Golang Testify介绍

简介 Golang是一种编译型语言，由Google开发，已经成为了Web开发领域中非常受欢迎的语言之一。在Golang生态系统中，有许多用于编写测试的框架和库，其中Testify是其中一个非常流行的测试框架。 Testify是一个用于编写测试的扩展包&…...

编程日记 2023/10/24 20:45:30

DALL·E 3怎么用？DALL·E 3如何申请开通 ？DALL·E 3如何免费使用？AI绘画教程来喽~

一、引言 DALLE 3 是 OpenAI 在上个月（2023 年 9 月）发布的一个文生图模型。 相对于 Midjourney 以及 Stable Diffusion，DALLE 3 最大的便利之处在于，用户不需要掌握 Prompt 的写法了，直接自然语言描述即可。 甚至还…...

编程日记 2023/10/24 20:44:29

安装 Dispatch 库

首先，我们需要安装 Dispatch 库。在命令行中运行以下命令来安装 Dispatch： $ sbt console然后，在 Scala 控制台中，导入所需的库： import dispatch._接下来，我们需要设置代理服务器。在 Dispatch 中&#…...

编程日记 2023/10/24 20:43:28

【Unity程序技巧】异步保险箱管理器

👨‍💻个人主页：元宇宙-秩沅 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 秩沅 原创 👨‍💻 收录于专栏：Uni…...

编程日记 2023/10/24 20:42:28

ChatGPT 助力英文论文翻译和润色

文章目录 一、前言二、主要内容1. 中英互译2. 中文润色3. 英文润色 三、总结 🍉 CSDN 叶庭云：https://yetingyun.blog.csdn.net/ 一、前言 随着全球化的推进，跨文化交流变得越来越重要。在学术领域，英文论文的质量对于研究成果的传…...

编程日记 2023/10/24 20:41:27

突破不可导策略的训练难题：零阶优化与强化学习的深度嵌合

强化学习（Reinforcement Learning, RL）是工业领域智能控制的重要方法。它的基本原理是将最优控制问题建模为马尔可夫决策过程，然后使用强化学习的Actor-Critic机制（中文译作“知行互动”机制），逐步迭代求解…...

编程新知 2026/2/5 4:17:42

golang循环变量捕获问题​​

在 Go 语言中，当在循环中启动协程（goroutine）时，如果在协程闭包中直接引用循环变量，可能会遇到一个常见的陷阱 - ​​循环变量捕获问题​​。让我详细解释一下： 问题背景 看这个代码片段： fo…...

编程新知 2026/1/21 14:29:57

使用分级同态加密防御梯度泄漏

抽象 联邦学习 （FL） 支持跨分布式客户端进行协作模型训练，而无需共享原始数据，这使其成为在互联和自动驾驶汽车 （CAV） 等领域保护隐私的机器学习的一种很有前途的方法。然而，最近的研究表明&…...

编程新知 2026/1/24 6:22:43

Linux相关概念和易错知识点（42）（TCP的连接管理、可靠性、面临复杂网络的处理）

目录 1.TCP的连接管理机制（1）三次握手①握手过程②对握手过程的理解 （2）四次挥手（3）握手和挥手的触发（4）状态切换①挥手过程中状态的切换②握手过程中状态的切换 2.TCP的可靠性&…...

编程新知 2026/1/30 0:09:51

vue3 定时器-定义全局方法 vue+ts

1.创建ts文件 路径&#xff1a;src/utils/timer.ts 完整代码&#xff1a; import { onUnmounted } from vuetype TimerCallback (...args: any[]) > voidexport function useGlobalTimer() {const timers: Map<number, NodeJS.Timeout> new Map()// 创建定时器con…...

编程新知 2025/8/9 0:31:20

三体问题详解

从物理学角度&#xff0c;三体问题之所以不稳定&#xff0c;是因为三个天体在万有引力作用下相互作用&#xff0c;形成一个非线性耦合系统。我们可以从牛顿经典力学出发&#xff0c;列出具体的运动方程&#xff0c;并说明为何这个系统本质上是混沌的&#xff0c;无法得到一般解…...

编程新知 2025/10/19 5:14:05

WEB3全栈开发——面试专业技能点P2智能合约开发（Solidity）

一、Solidity合约开发 下面是 Solidity 合约开发 的概念、代码示例及讲解&#xff0c;适合用作学习或写简历项目背景说明。 &#x1f9e0; 一、概念简介&#xff1a;Solidity 合约开发 Solidity 是一种专门为 以太坊&#xff08;Ethereum&#xff09;平台编写智能合约的高级编…...

编程新知 2026/1/27 9:33:09

AI编程--插件对比分析：CodeRider、GitHub Copilot及其他

AI编程插件对比分析&#xff1a;CodeRider、GitHub Copilot及其他 随着人工智能技术的快速发展&#xff0c;AI编程插件已成为提升开发者生产力的重要工具。CodeRider和GitHub Copilot作为市场上的领先者&#xff0c;分别以其独特的特性和生态系统吸引了大量开发者。本文将从功…...

编程新知 2026/2/9 2:15:44

在鸿蒙HarmonyOS 5中使用DevEco Studio实现录音机应用

1. 项目配置与权限设置 1.1 配置module.json5 {"module": {"requestPermissions": [{"name": "ohos.permission.MICROPHONE","reason": "录音需要麦克风权限"},{"name": "ohos.permission.WRITE…...

编程新知 2025/10/3 17:30:30

实现弹窗随键盘上移居中

实现弹窗随键盘上移的核心思路 在Android中&#xff0c;可以通过监听键盘的显示和隐藏事件&#xff0c;动态调整弹窗的位置。关键点在于获取键盘高度&#xff0c;并计算剩余屏幕空间以重新定位弹窗。 // 在Activity或Fragment中设置键盘监听 val rootView findViewById<V…...

编程新知 2025/10/6 18:46:56