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

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

news 2026/1/12 10:56:40

目录

  • 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

【力扣数据库知识手册笔记】索引

索引 索引的优缺点 优点1. 通过创建唯一性索引，可以保证数据库表中每一行数据的唯一性。2. 可以加快数据的检索速度（创建索引的主要原因）。3. 可以加速表和表之间的连接，实现数据的参考完整性。4. 可以在查询过程中，…...

编程新知 2026/1/9 7:28:24

2025年能源电力系统与流体力学国际会议 (EPSFD 2025)

2025年能源电力系统与流体力学国际会议（EPSFD 2025）将于本年度在美丽的杭州盛大召开。作为全球能源、电力系统以及流体力学领域的顶级盛会，EPSFD 2025旨在为来自世界各地的科学家、工程师和研究人员提供一个展示最新研究成果、分享实践经验及…...

编程新知 2026/1/9 13:51:48

React Native在HarmonyOS 5.0阅读类应用开发中的实践

一、技术选型背景 随着HarmonyOS 5.0对Web兼容层的增强，React Native作为跨平台框架可通过重新编译ArkTS组件实现85%以上的代码复用率。阅读类应用具有UI复杂度低、数据流清晰的特点。 二、核心实现方案 1. 环境配置 （1）使用React Native…...

编程新知 2025/8/19 2:57:37

【论文笔记】若干矿井粉尘检测算法概述

总的来说，传统机器学习、传统机器学习与深度学习的结合、LSTM等算法所需要的数据集来源于矿井传感器测量的粉尘浓度，通过建立回归模型来预测未来矿井的粉尘浓度。传统机器学习算法性能易受数据中极端值的影响。YOLO等计算机视觉算法所需要的数据集来源于…...

编程新知 2025/10/14 10:52:24

根据万维钢·精英日课6的内容，使用AI（2025）可以参考以下方法：

根据万维钢精英日课6的内容，使用AI（2025）可以参考以下方法： 四个洞见 模型已经比人聪明：以ChatGPT o3为代表的AI非常强大，能运用高级理论解释道理、引用最新学术论文，生成对顶尖科学家都有用的…...

编程新知 2026/1/10 1:08:51

select、poll、epoll 与 Reactor 模式

在高并发网络编程领域，高效处理大量连接和 I/O 事件是系统性能的关键。select、poll、epoll 作为 I/O 多路复用技术的代表，以及基于它们实现的 Reactor 模式，为开发者提供了强大的工具。本文将深入探讨这些技术的底层原理、优缺点。​ 一、I…...

编程新知 2026/1/11 0:15:44

Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？

Redis 的发布订阅（Pub/Sub）模式与专业的 MQ（Message Queue）如 Kafka、RabbitMQ 进行比较，核心的权衡点在于：简单与速度 vs. 可靠与功能。 下面我们详细展开对比。 Redis Pub/Sub 的核心特点 它是一个发后…...

编程新知 2025/12/4 2:32:37

【VLNs篇】07：NavRL—在动态环境中学习安全飞行

项目内容论文标题NavRL: 在动态环境中学习安全飞行 (NavRL: Learning Safe Flight in Dynamic Environments)核心问题解决无人机在包含静态和动态障碍物的复杂环境中进行安全、高效自主导航的挑战，克服传统方法和现有强化学习方法的局限性。核心算法基于近端策略优化…...

编程新知 2025/12/31 16:15:08

C#学习第29天：表达式树（Expression Trees）

目录 什么是表达式树？ 核心概念 1.表达式树的构建 2. 表达式树与Lambda表达式 3.解析和访问表达式树 4.动态条件查询 表达式树的优势 1.动态构建查询 2.LINQ 提供程序支持： 3.性能优化 4.元数据处理 5.代码转换和重写 适用场景 代码复杂性…...

编程新知 2025/10/20 9:03:01

MySQL：分区的基本使用

目录 一、什么是分区二、有什么作用三、分类四、创建分区五、删除分区 一、什么是分区 MySQL 分区（Partitioning）是一种将单张表的数据逻辑上拆分成多个物理部分的技术。这些物理部分（分区）可以独立存储、管理和优化，…...

编程新知 2026/1/10 1:25:33