ウィーチャットウィジェットテンプレートとモジュール化用法の実例分析

本論文の実例は、マイクロクレジット・ウィジェットのテンプレートとモジュール化の使用法を説明する。皆さんに参考にしてあげます。具体的には以下の通りです。
template
テンプレートは、定義時にname属性を使用して、以下のように宣言します。

<template name="mytemp">
 <view>
  name:{{names}} address:{{add}}
 </view>
</template>

テンプレートは直接画面に表示できません。呼び出しが必要な時に表示されます。呼び出し時にはIS属性を使って呼び出しのテンプレートを説明する必要があります。また、転送の形式は様々です。

<!--                -->
<template is="mytemp" data="{{names:'aaa', add:'bbbb'}}"></template>
<!--             -->
<template is="mytemp" data="{{...person}}"></template>
<!--                  -->
<template is="mytemp" data="{{...persons[0]}}"></template>
<template is="mytemp" data="{{...persons[1]}}"></template>

モジュール化
私たちはいくつかの共通のコードを分離して個々のjsファイルにすることができます。モジュールとして、WeChatの公式文書はexportsとrequireを組み合わせて使う必要があると説明しています。外部呼出のためにexportsが必要です。使う時はrequireを参照してください。どうせダウンロードしましたので、使う時に問題があればダウンロードしてください。私はcommon.jsフォーマットを作成しました。

//  url
require("url.js");
function log(str){
 console.log("log:" + str);
}
//  log  
 module.exports.log = log;

使う時は次のように使えます。

var common = require("../../common/common.js");
Page({
 click:function(){
  common.log("    ");
 }
})

また、この駅の前の文章もモジュール化しています。興味のある方は参考にしてください。
本稿で述べたように、皆様のマイクロクレジットのプログラミングに役に立ちますように。