「小程序JAVA实战」小程序通用模板的使用(17)(小程序开发,微信小程序,微信开发,移动开发)

时间:2024-04-30 01:43:05 作者 : 石家庄SEO 分类 : 移动开发
  • TAG :

小程序也为了页面增加了通用模板的功能,如何去理解一个通用的模板呢?模板的定义就是为了让我们的页面可以享受一些公用话的模板,模板可以我们当成js里面定义的通用方法,我们需要这些通用的模板的时候,只需要调用这些模板就可以了,并且模板也提供一些参数。源码:https://github.com/limingios/wxProgram.git 中的No.8

小程序的为页面定义通用模板

  1. template name =”[templateName]”

  2. 引用模板is = [templateName]

  3. 传入参数data = {{data}}

  4. 官方的阐述
    >https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/template.html

「小程序JAVA实战」小程序通用模板的使用(17)

  1. 演示 模板的概念
    >WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。
    使用 name 属性,作为模板的名字。然后在template内定义代码片段,使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入,模板拥有自己的作用域,只能使用 data 传入的数据以及模版定义文件中定义的 模块。

templateIs.wxml

<!templateIs.wxml--><template name="mytemp">  <view>姓名:{{name}}</view>  <view>年龄:{{age}}</view>  <view>地址:{{address}}</view>  <view>备注:{{remark}}</view>  <view>msg:{{msg}}</view></template><view class="container">  <template is="mytemp" data="{{...person,msg,name:'limng',age:'永远18岁'}}" />  <template is="mytemp" data="{{...person,msg,name:'limng',age:'永远18岁'}}" />  <template is="mytemp" data="{{...person,msg,name:'limng',age:'永远18岁'}}" /></view>

templateIs.js

//templateIs.js//获取应用实例const app = getApp()Page({  data: {    person: {      address: "公众号:编程坑太多",      remark: "个人主页:www.idig8.com"    },    msg: "感谢关注,收藏!"  }})

「小程序JAVA实战」小程序通用模板的使用(17)

PS:应该是随着开发小程序项目的增多,肯定会积累一些代码,这些代码都可以通过抽离template的方式来方面后期的开发。



 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:「小程序JAVA实战」小程序通用模板的使用(17)的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:linux可执行文件与写操作的同步问题怎么解决下一篇:

4 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18