微信小程序开发教程3:熟悉项目结构并创建home页面

   日期:2024-12-27     作者:3pvmv       评论:0    移动:http://ljhr2012.riyuangf.com/mobile/news/8467.html
核心提示:平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我。 跟着我从0学习JAVA、spring全家桶和linux运维等知

平凡也就两个字: 懒和惰;
成功也就两个字: 苦和勤;
优秀也就两个字: 你和我。
跟着我从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页面

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

 
特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

举报收藏 0打赏 0评论 0
 
更多>同类最新资讯
0相关评论

相关文章
最新文章
推荐文章
推荐图文
最新资讯
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号