微信小程序学习之路《一》 目录结构

微信小程序开发 - 目录结构

 

学习一个框架，首先应该了解一下它的目录结构，小程序的目录结构如下图：

 

 
从demo中可以看到主要分为两部分：程序主体部分、业务逻辑部分。

 

1、程序主体部分：由三个文件组成，必须放在项目的根目录。

 

文件	必填	作用
app.js	是	小程序逻辑，app启动首先会执行该文件内的部分方法
app.json	是	小程序公共设置，整个app的系统配置
app.wxss	否	小程序的公众样式表，可以理解为前端中的base.css

 

2、业务逻辑部分：对于不同的项目，根据其具体的业务逻辑表现，文件有不同的组织方式，但基本元素（页面Page）的结构不变。

pages：存放不同的业务逻辑页面，这里为index文件夹（主页面），logs文件夹（log页面）

utils：存放工具类函数，并通过module.exports导出formatTime供其他文件调用

 

文件类型	必填	作用
js	是	页面逻辑，可以理解为controller，主要来处理业务逻辑
wxml	是	页面结构，可以理解为视图层HTML
wxss	否	页面样式，可以理解为CSS文件
json	否	页面配置，当前页面配置文件

 

 注意：为了方便开发者减少配置项，我们规定描述页面的这四个文件必须具有相同的路径与文件名。