「小程序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



  姓名:{{name}}
  年龄:{{age}}
  地址:{{address}}
  备注:{{remark}}
  msg:{{msg}}



  
  
  

templateIs.js

//templateIs.js
//获取应用实例
const app = getApp()

Page({
  data: {
    person: {
      address: "公众号:编程坑太多",
      remark: "个人主页:www.idig8.com"
    },
    msg: "感谢关注,收藏!"
  }
})

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

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

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站标题:「小程序JAVA实战」小程序通用模板的使用(17)-创新互联
文章网址:http://scjbc.cn/article/dscdsi.html

其他资讯