WeChatアプレットをベースにした日々の学習チェックインシステムのプロジェクトデモンストレーション
WeChatミニプログラム関連技術
WeChat ミニプログラムを開始する本来の目的は、ユーザーにとってより便利になるだけでなく、開発者にとってより効率的な開発を行うためのより便利で便利な開発環境を提供することです。あらゆるシステムの設計と開発には、システム全体の完全な動作を保証するための完全なシステム フレームワークが必要です。WeChat ミニ プログラムでは、開発を迅速化するために、WeChat ミニ プログラムで使用されるフレームワークは MINA アプリケーション フレームワークです。MINA フレームワークは主にデータ対話を担当するシステムです。その構成は主に、ページを表示するためのビュー層構造と、データ対話を実現するロジック層システムで構成されます。このうち、ビュー層はイベントリクエストの発行を担当し、ロジック層はデータの受信とデータの処理を担当します。論理層がデータを受信すると、ビュー層は論理層のデータ変更に基づいて対応する更新を行い、MINA フレームワークは論理層とビュー層のデータ変更を同期します。
フレームワークは多くのインタラクティブな操作も担当します。開発者は実装するページのメソッドと関数を入力するだけでよく、フレームワークはプログラム全体のページ ルーティングとライフ サイクルを管理できるため、ミニ プログラムが別の子にシームレスにジャンプできます。ページ数もスムーズ。MINA フレームワークのビュー層は、ミニ プログラムのフロントエンド インターフェイスの開発に使用され、ページはインターフェイスを構築し、開発には WXML および WXSS 言語を使用します。WXML言語とWXSS言語はどちらもフレームワーク自体が提供する記述言語であり、ページ構造の記述にはWXMLが使用されます。WXSS は、ページの表示スタイルを制御し、ページの基本的なビュー構造を構築するために使用されます。AppService 論理層は MINA のサービス センターです。ページ レンダリングに必要なデータとページ インタラクション処理のロジックを担当し、アプリケーションのライフ サイクルとページ ルーティングを管理します。ビュー層はイベント リクエストをロジック層に送信します。 、ロジック層はページ データの処理とリクエストを介した処理を実行し、送信された後、ページ レンダリングのためにビュー層に送信されます。ロジック層は JavaScript 言語で記述され、ページ操作、ネットワーク リクエスト、データ処理を実装します。ロジック層には、小さなプログラムの強力な API インターフェイス関数が含まれています。開発者は、開発時に、ユーザー情報を取得するためのインターフェイスなど、必要な関数を直接呼び出すことができます。 、決済機能インターフェース、位置情報サービス機能インターフェースなど。さらに、ミニ プログラムは JSBridge を使用して基盤となる API インターフェイスを動員し、JSBridge は JavaScript を通じて Web とネイティブを接続し、ネイティブが WEB の JS コードを呼び出し、Web がネイティブ コードを呼び出すことができます。したがって、WeChat ミニ プログラムの開発では、iOS と Android オペレーティング システムの違いを考慮する必要はなく、両者には互換性があり、ビュー層とロジック層で開発するだけで済みます。次の図は、主に MINA フレームワークの主な構造を示しています。
WeChat アプレット ファイル ディレクトリ
すべての WeChat ミニ プログラムの開発には、ミニ プログラム全体を説明することを主な機能とするアプリと、主にミニ プログラムのページを説明するために使用されるページが含まれている必要があります。ミニ プログラムを開発する場合、WeChat ミニ プログラムによって初期化されるコード構造のディレクトリは非常にシンプルかつ明確であり、pages ディレクトリと utils ディレクトリ、および app.js、app.json、app の 2 つのディレクトリのみが表示されます。 .wxss. アプリケーション ファイル。ページ ディレクトリの場合、その主な機能はアプレットの各表示ページを「格納」するために使用される「メモリ」に相当します。ページは、js ファイル、wxml ファイル、wxss ファイル、および json ファイルの 4 つのファイルを含むディレクトリに対応します。次の図に示すように、pages ディレクトリには主に、インデックスとログの 2 つのページを構成するファイルが格納されます。Utils は、js ライブラリとデジタル形式ファイルの保存を担当します。図 2-2 に示すように。
次に、ミニ プログラムの主要部分となる、すべてのミニ プログラムに含める必要がある 3 つのファイル app.js、app.json、app.wxss を紹介します。そして、これら 3 つのファイルのファイル名は固定されており、気軽に変更することはできません。以下の表 2-1 では、これら 3 つのファイルを詳しく紹介します。
ファイル app.js は、最初に実行されるファイルです。なぜなら、まずプログラム コードの統一された定義とグローバル ロジックの統一された処理が必要だからです。app.js のサフィックス名から、この部分では JavaScript コードが使用されていることがわかります。アプリには主に、onLaunch メソッド、getUserInfo メソッド、globalData グローバル変数データが含まれています。
onLaunch メソッド内のプログラムは、アプレットの起動時に実行されます。wx. で始まるメソッドはすべてシステムの「組み込み」メソッドであり、使用する必要があるときに直接呼び出すことができます。wx. と入力するたびに、システムはすぐにその「自己完結型」メソッドを表示します。それが上の写真に示されています。wx.getStorageSync は、ローカル キャッシュのログ フィールドを取得します。unshift() メソッドは、新しいログの内容と現在の時刻を配列の末尾に追加します。get UserInfo カスタム メソッドは、ユーザー情報を取得するために使用されます。ここでは、まずユーザー情報が空かどうかを判断する必要があります。ユーザー情報が空の場合は、WeChat ログイン インターフェイスを呼び出します。ログインに成功すると、ユーザー ID と ID がグローバル変数 globalData に保存されます。app.json ファイルは、ミニ プログラムの全体的な構成ファイルです。このファイルでは、ミニ プログラムのコンポーネント ページを構成する必要があり、ミニ プログラム全体の統一されたウィンドウの背景色とナビゲーション バーを実際のニーズに応じて構成できます。スタイル、デフォルトのタイトルなど。このファイルにはコメントを追加できません。app.json は、現在のアプレットのグローバル構成です。ミニ プログラムのすべてのページ パス、インターフェイス ウィンドウのパフォーマンス、ネットワーク タイムアウト、下部タブなどが含まれます。app.json の構成は、他のページの同じ .json 構成によってオーバーライドできます。
app.wxss は、アプレット全体の共通のスタイル シートです。主にミニ プログラムのスタイルを全体的に制御するためのものです。同様に、このファイル内のスタイルは、他のページの .wxss 内の同じスタイルによってオーバーライドされます。
mysql データベースは、分かりやすい操作性、強力な機能、高い情報保存容量など、多くの利点を持っています。したがって、広く人々に使用されています. mysql データベースの場合、一般に主にデータのエンコードとクエリに使用され、多くの設計でこのデータベースに適用されます. このプロセスでは、従来のデータをクエリしたり組み合わせたりすることができます。 mysql データベースを使用すると、対応する機能を実現するために小さなデータを書き込むだけで済みます。データベースはデータを保管するための保管室ですが、データは実際の保管室ではなくコンピューター上に保管されます。データは無秩序ではなく、固定フォーマットで保管されます。定義は次のとおりです。固定フォーマットで長期間保管されます。ストレージ共有できるコンピュータのメモリ上。データベース管理とは、主にデータテーブルの構築、データの保管、データの変更・追加などであり、データベースシステムが正常に動作するために関係者が行う管理作業です。データテーブルを確立すると、データテーブル内のデータを調整し、データを再結合および再構築して、データのセキュリティを確保できます。
システムページの表示
必要に応じて、記事の下の QR コードをスキャンしてソース コードにアクセスできます。