Mini programa de desarrollo de WeChat

Mini herramienta de desarrollo de programas win10 dirección de descarga

Dirección del documento oficial


Aprendí sobre programas pequeños ... Aunque los programas pequeños se utilizan menos en la actualidad, I. Pero todavía hay pequeños programas para comprar boletos cuando regresa a casa.
No es difícil desarrollar programas pequeños, solo html, css y js de tres piezas son suficientes. Si conoce vue, será más rápido. Es un conjunto de proyectos front-end, y el código se descarga y se ejecuta en WeChat. Algunas etiquetas reemplazan a las etiquetas html y, después de la compilación, se convierten en elementos web. Los datos solo necesitan llamar a la interfaz y el subprograma se procesará automáticamente.

1. Descripción de la estructura del proyecto

Escritura de página de

depuración del editor
Inserte la descripción de la imagen aquí

manifestación

Haga clic derecho en la carpeta y agregue la página

<!--pages/demo/demo02.wxml-->
<text>pages/demo/demo02.wxml</text>

<button bindtap="onSearch">加载数据</button>

<view wx:for="{
     
     {city}}">
  {
   
   {item}}
</view>


// pages/demo/demo02.js
Page({
    
    

  /**
   * 页面的初始数据
   */
  data: {
    
    
    city: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
    

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
    

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
    

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
    

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
    

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
    

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
    

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
    

  },
  // 点击搜索~
  onSearch: function() {
    
    

    let data_list = ['changsha', 'shanghai', 'wuhan', 'beiJing', 'banner'];

    this.setData({
    
    
      city: data_list
    })
  }
})


Supongo que te gusta

Origin blog.csdn.net/qq_44783283/article/details/110186490
Recomendado
Clasificación