微信小程序项目目录结构介绍及搭建
微信小程序目录结构可以分为3个部分:框架全局文件、框架页面文件和工具类文件。小程序制作开发人员开发前需要了解这些目录结构。
微信小程序目录结构
一个小程序的主体部分由3个文件组成:app.js、app.json和app.wxss,必须放在项目的根目录。其中app.js和app.json文件是必需的,作用分别是小程序逻辑和小程序公共配置,而app.wxss的作用是小程序公共样式表。
app.js小程序逻辑:用来定义全局数据和函数的使用,它可以指定微信小程序的生命周期函数。app.js中还可以定义一些全局的函数和数据,其他页面引用app.js文件后就可以直接使用全局函数和数据。
app.json小程序公共配置:可以对5个功能进行设置,配置页面路径,配置窗口表现,配置标签导航,配置网络超时,配置debug模式。
app.wxss小程序公共样式表:对css样式进行了拓展,和css的使用方式一样,只要页面有全局样式的class,就都可以渲染全局样式的效果。
另外一个小程序页面由四个文件组成:js、wxml、json和wxss,用于指定小程序由哪些页面组成,每一项都对应一个页面的路径+文件名信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
注意:为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径和文件名。
本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。