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

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

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


 
从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

页面配置,当前页面配置文件

 

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

 

猜你喜欢

转载自hellolove.iteye.com/blog/2342220