ホームページ > WeChat アプレット > ミニプログラム開発 > 小規模プログラム開発のためのWXMLを詳しく解説

小規模プログラム開発のためのWXMLを詳しく解説

Y2J
リリース: 2017-05-18 13:42:53
オリジナル
8383 人が閲覧しました

WXML (WeiXin Markup Language) は、MINA フレームワークによって設計された一連のタグ言語であり、基本コンポーネントやイベント システムと組み合わせて、ページの構造を構築できます。

以下の簡単な例で WXML がどのような機能を備えているかを確認してください:

データ バインディング

<!--wxml--><view> {{message}} </view>
// page.jsPage({
  data: {
    message: &#39;Hello MINA!&#39;
  }
})
ログイン後にコピー

リスト レンダリング

<!--wxml--><view wx:for-items="{{array}}"> {{item}} </view>
// page.jsPage({
  data: {
    array: [1, 2, 3, 4, 5]
  }
})
ログイン後にコピー

条件付きレンダリング

<!--wxml--><view wx:if="{{view == &#39;WEBVIEW&#39;}}"> WEBVIEW </view><view wx:elif="{{view == &#39;APP&#39;}}"> APP </view><view wx:else="{{view == &#39;MINA&#39;}}"> MINA IS NOT APP </view>
// page.jsPage({
  data: {
    view: &#39;MINA&#39;
  }
})
ログイン後にコピー

テンプレート

rreee

イベント

【関連推奨事項】

1. WeChatミニプログラムの完全なソースコードのダウンロード

2. 簡単な左スワイプ操作とウォーターフォールフローレイアウトWeChatミニプログラムのAppストアを追跡します。ソースコード

以上が小規模プログラム開発のためのWXMLを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート