2-wxml、wxss、js、json

一、目录结构文件的说明
  1. project.config.json文件类似于vue里边的package.json,项目的配置文件
  2. app.wess、app.js、app.json都是全局配置
  3. 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

你可能感兴趣的:(2-wxml、wxss、js、json)