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

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

news 2026/2/10 2:19:11

目录

  • 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

C++：std::is_convertible

C++标志库中提供is_convertible，可以测试一种类型是否可以转换为另一只类型： template <class From, class To> struct is_convertible; 使用举例： #include <iostream> #include <string>using namespace std;struct A { }; struct B : A { };int main…...

编程新知 2025/6/11 15:23:57

mongodb源码分析session执行handleRequest命令find过程

mongo/transport/service_state_machine.cpp已经分析startSession创建ASIOSession过程&#xff0c;并且验证connection是否超过限制ASIOSession和connection是循环接受客户端命令&#xff0c;把数据流转换成Message&#xff0c;状态转变流程是&#xff1a;State::Created 》 St…...

编程新知 2026/1/15 4:39:38

centos 7 部署awstats 网站访问检测

一、基础环境准备&#xff08;两种安装方式都要做&#xff09; bash # 安装必要依赖 yum install -y httpd perl mod_perl perl-Time-HiRes perl-DateTime systemctl enable httpd # 设置 Apache 开机自启 systemctl start httpd # 启动 Apache二、安装 AWStats&#xff0…...

编程新知 2026/1/23 8:33:56

1688商品列表API与其他数据源的对接思路

将1688商品列表API与其他数据源对接时&#xff0c;需结合业务场景设计数据流转链路&#xff0c;重点关注数据格式兼容性、接口调用频率控制及数据一致性维护。以下是具体对接思路及关键技术点&#xff1a; 一、核心对接场景与目标 商品数据同步 场景&#xff1a;将1688商品信息…...

编程新知 2025/11/30 16:55:32

cf2117E

原题链接&#xff1a;https://codeforces.com/contest/2117/problem/E 题目背景&#xff1a; 给定两个数组a,b&#xff0c;可以执行多次以下操作&#xff1a;选择 i (1 < i < n - 1)&#xff0c;并设置 或&#xff0c;也可以在执行上述操作前执行一次删除任意 和 。求…...

编程新知 2026/2/4 15:29:40

Java面试专项一-准备篇

一、企业简历筛选规则 一般企业的简历筛选流程&#xff1a;首先由HR先筛选一部分简历后&#xff0c;在将简历给到对应的项目负责人后再进行下一步的操作。 HR如何筛选简历 例如&#xff1a;Boss直聘&#xff08;招聘方平台&#xff09; 直接按照条件进行筛选 例如&#xff1a…...

编程新知 2026/1/26 19:10:48

.Net Framework 4/C# 关键字（非常用，持续更新...）

一、is 关键字 is 关键字用于检查对象是否于给定类型兼容，如果兼容将返回 true，如果不兼容则返回 false，在进行类型转换前，可以先使用 is 关键字判断对象是否与指定类型兼容，如果兼容才进行转换，这样的转换是安全的。 例如有：首先创建一个字符串对象，然后将字符串对象隐…...

编程新知 2025/9/25 18:41:38

LINUX 69 FTP 客服管理系统 man 5 /etc/vsftpd/vsftpd.conf

FTP 客服管理系统 实现kefu123登录&#xff0c;不允许匿名访问&#xff0c;kefu只能访问/data/kefu目录&#xff0c;不能查看其他目录 创建账号密码 useradd kefu echo 123|passwd -stdin kefu [rootcode caozx26420]# echo 123|passwd --stdin kefu 更改用户 kefu 的密码…...

编程新知 2026/2/9 20:16:17

MyBatis中关于缓存的理解

MyBatis缓存 MyBatis系统当中默认定义两级缓存&#xff1a;一级缓存、二级缓存 默认情况下&#xff0c;只有一级缓存开启&#xff08;sqlSession级别的缓存&#xff09;二级缓存需要手动开启配置&#xff0c;需要局域namespace级别的缓存 一级缓存&#xff08;本地缓存&#…...

编程新知 2026/2/6 6:02:51

HTML前端开发：JavaScript 获取元素方法详解

作为前端开发者&#xff0c;高效获取 DOM 元素是必备技能。以下是 JS 中核心的获取元素方法&#xff0c;分为两大系列&#xff1a; 一、getElementBy... 系列 传统方法&#xff0c;直接通过 DOM 接口访问&#xff0c;返回动态集合&#xff08;元素变化会实时更新&#xff09;。…...

编程新知 2025/10/6 18:44:24