文档章节

微信应用号之import、include 要点

k
 kikicoco
发布于 2016/09/24 02:55
字数 475
阅读 36
收藏 0

在开发 微信应用号的过程中,希望能够达到这种效果;定义了多个通用的 wxml 来放置tempalte ,同时希望有一个 wxml 能够统一的管理引用的模板;

如下所示:

模板结构

其中 input,wxml 代码为:


<!--
	微信搜索框
 -->

<template name="searcheInputView1">
	<view class="section weixin-search-input-view page-view-direction-row">
	 	<input placeholder="搜索"  />
	</view>
</template>

<template name="searcheInputView2">
	<view class="section weixin-search-input-view page-view-direction-row">
	 	<input placeholder="搜索"  />
	</view>
</template>

包含了很多input类型的模板 commonTemplate.wxml 希望能够引入input.wxml、panel.wxml 等,然后再具体的页面中只需要引入commonTemplate.wxml 即可用到所有定义的模板

当看到微信应用号引用时,发现import 只能够传递一层,即 A->B B->C A !->C 这样就导致了这种方法不能使用。 蛋疼之余,看到include 是这样描述的

include可以将目标文件出了<template/>的整个代码引入,相当于是拷贝到include位置

那么 <import>算是 template 的内容吗?测试一下,结果惊喜的发现竟然是可以这么使用的。于是十分兴高采烈的使用上了我的 ”组件模块化” 。 最后放出代码: commonTemplate.wxml

<!-- 该文件做通用引用功能 -->

<!-- 输入框组件  -->
<import src="input.wxml" />

<!-- 面板组件 -->
<import src="panel.wxml" />

模板代码 : input.wxml


<!--
	微信搜索框
 -->

<template name="searcheInputView1">
	<view class="section weixin-search-input-view page-view-direction-row">
	 	<input placeholder="搜索"  />
	</view>
</template>

<template name="searcheInputView2">
	<view class="section weixin-search-input-view page-view-direction-row">
	 	<input placeholder="搜索"  />
	</view>
</template>

调用代码: weixin.wxml

<!-- 导入模板-->
<include src="../../common/template/commonTemplate.wxml" />


<!--一个块级区域-->
<template is="searcheInputView" />

完美解决问题,不过这里可能会引起效率问题,因为加载太多的模板,这里待研究测试

© 著作权归作者所有

k
粉丝 14
博文 13
码字总数 4092
作品 0
杭州
私信 提问
Django需要注意的10个要点

1,不要将项目名称包含在引用代码里 比如你创建了一个名为"project"的项目,包含一个名为"app"的应用,那么如下代码是不好的: from project.app.models import Author 缺点在于:应用和项目...

岭南六少
2011/08/19
452
0
Zabbix使用微信发送告警(附上Python代码)

介绍 本文将介绍如何把zabbix告警接入到微信,通过微信企业号将告警信息发送到运维人员的微信上。本文适合于已经实现了邮件告警的小伙伴,因为需要在已经能实现告警的基础上进行,如果还不知...

English0523
2017/08/14
0
0
(八)Zabbix_创建企业微信

(八)Zabbix创建企业微信 背景: 1、zabbix-3.4.4服务器搭建完成 2、主机监控已经部署(能触发警告报警即可) 思路: 1、创建免费的企业微信 2、根据自己报警内容可建多个企业应用 3、创建报...

火头一号
2018/06/29
0
0
揭露微信清理僵尸粉的连环骗局

  近期你可能会经常收到“免费帮你清理微信僵尸粉”的信息,或是“我在清理微信好友,一清吓一跳”的朋友圈吐槽。很多人点开了信息中的附带链接,按照对方说的步骤清理僵尸粉,结果可能会出...

ytkahcom
2017/02/22
0
0
zabbix监控的维信报警设置线上落地经验

微信接收zabbix监控信息脚本和配置 微信企业号的申请 1、注册的地址https://qy.weixin.qq.com/ 2、创建用户和应用 zabbix server配置脚本的路径 #vim zabbix_server.conf AlertScriptsPath=/...

拎壶冲冲冲
2018/07/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Vue学习01

我的github地址https://github.com/zhangl-w/VueDemo/tree/master/VueDemo 一、基本代码 1.导入Vue包,导包后浏览器内存中会产生一个Vue的构造函数 2.创建一个Vue实例 3.el 表示,当前我们n...

zhang_l
29分钟前
5
0
centos7.x 安装harbor 1.9.3

首先必须安装docker和docker-compose 推荐使用pip安装docker-compose,因为pip可以为你自动对应版本问题 1.docker安装 curl -sfL https://get.docker.io | sh -systemctl start docker 2.d...

Elson
29分钟前
5
0
每天积累一点:射频阻抗

对我来说,阻抗是一个非常令人困惑的概念(术语)。以下是我第一次学习阻抗概念时脑海中出现的许多问题。同样的问题也让你烦恼吗? 当我第一次在高中物理中学习“电阻(Resistance )”时,它...

demyar
30分钟前
5
0
人生苦短?试试Groovy进行单元测试

如果您今天正在编程,那么您很可能听说过单元测试或测试驱动的开发过程。我还没有遇到一个既没有听说过又没有听说过单元测试并不重要的程序员。在随意的讨论中,大多数程序员似乎认为单元测试...

八音弦
32分钟前
4
0
GMAT词汇怎么背?简单记忆法让你不再害怕背单词

GMAT考试对于词汇的掌握和使用要求高,可以说是GMAT考试的难关之一。面对学术化专业化难度颇高的词汇,考生难免会产生畏惧退缩的情绪。GMAT难词怎么背?有没有轻松背单词的方法呢?下面小编就为...

bole6
33分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部