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

1. 機(jī)能分析

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

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

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

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

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

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

3. コード構(gòu)造を表示します

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

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

Model/WexinAddonModel.class.php

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

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

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

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

5. 設(shè)定ファイルを作成します

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

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

単一の畫像とテキストメッセージに戻り、ビンゴ、下に進(jìn)みます

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

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

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

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

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

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

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

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

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

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

」

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

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

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

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

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

フィールド管理 -> 新しいフィールド をクリックします。前述の 5 つのフィールド (トークン、uid、cTime、名前、コンテンツ) を作成します。新しいフィールド ページの「詳細(xì)」オプションでフィールドのオートコンプリート ルールを追加することに注意してください。トークンには get_token()、トークンには get_mid() を追加します。 uid、および cTime の時(shí)間 ()

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

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

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

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

8. ユーザー情報(bào)をクエリします

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

liuyan.htmlページで、コメント投稿者の名前(name)の入力ボックスの値をユーザーの名前に変更し、{$user. Nickname} は出力されたユーザーの名前です Nickname

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

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

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

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

10. メッセージ情報(bào)を表示します

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

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

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

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

以上がWeiphp WeChat開発チュートリアル掲示板プラグイン開発詳細(xì)説明の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語 Web サイトの他の関連記事を參照してください。