小程序开发框架组成有哪些

这篇文章主要介绍了小程序开发框架组成有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

<强>开发框架组成介绍

小程序的开发框架是由四大部分组成分别是WXML, WXS, WXS, Java脚本组成。

1. WXML用于描述页面的内容;

2。wxs描述页面样式;

3。JS用于处理用户逻辑以及数据通信;

4。WXS对WXML能力增强的一种体现,可以把请求到的数据进行一个计算处理,帮助WXML快速构建出页面的结构;

<强> WXML语法

WXML (weixin标记语言)

& lt;标签名属性名=笆粜悦?“;属性名=笆粜悦?“;……在

& lt;/标签名祝辞

<强> WXML特性

WXML一共有四个语言特性,分别是数据绑定,列表渲染,条件渲染以及模板引用

1,数据绑定:

& lt; !——index.wxml祝辞 　　& lt; view> 　　& lt;才能text>{{消息}}& lt;/text> 　　& lt;/view> 　　--------------------------------------------------- 　　& lt; !——index.js祝辞 　　页面 　　(, 　　{才能 　　,,,,数据: 　　,,,,,,,,,{ 　　,,,,,,,,,,,的信息:“你好,世界!“ 　　,,,,,,,,,} 　　,,} 　　)

2,列表渲染

& lt; !——index.wxml祝辞 　　& lt; view> 　　& lt;才能block 天气:为=皗{物品}},,,天气:项=皗{项}},,,天气:关键=癷ndex"比; 　　,,,& lt; view>{{指数}}:{{item.name}} & lt;/view> 　　& lt;才能/block> 　　& lt;/view> 　　------------------------------------------ 　　& lt; !——index.js祝辞 　　页面 　　（ 　　{才能 　　,,,数据: 　　,,,,,,,{ 　　,,,,,,,,,项目:( 　　,,,,,,,,,,,,,,,{名称:“商品A"} 　　,,,,,,,,,,,,,,,{名称:“商品B"} 　　,,,,,,,,,,,,,,,) 　　,,,,,,,} 　　,,} 　　)

3条件渲染

& lt; !——index.xwml祝辞 　　& lt; view>今天吃什么? & lt; view> 　　& lt; view  wx:如果=皗{condicition===1}}“祝辞当然是吃饺子啦! & lt;/view> 　　& lt; view  wx: elif=皗{condicition===2}}“祝辞可以考虑吃面条! & lt;/view> 　　& lt; view  wx: else>米饭把米饭吧& lt;/view> 　　----------------------------------------------------------- 　　& lt; !——index.js祝辞 　　页面 　　（ 　　,{ 　　,,数据: 　　,,,,,,{ 　　,,,,,,condicition: Math.floor (math . random () * 3 + 1) 　　,,,,,,} 　　,} 　　)

4模板及引用

& lt; !——index.wxml 模板——比; 　　& lt; template  name=皌emplate"祝辞 　　& lt;才能view> 　　,,,& lt; view>收件人:{{名称}}& lt;/view> 　　,,,& lt; view>联系方式:{{电话}}& lt;/view> 　　,,,& lt; view>地址:{{地址}}& lt;/view> 　　& lt;才能/view> 　　& lt;/template> 　　& lt; template 是=皌emplate", data=皗{……项}}“,祝辞& lt;/template> 　　-------------------------------------------------------------------- 　　& lt; !——index.js祝辞 　　页面 　　(, 　　{才能 　　,,,数据: 　　,,,,,,,,{ 　　,,,,,,,,,,单品: 　　,,,,,,,,,,,,,,,{ 　　,,,,,,,,,,,,,,,,,的名字=罢湃? 　　,,,,,,,,,,,,,,,,,照片=?212123”, 　　,,,,,,,,,,,,,,,,,地址=癈hina" 　　,,,,,,,,,,,,,,,} 　　,,,,,,,,} 　　,,} 　　)

 
　　<模板=" "> 
　　
　　<视图> Hello, world 
　　<模板名称=" ">
　　你好世界!
　　 

注意:引用不可嵌套

& lt; !——index.wxml祝辞 　　& lt; https://www.yisu.com/zixun/include  src=" a.wxml "> 　　<模板=" "> 　　 　　------------------------------------ 　　 　　<模板名称=" "> 　　<视图>这是a.wxml 　　 　　<视图> hello world

注意:包括拷贝除了母版之外的所有内容

感谢你能够认真阅读完这篇文章,希望小编分享的“小程序开发框架组成有哪些”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

小程序开发框架组成有哪些