微信小程序开发

微信小程序开发

1.下载；微信开发者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
2.页面结构介绍：
app.js 页面逻辑
app.json页面配置
app.wxml页面结构
app.wxss页面样式
3.小程序页面设计和逻辑编写
wxml 骨架内容
wxss 样式
js 逻辑
json 配置

pages/indes/index.js
page(
{
data:["red",orarge","yellow","green","blue"]
)
pages/indes/index.json

pages/indes/index.wxss
page{height:100px;background:red;}
pages/indes/index.wxml

<view class ="">显示内容1</view>
<view class ="">显示内容2</view>

4.小程序全局配置，页面配置，视图层数据绑定，视图层条件渲染，视图层列表渲染，视图层模板，视图层事件，
5.引用
import
include