微信小程序开发实践

资源

视频 https://www.imooc.com/learn/1121

账号注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1

开发工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

开发文档 https://developers.weixin.qq.com/miniprogram/dev/framework/

1、项目文件

1. json 配置
2. wxml 模板
3. wxss 样式
4. js 脚本逻辑

2、json 配置

project.config.json 项目配置 app.json 全局配置 page.json 页面配置

3、wxml 模板

标签：view 数据绑定： 动态数据 page.data Mustache 语法 变量：{{key}} 循环：wx:for 条件：wx:if

eg:

// pages/index/index.js

Page({
  /**
   * 页面的初始数据
   */
  data: {
    name: "Tom",
    arr: ["cat", "dog"],
    isLogin: true,
  },
});

{{name}}