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

小程序也为了页面增加了通用模板的功能,如何去理解一个通用的模板呢?模板的定义就是为了让我们的页面可以享受一些公用话的模板,模板可以我们当成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的方式来方面后期的开发。

>>原创文章,欢迎转载。转载请注明:转载自IT人故事会,谢谢!

>>原文链接地址:
「小程序JAVA实战」小程序通用模板的使用(17)

原文 

http://idig8.com/2018/08/09/「小程序java实战」小程序通用模板的使用(17)/

本站部分文章源于互联网,本着传播知识、有益学习和研究的目的进行的转载,为网友免费提供。如有著作权人或出版方提出异议,本站将立即删除。如果您对文章转载有任何疑问请告之我们,以便我们及时纠正。

PS:推荐一个微信公众号: askHarries 或者qq群:474807195,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分析,高并发、高性能、分布式、微服务架构的原理,JVM性能优化这些成为架构师必备的知识体系。还能领取免费的学习资源,目前受益良多

转载请注明原文出处:Harries Blog™ » 「小程序JAVA实战」小程序通用模板的使用(17)

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址