微信小程序学习(二)项目目录结构

小程序的项目结构还是很容易理解。初建的小程序的项目目录由简单的几个文件夹、js、json、wxml、wxss组成,如果有编程基础的人,应该能很快猜到各个文件大概的功能。

目录结构由pages和utils,平级的有文件app.js、app.json、app.wxss、project.config.json

pages:这是一个页面文件目录,用于存放用于显示的页面以及对应的逻辑代码,我们后期的功能开发也主要是在改目录下。
例子中index是其的子目录,子目录下对应三个文件。

           index.wxml:是个视图布局文件,用于ui页面显示

           index.js:是对应index.wxml的js脚本文件,主要用来编写index.wxml显示页面的执行逻辑

           index.wxss:是index.wxml的样式文件

           .......json:有些时候我们还会用到json文件来配置一些信息,非app.json的json文件定义与app.json相同的属性会覆盖app.json的配置信息

当然这些目录下的文件并不是每一个都需要,依据不同的需求我们是可以做相应的省略,比如说我们可能不需要配置信息那我们就可以不需要json文件。

utils:小程序存放工具脚本的工具目录

app.json:小程序的全局参数

app.js: 定义了小程序的启动入口和小程序的初始化代码。

app.wxss:小程序启动的样式文件。

project.config.json:配置的是项目的属性,比如项目名称、appId。

 

简单的总结来说小程序的项目接口就是由wxml视图文件、js逻辑代码文件、wxss样式文件、json配置文件构成。

 

 

猜你喜欢

转载自blog.csdn.net/qq_33272254/article/details/84196273
今日推荐