文章 2025-02-26 来自:开发者社区

微信小程序页面导航与路由:实现多页面跳转与数据传递

在上一篇中,我们学习了微信小程序的数据绑定和事件处理,实现了动态交互功能。然而,一个完整的小程序通常由多个页面组成,用户需要在不同页面之间进行跳转。本文将深入探讨微信小程序的页面导航与路由机制,帮助你实现多页面跳转以及页面间的数据传递。 一、页面导航的基本概念 微信小程序的页面导航通过路由机制实现,开发者可以通过...

文章 2024-09-27 来自:开发者社区

微信小程序页面事件,下拉刷新事件和上拉触底事件

1. 下拉刷新事件 下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。 1.1. 开启下拉刷新 开启下拉刷新有两种方式:全局和局部。一般的话是开启局部下刷新,哪里用到哪里开。 全局开启下拉刷新● 在 app.json 的 window 节点中,将 enablePullDownRefr...

文章 2024-09-27 来自:开发者社区

微信小程序开发学习之页面导航(声明式导航和编程式导航)

1.0 页面导航 页面导航指的是页面之间的相互跳转。 小程序中实现页面导航的两种方式: 声明式导航● 在页面上声明一个 navigator 导航组件● 通过点击 navigator 组件来实现页面的跳转 编程式导航● 调用小程序的导航API,实现页面的跳转 1.1. 声明式导航 1.1.1. 导航到tabBar页面 tabBar 页面指的是被配置为 tabBar 的页面。在...

微信小程序开发学习之页面导航(声明式导航和编程式导航)
文章 2024-09-27 来自:开发者社区

微信小程序的目录结构及页面结构的说明

1. 项目结构 ● pages 用来存放所有小程序的页面● utils 用来存放工具性质的模块● app.js 小程序的项目入口地址● app.json 小程序项目的全局配置文件,“包括小程序中的所有页面路径,窗口外观,界面表现,底部tab等”。● app.wxss 小程序项目的全局样式文件● project.config.json 项目的配置文件,用来记录对小程序开发工具的个性化配置● si.....

微信小程序的目录结构及页面结构的说明
文章 2024-09-08 来自:开发者社区

微信小程序如何将一个按钮放到页面的最底下?

在微信小程序开发中,将按钮固定在页面底部是一个常见的需求,比如常用的加入购物车、结算或添加地址等操作按钮。这样的布局可以确保用户在浏览长页面时,这些操作按钮始终可见且易于访问。实现这一功能的关键在于恰当地使用CSS定位和微信小程序的样式配置。具体分析如下: 使用position: fixed;和bottom: 0; 定位和底部对齐ÿ...

文章 2024-08-25 来自:开发者社区

微信小程序多种跳转页面方式

跳转页面方式: 1、wx.navigateTo() : 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面 2、wx.redirectTo() : 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面 3、wx.switchTab() : 跳转到 TabBar 页面,并关闭其他所有非 tabB...

文章 2024-08-19 来自:开发者社区

万能的微信小程序个人主页:商城系统个人主页、外卖系统个人主页、购票系统个人主页等等【全部源代码分享+页面效果展示+直接复制粘贴编译即可】

前言 以下给出来四个常见的小程序个人主页,分别是商城系统个人主页,外卖系统个人主页,挂号系统个人主页,电影购票系统个人主页。包括完整的页面布局代码,完整的样式代码。使用的时候,只需要将页面代码和样式代码复制到自己项目对应的页面即可。而且可以根据已有代码只需稍微改造,便可以作为其他小程序的个人首页。 1、个人主页(商城系统) 1.1 页面效果 1.2 页面源码(.wxml) ...

万能的微信小程序个人主页:商城系统个人主页、外卖系统个人主页、购票系统个人主页等等【全部源代码分享+页面效果展示+直接复制粘贴编译即可】
文章 2024-07-18 来自:开发者社区

【微信小程序开发实战项目】——个人中心页面的制作

‍个人主页:@开发者-曼亿点 ‍ hallo 欢迎 点赞 收藏⭐ 留言 加关注✅! ‍ 本文由 曼亿点 原创 ‍ 收录于专栏:微信小程序开发 ⭐⭐ - [video(video-SIAFbOCb-1719905431985)(type-csdn)(url-https://live.csdn.net/v/embed/405645)(image-https://ucc.alicdn....

【微信小程序开发实战项目】——个人中心页面的制作
文章 2024-07-05 来自:开发者社区

支付系统---微信支付14----创建案例项目---介绍,第二步引入Swagger,接口文档和测试页面生成工具,定义统一结果的目的是让结果变得更加规范,以上就是谷粒项目的几个过程

给大家演示简化版本谷粒学苑的项目 第二步引入Swagger,接口文档和测试页面生成工具 ...

支付系统---微信支付14----创建案例项目---介绍,第二步引入Swagger,接口文档和测试页面生成工具,定义统一结果的目的是让结果变得更加规范,以上就是谷粒项目的几个过程

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"10分钟搭建微信小程序","productDescription":"本方案为您介绍如何在阿里云快速部署博客网站,并将网站服务快速应用到微信小程序。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://help.aliyun.com/document_detail/2856534.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"高效构建企业门户网站","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/build-a-website","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

mPaaS 移动开发平台

mPaaS 源于蚂蚁集团金融科技,为 App 开发、测试、运营及运维提供云到端的一站式解决方案,致力于提供高效、灵活、稳定的移动研发、管理平台。 官网地址:https://www.aliyun.com/product/mobilepaas/mpaas

+关注