本文介绍了小程序开发的基础结构，包括index.js、index.json、index.wxml和index.wxss四个核心文件的作用。index.js处理页面逻辑，json存储页面数据，wxml负责界面布局，而wxss则用于样式设置。此外，还探讨了app.js作为程序入口的角色以及如何引用外部模块。
在申请了小程序的appid之后，可以通过官方的《简易教程》创建hello world的页面，然后直接在【项目】中【预览】，生成二维码，再用微信扫描即可。微信上看到hello world的页面后，说明项目的流程已经走通了。现在我们回过头来看看，其结构是如何组成的。
我们展开pages->index目录，看到如下图
index目录下有index.js、index.json、index.wxml、index.wxss四个文件，其中js是处理页面逻辑的，相当于web的javascript页；json是一个数据文件，是对于index页面才有效的数据；wxml是界面布局文件，相当于web的html文件，但又和html有所不同，因为wxml中是纯粹的界面布局，不可参入js；wxss是样式文件，相当于web的css，其语法与css的相容，又有些差异。我们每新建一个页面的，原则上都需要有这几个文件组成。
我们来看index.js文件。
为了能方便获取全局程序的数据，该文件中先通过getApp来获取全局的程序实例app，
最低0.47元/天 解锁文章
扫一扫
9611
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
