所属分类：php教程
程序员必备接口测试调试工具：立即使用
Apipost = Postman + Swagger + Mock + Jmeter
Api设计、调试、文档、自动化测试工具
后端、前端、测试，同时在线协作，内容实时同步
开发框架组成介绍
小程序的开发框架是由四大部分组成分别是WXML,WXSS,WXS,Java Script组成。
1.WXML用于描述页面的内容；
2. WXSS描述页面样式；
3. JS用于处理用户逻辑以及数据通信；
4. WXS对WXML能力增强的一种体现，可以把请求到的数据进行一个计算处理，帮助wxml快速构建出页面的结构；
WXML语法
WXML(weixin markup language)
<标签名 属性名="属性名1" 属性名="属性名2" ...>
</标签名>
WXML特性
WXML一共有四个语言特性，分别是数据绑定、列表渲染、条件渲染以及模板引用
1、数据绑定：
微博登录
QQ登录
{{message}}
---------------------------------------------------
Page
(
{
data:
{
message:"Hello,world!"
}
}
)
登录后复制2、列表渲染
{{index}}:{{item.name}}
------------------------------------------
Page
(
{
data:
{
items:[
{name:"商品A"}
{name:"商品B"}
]
}
}
)
登录后复制3、条件渲染
今天吃什么？
当然是吃饺子啦！
可以考虑吃面条！
米饭把米饭吧
-----------------------------------------------------------
Page
(
{
data:
{
condicition:Math.floor(Math.random()*3+1)
}
}
)
登录后复制4、模板及引用
收件人：{{name}}
联系方式：{{phone}}
地址：{{address}}
--------------------------------------------------------------------
Page
(
{
data:
{
item:
{
name="张三",
photo="1212123",
address="China"
}
}
}
)
登录后复制
Hello,world
Hello World!
登录后复制注意：引用不可嵌套
------------------------------------
This is a.wxml
hello world
登录后复制注意：include拷贝除了母版之外的所有内容
本文转载自：https://blog.csdn.net/yue__shen/article/details/90384729
推荐：《小程序开发教程》
以上就是小程序入门开发之了解WXML的详细内容，更多请关注zzsucai.com其它相关文章！
