小程序

1 pages 是页面目录。一个目录一页面
  • a .js 是页面js文件 页面逻辑
  • .json 页面配置文件 页面的标题,下拉熟悉啥的配置
  • .wxml 页面结构文件 相当与html 小程序就常用两个标签 view 和 text
  • .wxss 页面样式文件 相当与css
2 根目录其他文件
  • app.js 项目主入口文件 项目的全局函数,变量,逻辑都在这
  • app.json 项目主配置文件 背景色,导航,标题的相关配置
  • app.wxss 全局样式文件 css
3 每个子页面(.js文件)都有一套钩子函数(就是在打开当前页面的时候,自动按顺序执行相关的函数,不用手动调用)
image.png
4 子页面的data 数据
image.png
  • 这些数据可以在 .wxml文件中展展示
    比如data 项目的 page: 1 在.wxml文件里{{page}} 页面打开就展示 1
    所有我们在.js文件修改page的值等于2,页面就会自动显示page2
  • 修改值的方法
  this.setData({
     page: 2
  })
  • 获取当前值 this.data.page
5 子页面之前的跳转
    wx.navigateTo({
     url: '/pages/statusAnalyze/statusAnalyze?id='+e.currentTarget.dataset.id
   })
 

你可能感兴趣的:(小程序)