小規模なプログラム開発の簡単な例を詳しく解説

Y2J
リリース: 2017-05-11 13:36:14
オリジナル
2772 人が閲覧しました

この記事では、WeChat アプレットの簡単なサンプル アプリケーション (アプリケーション アカウント) の関連情報を主に紹介します。必要な友達は、

デモ プレビュー

デモ ビデオ (トラフィック警告 2.64MB) を参照してください。

GitHub リポジトリ アドレス

ウェアハウス アドレス: github.com/zce/weapp-demo

手順

を使用して、リポジトリをローカルに複製します:


bash $ git clone https://github.com / zce/weapp-demo.git weapp-douban -- Depth 1 $ cd weapp-douban

WeChat Web オープナー ツールを開きます (注: バージョン 0.9.092300 である必要があります)

バージョン 0.9.092300 である必要があります。前のバージョンは正常な動作を保証できません

いわゆるクラックは必要ありません。インターネット上でのいわゆるクラックは、前のバージョン 0.9.092100 のみです。新しい正式バージョンでは、クラックは必要ありません。ひび割れ!

ダウンロードリンク (正式版、安心してダウンロード): https://pan.baidu.com/s/1qYld6Vi

wechat_web_devtools_0.9.092300_x64.exe (Windows 64 ビット)
wechat_web_devtools_0.9.092300_ia32.exe ( Windows 32 ビット)

wechat_web_devtools_0.9.092300.dmg (macOS)



1. プロジェクトを追加することを選択し、対応する情報を入力または選択します

AppID: 右下隅にある [No AppID] をクリックします (私も資格がありません) 、今回の200か所は小龍琴だそうです クリック)
プロジェクト名:デプロイを伴わないので何気なく入力してください

プロジェクトディレクトリ:先ほどクローンしたフォルダーを選択してください

クリックして追加プロジェクトです



明けましておめでとうございます、頑張ってください


WeChat Web オープナー ツールでコーディングすることもできます (お気に入りの エディター

を選択することもできます)


1 2. Bash ユーザーは、プロジェクト ディレクトリで次のコマンドを実行することで、新しいコンポーネントに必要なファイルをすばやく作成できます:

bash $ ./generateページ <新しい-ページ名> # または $ ./generate コンポーネント <新しいコンポーネント名>

残りは無料でプレイできます

WeChat アプレットの基本チュートリアル (継続更新)

プロジェクトフォルダーを作成し、基本的な必要なファイルを作成します

app.js

项目主入口文件(用于创建应用程序对象)

// App函数是一个全局函数,用于创建应用程序对象
App({
 // ========== 全局数据对象(整个应用程序共享) ==========
 globalData: { ... },

 // ========== 应用程序全局方法 ==========
 method1 (p1, p2) { ... },
 method2 (p1, p2) { ... },

 // ========== 生命周期方法 ==========
 // 应用程序启动时触发一次
 onLaunch () { ... },

 // 当应用程序进入前台显示状态时触发
 onShow () { ... },

 // 当应用程序进入后台状态时触发
 onHide () { ... }
})
ログイン後にコピー

app.

json

プロジェクト構成宣言ファイル(

ナビゲーションなど、プロジェクトの一部の情報を指定します) バースタイルの色など)

app.
wxss

[!オプション!] プロジェクトのグローバルスタイルファイル、コンテンツはCSS標準構文に従います

ページコンポーネントを作成します各ページコンポーネントも 4 つのファイルに分割されています:

page-name.js


ページのライフサイクル制御とデータ処理を処理する使用されるページ ロジック ファイル

  1. 続きます...

  2. page- name.json

  3. 現在のページが動作するときにいくつかの構成を設定します

  4. App.jsonはここでオーバーライドできます

  5. のウィンドウ設定は、ウィンドウで使い慣れた設定のみを設定できることを意味します

  6. 続く...

  7. ページ名.wxml

  8. wxmlはWei Xinマークアップ言語を指します

  9. ページ内の要素の構造を定義するために使用される

  10. 構文はXML構文に従います。 HTML 構文ではなく XML 構文であることに注意してください。HTML 構文ではありません。HTML 構文ではありません

  11. 続きます...

  12. page-name.wxss

  13. wxml は Wei Xin スタイルシートを参照しています

  14. はページスタイルを定義するために使用され、構文はCSS構文に従い、CSSの基本的な使用法と長さの単位を拡張します(主にrpx応答

  15. 【関連推奨事項】

  16. 1.
  17. WeChatアプレットの完全なソースコードのダウンロード

  18. 2
  19. WeChat アプレットのデモ: NetEase Cloud Music の模倣

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

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