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

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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません