ホームページ  >  記事  >  WeChat アプレット  >  Weiphp WeChat開発チュートリアル掲示板プラグイン開発詳細説明

Weiphp WeChat開発チュートリアル掲示板プラグイン開発詳細説明

高洛峰
高洛峰オリジナル
2017-03-09 14:51:523245ブラウズ

weiphp フレームワークに基づく Weiphp WeChat 開発チュートリアル 掲示板プラグイン開発の詳細な説明


1. 機能分析

従来の掲示板には、メッセージの投稿、メッセージの表示、返信の機能が必要です。このチュートリアルでは、メッセージの投稿とメッセージの表示の 2 つの機能のみを含む、最も基本的なメッセージ ボードを開発します。機能に従ってブートストラップで作成されたフロント ページのスタイルは次のとおりです。

weiphp微信开发教程留言板插件开发详解

weiphp微信开发教程留言板插件开发详解

2. 新しい weiphp プラグインを作成します


最初のステップでは、メッセージボードの機能要件に従ってフロントエンドエフェクトページを設計し、次のステップは徐々に開発することですエフェクトに基づく weiphp プラグイン

最初のステップは、weiphp バックエンド管理ページで、構成項目が必要かどうかと必要かどうかの両方のオプションで「はい」を選択することを忘れないでください。リストの管理

2番目のステップは、作成したプラグインをインストールし、プラグインの右側にあるインストールリンクをクリックすることです

weiphp微信开发教程留言板插件开发详解

戻る Weiphpフロントエンド管理ページに移動し、左側のメッセージボードをクリックすると、インストールされているメッセージボードプラグインが表示されます

weiphp微信开发教程留言板插件开发详解


3. コード構造を表示します

プラグインが正常に作成されると、weiphp フレームワークによって Addons ディレクトリにプラグイン フォルダーが自動的に生成されます。それを liuyanban ディレクトリの下にパッケージ化します。 これには、Controller、Model、View の 3 つのフォルダーと、config.php と LiuyanbanAddon.class.php の 2 つのファイルが含まれています。 データ挿入やデータクエリなどの機能コードを含むロジック処理コードは、主にモデルに記述され、フロントエンド テンプレートはビューに配置されます。 config.php は設定ファイル、LiuyanbanAddon.class.php はプラグイン情報ファイルで、通常は変更する必要はありません。

weiphp微信开发教程留言板插件开发详解


4. プラグインが利用可能かどうかをテストします

Model/WexinAddonModel.class.php

weiphp微信开发教程留言板插件开发详解

weiphp微信开发教程留言板插件开发详解

テストコードを追加します。最も簡単なテストコードは $this->replyTest('hello world'); です

以下のコードの 13 行目と 14 行目は、ユーザーが WeChat の「メッセージボード」に返信するときに、私が書いたテストコードです。システム時刻とプロンプト情報に戻ります

weiphp微信开发教程留言板插件开发详解

プラグインが WeChat で利用可能かどうかをテストします

weiphp微信开发教程留言板插件开发详解

ビンゴ、プラグインは正常に利用可能です。次に進みましょう


5. 設定ファイルを作成します

config.php を開き、下の図に示す設定コードを書き込みます

weiphp微信开发教程留言板插件开发详解

メッセージ ボードを再度開きます。管理インターフェイスで、構成項目が正常に設定されたことがわかります。Model/WexinAddonModel.class.php を開き、WeChat 応答コード (15 ~ 25 行目) を再編集して戻ります。グラフィックメッセージをテストします

weiphp微信开发教程留言板插件开发详解

単一の画像とテキストメッセージに戻り、ビンゴ、下に進みます

weiphp微信开发教程留言板插件开发详解

6. フロントエンドテンプレートをインポートします

weiphp微信开发教程留言板插件开发详解

手順は、フロントエンド テンプレートをダウンロードすることです。最初に見たフロントエンド ページを Baidu ネットワーク ディスクにアップロードしました。http://www.php.cn/

からダウンロードできます。

2 番目のステップは、ダウンロードしたフロントエンド テンプレートを View/default/Liuyanban フォルダーにアップロードすることです

weiphp微信开发教程留言板插件开发详解

Controller/LiuyanbanController.class.php にフロントエンドを出力するコードを記述します

weiphp微信开发教程留言板插件开发详解

クリックしてくださいWeChat で返信する グラフィックとテキスト メッセージを使用して、フロント ホームページにアクセスできます

weiphp微信开发教程留言板插件开发详解

現在表示されているホームページは、[公開>>] をクリックしてもジャンプしません。 ;> "ジャンプリンクを追加します

index.html ページを開き、22 行目の「Publish>>」の href リンクを次のリンクに変更します。つまり、次のリンクにある liuyan() メソッドにジャンプします。現在のコントローラーにトークンと uid パラメーターを渡します。ところで:{:U('','')} は、thinphp の URL を生成するためのテンプレート メソッドです。理解できない場合は、Baidu

weiphp微信开发教程留言板插件开发详解

以前に LiuyanController を書いたときに、liuyan( ) メソッドは論理的な処理を実行せず、メッセージ ページを表示するだけです。つまり、メッセージ ページにジャンプします。 リウヤン.html。 hrefリンクアドレスを変更後、index.htmlの右上にある「Publish>>」をクリックすると、下図のメッセージ公開ページにジャンプします

weiphp微信开发教程留言板插件开发详解

同様に、上部の「View>」を公開しますメッセージの右隅「;> リンクにジャンプできません。19 行目の href を以下に示すものに変更します

weiphp微信开发教程留言板插件开发详解


7. データモデルの分析と作成

データベースの設計は間違いなく IT テクノロジーの最優先事項です。Baidu の mysql チュートリアルを参照してください。 Weiphp は、便利な Web 側管理データ テーブル モデルを提供します。最初に見たフロントエンド ページについて、メッセージ投稿ページの入力フィールドを見てみましょう

weiphp微信开发教程留言板插件开发详解

分析により、このメッセージ ボード プラグインが示されています。必要なのは、メッセージを残した人の名前 (name) とメッセージの内容 (content) の 2 つの表示フィールドであると同時に、メッセージの時刻 (cTime)、メッセージが保存される公式アカウントのトークン (token) が必要です。が特定され、メッセージを残した人のユーザー UID (uid) がわかります。これを認識して、データベース モデルの設計を開始しました。


weiphp バックグラウンド管理ページを開き、新しい liuyanban データ モデルを作成します。以下のスクリーンショットに示されているモデル識別子を liuyan_info に変更することをお勧めします。 データモデル名が liuyanban (プラグイン名と同じ) の場合にのみ、デフォルトの Weiphp フロントエンド掲示板管理リストにデータを表示できるため、デフォルトのデータ表示ページを変更するにはどうすればよいですか。 複数の異なるデータ モデルの作成はこのチュートリアルの範囲を超えているため、下の図のデータ モデル識別子を liuyanban と書く必要があります。

weiphp微信开发教程留言板插件开发详解

データ モデルを作成した後、メッセージ ボード プラグインに必要なフィールドの作成を開始します。データ モデル操作インターフェイスの右側にある

フィールド管理 -> 新しいフィールド をクリックします。前述の 5 つのフィールド (トークン、uid、cTime、名前、コンテンツ) を作成します。新しいフィールド ページの「詳細」オプションでフィールドのオートコンプリート ルールを追加することに注意してください。トークンには get_token()、トークンには get_mid() を追加します。 uid、および cTime の時間 ()weiphp微信开发教程留言板插件开发详解

これらはメッセージ ボード プラグインの作成に必要なすべてのフィールドです

モデル管理ページに戻り、liuyanban モデルの右側にある [編集] をクリックします。そして、liuyanban モデルのリスト定義を以下に示すものに変更します。これは、掲示板のフロントエンド管理ページにデータを表示しやすくするためです

weiphp微信开发教程留言板插件开发详解

メッセージボードのフロントエンド管理ページに戻ると、データを表示するフィールドと操作(メッセンジャー、メッセージ内容、メッセージ時間、操作)が表示されます

weiphp微信开发教程留言板插件开发详解

データベース全体の設計プロセスは完了しました。続行します。次のステップは、データを操作するためのロジック処理コードを確立することです


8. ユーザー情報をクエリします

Controller/LiuyanbanController.class.php を開き、3 行を記述します16、以下の図に示すように、liuyan() メソッドの 17、および 18 が生成されます。 コードを作成し、ユーザーの uid に基づいてユーザー情報をクエリし、その情報をメッセージ公開ページのコメント投稿者の名前入力ボックスに出力します。これは、ユーザーの操作を容易にすることを目的としています。 コメントするときに名前を何度も入力する必要はありません

liuyan.htmlページで、コメント投稿者の名前(name)の入力ボックスの値をユーザーの名前に変更し、{$user. Nickname} は出力されたユーザーの名前です Nicknameweiphp微信开发教程留言板插件开发详解

メッセージページに入るとき、以前に個人情報をバインドしている限り、バインドされたニックネームがコメント投稿者の名前入力ボックスに自動的に表示されます

weiphp微信开发教程留言板插件开发详解


9. メッセージデータを挿入します

liuyan() メソッドにデータ処理コード (21 ~ 34 行目) を記述します。ユーザーがメッセージ データを送信するときに、メッセージ データを liuyanban データ テーブルに挿入します

weiphp微信开发教程留言板插件开发详解

にいくつかのテスト データを挿入した後、メッセージページ 掲示板プラグイン管理ページに戻り、ユーザーが投稿したメッセージデータを確認できます。

weiphp微信开发教程留言板插件开发详解


10. メッセージ情報を表示します

index()メソッドで新しいデータクエリコードを作成し、liuyanbanデータテーブルからデータを抽出し、index.htmlフロントエンドテンプレートに表示します。

weiphp微信开发教程留言板插件开发详解

メッセージ データをループアウトするには、index.html の thinkphp テンプレート タグ を使用します。 ところで、Weiphp は thinkphp に基づいて開発されています。 はい、すべての thinkphp タグは weiphp で使用できるため、weiphp プラグイン開発を学習する鍵は、thinkphp の基本知識を理解することです

weiphp微信开发教程留言板插件开发详解

index.html を開くと、すべてのメッセージ データが表示されます

weiphp微信开发教程留言板插件开发详解

ここでWeiphp 掲示板プラグイン全体の開発が完了しましたので、このプラグインの効果を確認するには、WeChat 公開プラットフォーム「Aidou Paradise」の「掲示板」に返信してください。後でプラグインをダウンロードし、新しいプラグインにアップロードします weiphp フレームワークまたはエクスポートされたデータ モデルについては、weiphp 公式ドキュメントを確認してください。

以上がWeiphp WeChat開発チュートリアル掲示板プラグイン開発詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。