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

来源:转载 发布时间:2018-11-24 10:18:34 阅读量:1173

小程序的项目结构还是很容易理解。初建的小程序的项目目录由简单的几个文件夹、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配置文件构成。


 


 



--------------------- 



标签: 小程序
分享:
评论:
你还没有登录,请先