一、目录结构文件的说明
- project.config.json文件类似于vue里边的package.json,项目的配置文件
- app.wess、app.js、app.json都是全局配置
- app.json 可以设置小程序的页面路径、窗口的表现、设置网络超时时间、tabBar等
完整配置项说明请参考小程序全局配置
- pages(页面路径列表):你有多少个页面就必须写多少路径,否则页面展示不出来;数据类型是数组,排在第一的是默认显示页面。
- window(全局的默认窗口表现):可以自己设置
- tabBar(底部 tab 栏的表现):可以自己设置(最多2个最多5个)
4.app.js 全局的js文件
5.util(工具文件):封装一些常用的方法
例如在util文件夹新建一个http.js(把页面请求封装起来)
function request1(url, callBack) {
wx.request({
url: url,
success(res) {
callBack(res.data)
}
})
}
function requestMovie(url, key, title, callBack) {
wx.request({
url: url,
success(res) {
callBack(res.data,key, title)
}
})
}
module.exports = {
request2: request1,
requestMovie: requestMovie
}
在其他页面js中
let http = require("../../utils/http.js");
http.request2(url + coming + "?start=0&count=10", this.getHttp);
//回调函数
getHttp(res) {
console.log(res);
}
6.右键-->新建目录-->新建page,可以一次性创建四个文件,也可以单独创建,一次性创建的目录会自动添加到app.json的pages里边,单独创建的需要手动在app.json中配置页面路径
⚠️自己单独创建的页面需要在.json文件里边添加{},在.js文件里边调用Page()才不会报错
一个文件夹中一般有四个文件:index.js 、index.json 、index.wxml 、index.wxss