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

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

news 2025/6/26 2:43:55

目录

  • 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

HTML 语义化

目录 HTML 语义化HTML5 新特性HTML 语义化的好处语义化标签的使用场景最佳实践 HTML 语义化 HTML5 新特性 标准答案&#xff1a; 语义化标签&#xff1a; <header>&#xff1a;页头<nav>&#xff1a;导航<main>&#xff1a;主要内容<article>&#x…...

编程新知 2025/6/24 4:32:03

蓝牙 BLE 扫描面试题大全(2)：进阶面试题与实战演练

前文覆盖了 BLE 扫描的基础概念与经典问题蓝牙 BLE 扫描面试题大全(1)&#xff1a;从基础到实战的深度解析-CSDN博客&#xff0c;但实际面试中&#xff0c;企业更关注候选人对复杂场景的应对能力&#xff08;如多设备并发扫描、低功耗与高发现率的平衡&#xff09;和前沿技术的…...

编程新知 2025/6/25 7:37:01

2.Vue编写一个app

1.src中重要的组成 1.1main.ts // 引入createApp用于创建应用 import { createApp } from "vue"; // 引用App根组件 import App from ./App.vue;createApp(App).mount(#app)1.2 App.vue 其中要写三种标签 <template> <!--html--> </template>…...

编程新知 2025/6/25 7:33:00

【项目实战】通过多模态+LangGraph实现PPT生成助手

PPT自动生成系统 基于LangGraph的PPT自动生成系统&#xff0c;可以将Markdown文档自动转换为PPT演示文稿。 功能特点 Markdown解析&#xff1a;自动解析Markdown文档结构PPT模板分析&#xff1a;分析PPT模板的布局和风格智能布局决策&#xff1a;匹配内容与合适的PPT布局自动…...

编程新知 2025/6/18 20:32:12

CocosCreator 之 JavaScript/TypeScript和Java的相互交互

引擎版本&#xff1a; 3.8.1 语言&#xff1a; JavaScript/TypeScript、C、Java 环境&#xff1a;Window 参考&#xff1a;Java原生反射机制 您好&#xff0c;我是鹤九日&#xff01; 回顾 在上篇文章中&#xff1a;CocosCreator Android项目接入UnityAds 广告SDK。 我们简单讲…...

编程新知 2025/6/20 11:32:51

Linux-07 ubuntu 的 chrome 启动不了

文章目录 问题原因解决步骤一、卸载旧版chrome二、重新安装chorme三、启动不了&#xff0c;报错如下四、启动不了&#xff0c;解决如下 总结 问题原因 在应用中可以看到chrome&#xff0c;但是打不开(说明&#xff1a;原来的ubuntu系统出问题了&#xff0c;这个是备用的硬盘&a…...

编程新知 2025/6/23 7:26:01

今日科技热点速览

&#x1f525; 今日科技热点速览 &#x1f3ae; 任天堂Switch 2 正式发售 任天堂新一代游戏主机 Switch 2 今日正式上线发售&#xff0c;主打更强图形性能与沉浸式体验&#xff0c;支持多模态交互&#xff0c;受到全球玩家热捧 。 &#x1f916; 人工智能持续突破 DeepSeek-R1&…...

编程新知 2025/6/20 19:12:10

Mac下Android Studio扫描根目录卡死问题记录

环境信息 操作系统: macOS 15.5 (Apple M2芯片)Android Studio版本: Meerkat Feature Drop | 2024.3.2 Patch 1 (Build #AI-243.26053.27.2432.13536105, 2025年5月22日构建) 问题现象 在项目开发过程中&#xff0c;提示一个依赖外部头文件的cpp源文件需要同步&#xff0c;点…...

编程新知 2025/6/19 16:29:01

视觉slam十四讲实践部分记录——ch2、ch3

ch2 一、使用g++编译.cpp为可执行文件并运行(P30) g++ helloSLAM.cpp ./a.out运行 二、使用cmake编译 mkdir build cd build cmake .. makeCMakeCache.txt 文件仍然指向旧的目录。这表明在源代码目录中可能还存在旧的 CMakeCache.txt 文件，或者在构建过程中仍然引用了旧的路…...

编程新知 2025/6/22 8:58:02

Python 高效图像帧提取与视频编码：实战指南

Python 高效图像帧提取与视频编码：实战指南 在音视频处理领域，图像帧提取与视频编码是基础但极具挑战性的任务。Python 结合强大的第三方库（如 OpenCV、FFmpeg、PyAV），可以高效处理视频流，实现快速帧提取、压缩编码等关键功能。本文将深入介绍如何优化这些流程，提高处理…...

编程新知 2025/6/16 17:50:54