Explication détaillée et exemples simples du modèle de mini-programme WeChat-Développement de mini-programmes-php.cn

Modèle de programme WeChat Mini

Modèle

WXML fournit des modèles (Modèle), dans lesquels des extraits de code peuvent être définis puis utilisés à différents endroits. Le format et les données peuvent être garantis identiques.

1-Définir le modèle

Utilisez la balise ` ` pour définir le modèle, nommer le nom du modèle tempName et attribuer au nom de l'attribut. À l’intérieur de la balise, définissez la structure du modèle. Comme suit :

{{index}}: {{msg}} Time: {{time}} Copier après la connexion

2-Utilisez des modèles

Utilisez la balise Si vous souhaitez utiliser les données du fichier js, vous devez ajouter l'attribut data. Comme suit :

此时在页面上就会重复显示三次相同的信息。 data中的数据，来源于js文件，如下： Page({ data: { item: { index: 0, msg: 'this is a template', time: '2016-09-15' } } }) Copier après la connexion

L'attribut 3-is

cet attribut peut non seulement pointer statiquement vers le modèle rendu, mais également utiliser la syntaxe Moustache pour déterminer dynamiquement le modèle spécifique. le rendu nécessite quel modèle. Comme suit :

// templates odd even // is属性使用Mustache语法动态渲染template Copier après la connexion

Le code ci-dessus s'affichera impair ou pair sur la page selon les conditions

Référence à 4 modèles

Comme ci-dessus, le modèle est défini et référencé dans le même fichier wxml, mais la définition et la référence du modèle peuvent être séparées. Autrement dit, le modèle est défini dans un fichier et le modèle défini peut être utilisé dans un ou plusieurs autres fichiers wxml. Pour référencer un modèle à partir d'un fichier externe, utilisez la balise import src="templateUrl" /> Utilisez également l'attribut is pour pointer vers l'étiquette à référencer. Par exemple, le répertoire est le suivant :

Pour utiliser le modèle défini dans template dans index.wxml, vous devez d'abord importer le modèle dans index :

Copier après la connexion

Faites attention à la portée de l'importation, qui fait uniquement référence au modèle dans le fichier cible. Par exemple : C importe B, B importe A, en C vous pouvez utiliser le modèle défini par B, en B vous pouvez utiliser le modèle défini par A, mais C ne peut pas utiliser le modèle défini par A.

Merci d'avoir lu, j'espère que cela pourra vous aider, merci pour votre soutien à ce site !

Pour des explications plus détaillées sur le modèle de programme WeChat Mini et des exemples simples, veuillez faire attention au site Web PHP chinois !