微信小程序如何设置启动页面

最新推荐文章于 2025-01-06 17:49:44 发布
最新推荐文章于 2025-01-06 17:49:44 发布
阅读量1.1w 收藏 4
点赞数
CC 4.0 BY-SA版权
分类专栏： 微信小程序 文章标签： 微信小程序 小程序启动页面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36926807/article/details/81147789
本文介绍如何在微信小程序中配置启动页面。主要通过修改app.json文件内的pages数组来实现，将希望作为启动页的页面路径放置在数组首位即可。此外，还提到了使用微信小程序编辑器直接设置启动页面的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 1.通过配置全局文件page.json进行配置

在app.json文件中，pages数组，设置在第一个的页面就是默认启动页面，所以你只需要调整你当前开发的页面顺序就好了。

"pages": [

"pages/index/index",

"pages/commission/index",

"pages/commission/log/index",

"pages/commission/log/detail",

"pages/commission/down/index"

]

 2.通过微信小程序编辑器框设置启动页面

「小程序开发」新建页面设置启动页
夜晚回家
07-13 1090
本文介绍了微信小程序页面创建和配置的方法。主要包括：1）在pages目录新建文件夹和页面文件；2）通过修改app.json文件注册新页面；3）设置启动页和导航栏样式。还讲解了常见错误解决方法，如路径错误、样式污染等，并提供了配置实例解析。文章强调页面路径要使用绝对路径，配置遵循"页面配置＞全局配置"原则，tabBar和pages仅在全局配置有效。最后通过示例代码展示了完整的app.json配置结构及其字段作用。
微信小程序 设置启动页面的两种方法
01-03
微信小程序 设置启动页面 在开发微信小程序的时候，除了tabBar上设置的页面之外，想进入肯定要走跳转之类的进入，但是我们开发的时候肯定想要直接看到该页面，那么我们就需要设置一下启动页面了有两种方法。 方法一 在app.json文件中，pages数组，设置在第一个的页面就是默认启动页面，所以你只需要调整你当前开发的页面顺序就好了。 方法二 在编译的地方设置，你只需要设置页面的路径，勾选上“使用以上条件编译”，如果页面需要参数，那可以把参数也传上。这样启动的就是你设置的页面。 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
微信小程序-设置启动页面
前端向朔
01-11 6万+
在开发微信小程序的时候，除了tabBar上设置的页面之外，想进入肯定要走跳转之类的进入，但是我们开发的时候肯定想要直接看到该页面，那么我们就需要设置一下启动页面了有两种方法。方法一 在app.json文件中，pages数组，设置在第一个的页面就是默认启动页面，所以你只需要调整你当前开发的页面顺序就好了。 方法二 在编译的地方设置，你只需要设置页面的路径，勾选上“使用以上条件编译”，如果页面需要
微信小程序设置启动页面
kerryqpw的博客
07-11 8904
微信小程序设置启动页面
微信小程序实现开屏启动页面
weixin_46504346的博客
06-30 7543
这样就可以实现微信小程序的开屏启动页面，可以根据实际需求进行修改和优化。
如何设置微信小程序启动页及其全屏背景色？
i-cat的博客
06-27 1万+
最近事情不多，自己找了资料写写小程序，好久没写小程序都生疏了，借此顺便回忆一下小程序的语法，记录入坑爬坑的过程。
微信小程序开发问答《六十三》设置某个页面为启动后打开的第一个页面 & 调试
03-29
在开发微信小程序的时候，除了tabBar上设置的页面之外，想进入肯定要走跳转之类的进入，但是我们开发的时候肯定想要直接看到该页面，那么我们就需要设置一下启动页面了有两种方法。 方法一 在app.json文件中，pages...
微信小程序云开发小程序源码.zip
05-18
微信小程序由一系列的WXML（WeChat Markup Language）和WXSS（WeChat Style Sheets）文件组成，用于构建界面，而JavaScript文件则负责逻辑处理和数据操作。 云开发是微信小程序提供的一项增值服务，它包括云数据库...
微信聊天微信小程序源码.zip
07-13
微信聊天微信小程序源码分析 微信聊天微信小程序是基于微信开放平台开发的一种轻量级应用，主要用于在微信内部提供便捷的服务和互动体验。本源码分析将深入探讨小程序的架构、开发工具、主要功能模块以及如何进行...
我的第一个微信小程序（二）--制作启动页
Up7104的博客
03-31 448
下面正式开始制作启动页 第一步：打开微信web开发者工具，创建项目 没有appid可以不填 第二步：在项目根目录下添加，app.js,app.json,app.wxss不一定要添加。 在箭头指向的方向添加文件和文件夹，添加一个Pages文件夹，用于存放小程序页面，我们添加一个start启动页吧，在app.json里添加如下代码: { "pages": ...
微信小程序--更改启动页面
weixin_30352645的博客
01-19 457
在微信小程序中，如果想把子页面设置成打开程序的第一眼页面而不是首页，只需要在公共json文件中的pages里面的第一位设置成你想要的页面路径即可： "pages":[ "pages/index/index",//把要放在启动第一位显示的页面路径放在此处。 "pages/logs/logs", "pages/news/news", "pages/products/produ...
小程序设置首次加载页面
weixin_39647035的博客
11-21 3529
小程序首次页面加载，可以在app.json中设置，第一个即为首次加载页面
微信小程序----模板（template）
热门推荐
止于至善
12-27 8万+
DEMO下载 效果图 以MUI的实例首页和列表页面为实例 通过上图，可以看出两个页面的列表部分很相近，以每行作为单元制作模板。 template模板 1、模板存放的位置以及使用模板页面存放的位置 template模板的WXML template name="listNone"> view class=&quo
微信小程序启动页的实现
wendZzoo的博客
09-02 3562
加班偷着懒没做一堆九月份迭代的工作，实现了一下小程序的启动页。效果是这样的： 关注公众号查看效果 app.json 将启动页路径放在pages数组的第一项，tabBar中list正常放置。 start.wxml 先写一个容器显示背景图片，image标签上使用bindload方法，动态计算屏幕宽高，以适应不同手机端的尺寸，让背景图更佳显示。 因为是云开发，图片刻意使用了云存储中图片资源，具体操作可回顾之前发布的视频教程。 <view wx:for='{{testList}}' wx:for-item
【小程序入门】小程序首页的设置
u014650759的专栏
06-10 5387
上篇文章https://blog.youkuaiyun.com/u014650759/article/details/90712324，我们提到了app.json的基本操作及功能，这边接着继续来讲解小程序首页的设置。主要有两种方式，分别是采用申明的方式和设置的方式。 第一种是在app.json文件中，pages数组，设置在第一个的页面就是默认启动页面，所以你只需要调整你当前开发的页面顺序就好了。 如下，in...
微信小程序：“我的”页面布局（二）：可配置功能菜单列表
IT老五
04-11 8733
前一篇微信小程序：“我的”页面布局（一）：微信用户信息获取及UI已经介绍了功能菜单列表的实现方式，因为篇幅问题，到这里再详细说下... 比较懒，还是上一篇的图： 微信小程序--“我的“页面.jpg 如上一篇所属，“我的”页面菜单列表主要是用到了wx: for和navigator 二、 功能菜单列表 wxml： 利用navigator可以很...
创建页面和创建小程序首页
在这个地方会介绍一些前端和后端的开发内容，暂时以springBoot和Vue为主。
07-31 269
小程序创建页面，制作首页
请描述一下微信小程序中页面的加载流程。使用场景是什么？底层原理是什么？
最新发布
长风破浪会有时的博客
01-06 921
微信小程序页面的加载流程是经过精心设计的，旨在提供流畅且高效的用户体验。
微信小程序前端H5页面源码模板解析
微信小程序与H5页面一样有其生命周期，它定义了从小程序启动到关闭的一系列阶段。开发者可以在小程序的生命周期的特定阶段执行特定的逻辑，比如在页面创建时获取数据、在页面显示时进行交互操作等。 4. **微信小...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值