微信小程序学习(2):小程序目录结构介绍
2018-01-04 13:59
369 查看
1.微信小程序目录结构
微信小程序默认的目录结构,下面一一介绍:
1.1 小程序的文件格式介绍
在项目中我们可以看到四种文件类型:
.js后缀的文件是脚本文件,页面的交互等代码在这里实现;
.json后缀的文件是配置文件,主要是json数据格式存放,用于设置程序的配置效果;
.wxss后缀的是样式表文件,类似于前端中的css,用于对界面进行美化;
.wxml后缀的文件是页面结构文件,用于构建页面,在页面上增加控件。
1.1 pages目录介绍
1pages:主要存放小程序的页面文件,其中每个文件夹为一个页面,每个页面包含四个文件,.wxml文件是界面文件,.js是事件交互文件,用于处理界面的点击事件等功能;.wxss为界面美化文件,让界面显示的更加美观;.json为配置文件,用于修改导航栏显示样式等,小程序每个页面必须有.wxml和.js文件,其他两种类型的文件可以不需要。注意:文件名称必须与页面的文件夹名称相同,如index文件夹,文件只能是index.wxml、index.wxss、index.js和index.json.
1.2 utils
该文件件主要用于存放全局的一些.js文件,公共用到的一些事件处理代码文件可以放到该文件夹下,用于全局调用。[javascript]
view plain
copy
module.exports = {
formatTime: formatTime
}
对于允许外部调用的方法,用module.exports进行声明,才能在其他js文件中用一下代码引入
[html]
view plain
copy
var util = require('../../utils/util.js')
然后就可以调用该方法。
1.3 app.js、app.json、app.wxss
app.js : 系统的方法处理文件,主要处理程序的声明周期的一些方法;例如:程序刚开始运行时事件处理等app.json : 系统全局配置文件,设置导航头的颜色,字体大小,下面有没有tabbar等功能,具体页面的配置在页面的json文件中单独修改;
app.wxss : 全局的界面美化代码
相关文章推荐
- 微信小程序学习(2):小程序目录结构介绍
- 微信小程序目录结构介绍
- 微信小程序学习笔记(2)--------框架之目录结构
- 微信小程序购物商城系统开发系列-目录结构介绍
- android学习日志02__HelloWorld 和 程序目录结构
- Android程序架构目录结构介绍
- 微信小程序目录结构、事件处理、网络请求
- go语言学习-程序结构、GOPATH介绍
- 1. 微信小程序的目录结构详解
- 002、微信小程序---目录结构
- (二)微信小程序之文件结构目录解析
- 微信小程序开发之目录结构分析(2)
- 微信小程序购物商城系统开发系列-目录结构
- android目录结构介绍(寒假学习1)
- Servlet第一篇【介绍Servlet、HTTP协议、WEB目录结构、编写入门Servlet程序、Servlet生命周期】
- 微信小程序学习(3)_目录文件详解
- Servlet第一篇【介绍Servlet、HTTP协议、WEB目录结构、编写入门Servlet程序、Servlet生命周期】
- 微信小程序购物商城系统开发系列-目录结构
- Android学习系列之(二)项目目录结构基本介绍
- Servlet第一篇【介绍Servlet、HTTP协议、WEB目录结构、编写入门Servlet程序、Servlet生命周期】