上一周我们将基本开发环境搭建起来了,我们这次来讲讲小程序的目录结构。
小程序的目录结构是比较简洁的。不像其他框架,具有繁多的文件及配置。其结构如下图:
![9fd0505e3e040ecbb88f434549b360bc.png](https://i-blog.csdnimg.cn/blog_migrate/e7734f2a3264ecd74f592de18c6041ab.jpeg)
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。
page中的每一个文件夹就是一个小程序页面。这里只有 首页(index) 及日志(logs). 每个页面都有4个相同后缀的文件,分别是 .js, .jsno, .wxml, .wxss.
![cd2ac33d5ebea2622098d5dd8dc67b31.png](https://i-blog.csdnimg.cn/blog_migrate/5526cc9c4aa136b52d2a7118e7c955c1.jpeg)
.js : 写页面交互逻辑的地方。相当于传统页面中,写js的地方。.json: 页面数据配置。如常量,变量等。.wxml: 写页面的地方。相当于传统页面中,写HTML标签的地方。.wxss: 写样式css的地方
这里.js 和.wxml 是需要要的,如果少建这两个文件,程序将会报错。同时为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。
回到根目录,我们依然可以发现这4个文件,和page 目录里面的4个文件功能是一样