4-微信小程序开发(小程序默认页面函数说明)

https://www.cnblogs.com/yangfengwu/p/11601299.html

首先说一下,怎么让自己的一个项目更改名字成为一个新的项目

然后用软件导入项目即可

注:如果没有改文件里面的那个"projectname": "lesson3", ,用软件打开的时候,你会发现

这个地方还会显示lesson2,所以一定要按照上面两步修改完再导入工程,

如果没有修改文件里面那个"projectname": "lesson3" 只修改文件夹名字就导入,会发现后期无论怎么修改"projectname": "lesson3" 左上角照样显示原来的工程名字

你需要,删除工程文件,关闭微信开发软件,打开微信开发软件

然后重新复制一份工程,按照上面的提示修改文件夹名称和那个文件里面的工程名字,重新导入即可

本来这节想着做自己的页面,然后跳转查看,不过呢!我感觉还是给大家详细的说一下,小程序当前的页面

主要讲解这里面的函数

这里面代码少些,好讲,,,讲完以后大家完全可以举一反三,看另一个文件的代码

是在注:这个知道就好,不是这节的重点哈.....我只是让大家知道怎么进来 logs页面的

实际上是微信提供的方法注:这个知道就好,不是这节的重点哈.....我只是让大家知道怎么进来 logs页面的

注:这个知道就好,不是这节的重点哈.....我只是让大家知道怎么进来 logs页面的

现在看

每个页面里面都有 data:{ 这里面放各种数据 } 源代码是放了一个数组

现在看怎么使用这个数组

//logs.js
const util = require('../../utils/util.js')

Page({
  data: {
    logs: []
  },
  onLoad: function () {//页面加载的时候条用

    this.data.logs[1] = "1111111111111";//数组赋值
    console.log(this.data.logs[1]);//打印数组的值

    this.setData({
      logs: (wx.getStorageSync('logs') || []).map(log => {
        return util.formatTime(new Date(log))
      })
    })
  }
})

大家可能不习惯 this.XXXX 习惯了 JS 其实可以

data 里面的数据就是用 this.data.XXXX赋值和调用哈

咱怎么让变量显示在页面上呢,现在说一下,这个家伙

<!--logs.wxml-->
<view class="container log-list"><!--布局方式采用container 和 log-list-->

  <text>{{qqqqqqqq}}</text><!--加个文本显示  js文件this.setData({ qqqqqqqq:XXXX }) XXXX就是text的显示内容-->

  <block wx:for="{{logs}}" wx:for-item="log">
    <text class="log-item">{{index + 1}}. {{log}}</text>
  </block>
</view>

//logs.js
const util = require('../../utils/util.js')

var GlobalValueStr = "测试页面的显示信息1111111111"

Page({
  data: {
    logs: [], //data里面定义数据全部按照json格式
    str: "测试页面的显示信息222222222"
  },
  onLoad: function () {//页面加载的时候条用
    this.setData({
      qqqqqqqq:"显示一下哈让我看看"
    })

    this.setData({
      logs: (wx.getStorageSync('logs') || []).map(log => {
        return util.formatTime(new Date(log))
      })
    })
  }
})

现在让它显示JS变量里面的值

因为 onLoad 函数里面有 this.setData 了,所以咱合成一个