微信小程序学习(3)_目录文件详解

一、目录文件详解

1.首先看下根目录下的app.json的文件,可以看到在"pages"的数组里,里面配置了每个界面,且包含了每个界面文件的目录

微信小程序学习(3)_目录文件详解_第1张图片
这里写图片描述

2.可以看到每个页面需要包含两个文件,一个是js文件,是每个界面的入口,wxml的文件是每个界面的布局文件,那wxss是什么呢?它是每个界面的样式文件。比如:看下图可以看到,创建新的项目有两个界面,一个是index.js界面,一个是logs.js的界面,且都有对应的布局文件(.wxml)和样式文件(.wxss)

微信小程序学习(3)_目录文件详解_第2张图片
这里写图片描述

3.可以看到在logs文件夹中比index文件夹中多出了一个logs.json的文件,这个文件是干嘛的呢?可见,这个文件不是必须的,因为index界面的文件夹中就没有这个文件,logs.json这个文件配置了一个界面的title的信息

微信小程序学习(3)_目录文件详解_第3张图片
这里写图片描述
微信小程序学习(3)_目录文件详解_第4张图片
这里写图片描述

具体效果可以看下gif图

微信小程序学习(3)_目录文件详解_第5张图片
这里写图片描述

二、总结

1.根目录下的app.js是整个程序的入口,app.json配置整个程序的信息

2.一个微信小程序必需包含的文件只需要有app.js和app.json以及对应界面的js文件和布局文件(.wxml)就可以了

你可能感兴趣的:(微信小程序学习(3)_目录文件详解)