学了一下小程序,… 虽然目前小程序用得少,本人。但是回家买票还是有用小程序的。
小程序开发不难,会三件套html, css ,js 就行了。如果你会vue就更快了。它就是一套前端项目,代码是下载下来,运行在微信上的。有一些标签替换了html的标签,经过编译,又会变为web元素。而数据只需要调用接口就行了,小程序会自动渲染。
1. 项目结构说明
编辑器
调试
页面编写
demo
右击文件夹,新增page
<!--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
})
}
})