携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第28天,点击查看活动详情
小程序目录结构
| -- pages
|-- index
| -- index.js
| -- index.wxml
| -- index.wxss
| -- index.json
| -- utils
|-- utils.js
| -- app.js
| -- app.json
| -- app.wxss
-
page:主要存放小程序的页面文件,其中每个文件夹为一个页面,每个页面包含四个文件
-
*.js
-
*.wxml 界面文件,是页面结构文件,用于构建页面,在页面上增加控件。全称是weixin markup lanuage的缩写,微信标记语言,在微信小程序里面这些特定的标记叫做组件。
-
*.wxss 样式表文件,注意小程序的样式和一般css的差异
-
*.json 配置文件
-
utils:存放全局的一些.js文件,公共用到的一些事件处理代码文件可以放到该文件夹下,用于全局调用
调用方法:
// 其他文件的调用:
var util = require('../../utils/util.js')
// utils里:
module.exports.util = util
-
app.js:
-
系统的方法处理全局文件,也就是说文件中规定的函数和数据,在整个小程序中,每一个框架页面和文件都可以使用this获取。每个小程序都会有一个app.js文件,有且只有一个,位于项目的根目录!app.js的作用就是告诉小程序,注册一个小程序实例使用app(object)的形式注册,实现小程序在不同阶段的需要实现的事件功能,如onLoad,onshow等
-
app.wxss: 全局样式
-
app.json: 系统全局配置文件,是必须包含的。包含设置页面路径,设置底部,网络,调试模式,设置导航头的颜色,字体大小,下面有没有tabbar等功能。注意:格式一定要严格按照标准来,不能有注释,多余的逗号,否则都会编译出错