分享好友 最新资讯首页 最新资讯分类 切换频道
微信小程序开发教程3:熟悉项目结构并创建home页面
2024-12-27 18:35

平凡也就两个字: 懒和惰;
成功也就两个字: 苦和勤;
优秀也就两个字: 你和我。
跟着我从0学习JAVA、spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美
关注微信公众号【 IT特靠谱 ,每天都会分享技术心得~

 

 

      创建小程序项目后,初始化项目结构如下:

      (1)pages目录:存放所有小程序页面

      (2)utils目录:存放通用js工具

      (3)app.js:app项目入口

      (4)app.json:全局(公共)配置文件。小程序根目录下的  文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。详见官方文档

             https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE

      (5)app.wxss:全局(公共)样式文件。

      (6)project.config.json:项目配置文件。配置项目参数,如:appid等配置。里面的参数其实就是右上角“详情”页面展示的配置信息。既可以修改详情页的参数,也可以修改project.config.json来达到同样目的

 

      上面项目结构中可以看到初始化项目时有两个页面:index和log。那么我们如何创建一个页面呢

      可以安装如下步骤进行创建新page

      (1)打开app.json全局配置文件,在pages配置里面新增"pages/home/index";注意小程序的所有页面都要配置到app.json中

      (2)ctrl + s保存,小程序工具会自动给我们生成home页面的4要素(index.js、index.wxml、index.wxss和index.json)文件。

 

      上面成功新建了一个home页面。但是编译项目后,默认打开的还是index页面。如何让项目启动的时候默认打开的是我们创建的home页面呢?答案是将app.json全局配置文件中pages配置的"pages/home/index"移动到最上面。这样小程序启动后,默认打开的就是home页面了

      调整后,配置如下

      重新编译下,可以看到小程序默认显示home页面

      如果对你有疑问或需要技术支持,关注公众号联系我吧~

最新文章
几款Windows优化神器!能够让你卡顿的电脑起死回生!重新起飞
在使用的过程中,我们肯定希望系统能够更加流畅、高效地运行。对 Windows 系统优化的需求,今天为大家推荐两款实用的优化小工具
SEO是什么意思?给新手SEO建议
SEO就是搜索引擎的优化,让那个可以通过自己不段的优化,使能自然排名都百度首页的技巧什么是SEO首先什么是搜索引擎?以前我们学
【X(2016版/移动4G)搜狗手机输入法下载】Moto X 2016版/移动4G搜狗手机输入法12.1.1免费下载
搜狗输入法,拥有超大中文词库,输入更加精准,智能。搜狗智能旺仔带你用表达,斗图,妙语,输入更加有趣。******特色功能******
SEO解惑指南,快速提升网站排名秘籍
本篇SEO常见问题解答旨在帮助您轻松提升网站排名。内容涵盖关键词优化、网站结构、外链建设等关键策略,并提供实用技巧和注意事
量子芯片突破,科技股狂飙:下一个大风口还是泡沫?
量子计算概念股成为今年全球资本市场的一匹“黑马”。01谷歌Willow芯片引发市场狂热02量子计算:潜力与挑战并存量子计算技术采用
更快更安全,HTTPS 优化总结
在网站升级到 HTTPS 之后,我们还可以有很多玩意可以折腾,优化 HTTPS,让它更快更安全。这里是一篇 HTTPS 优
全国十大卡盟排行 卡盟排行榜2019
卡盟字面意思是各种卡片的联盟集合。它是一种电子商务平台,旨在将所有虚拟积分卡产品整合在一起。以前它主要用于刷空间视图、演
如何通过有效的SEO策略提高站排名
在如今的互联网时代,搜索引擎优化(SEO)已经成为了每个网站、每个内容创作者必须掌握的一项技能。无论是个人博客、小型电商网
越野游戏有哪些好玩 2024越野游戏排行
探索极限乐趣的巅峰!2024年最新越野游戏排行榜揭示,带你领略最刺激的驾驶挑战与冒险世界。从硬核野外求生到高难度地形征服,无
网页设计制作网站模板图片,如何管理公司网站后台
欢迎观赏九款精心设计的后台管理系统登录模板,它们不仅美观,而且实用,适合直接融入项目中。欲获取源代码,可加入下方指定群组