基於weiphp框架的weiphp微信開發(fā)教程留言板插件開發(fā)詳解?

1、功能分析

傳統(tǒng)的留言板應(yīng)該具有發(fā)布留言、查看留言、回復(fù)留言、管理留言等功能，本教學(xué)開發(fā)的是最基本的留言板，只包含發(fā)布留言和查看留言兩個(gè)功能，根據(jù)功能用bootstrap製作的前臺頁面樣式如下：

插件

在第一步我們根據(jù)留言板的功能需求設(shè)計(jì)了前臺效果頁面，那麼接下來的步驟就是根據(jù)效果來逐步開發(fā)weiphp插件了

第一步，在weiphp後臺管理頁面創(chuàng)建一個(gè)插件，記得把是否需要配置項(xiàng)目和是否需要管理清單兩個(gè)選項(xiàng)都選為「是」

第二步，安裝創(chuàng)建好的插件，點(diǎn)擊插件右側(cè)的安裝鏈接即可

????????回到weiphp前臺管理頁面，點(diǎn)選左側(cè)的留言板就能看到已經(jīng)安裝好的留言板插件了??

外掛程式建立成功後，weiphp框架會自動在Addons目錄下產(chǎn)生一個(gè)外掛程式資料夾，本教學(xué)產(chǎn)生一個(gè)資料夾 括Controller、Model、View三個(gè)資料夾和config.php、LiuyanbanAddon.class.php兩個(gè)檔案。 Controller裡面一般寫邏輯處理程式碼，包含資料插入、資料查詢等功能程式碼，Model裡面主要寫一些與微信互動的程式碼，View裡面放前臺模板。 config.php是設(shè)定文件，LiuyanbanAddon.class.php是外掛資訊文件，一般不需要修改。

4、測試插件是否可用

開啟Model/WexinAddonModel.class.php

開啟Model/WexinAddonModel.class.php

。最簡單的測試程式碼為$this->replyTest('hello world');

下圖第13、第14行程式碼為自己寫上的測試程式碼，當(dāng)使用者在微信中回覆「留言板」時(shí)，返回系統(tǒng)時(shí)間加提示訊息

在微信中測試插件是否可用

bingo，外掛程式正?？捎?，我們接著往下走

#5、建立設(shè)定檔

開啟config.php，寫入下圖所示設(shè)定程式碼

#重新開啟留言板管理介面，即可看到設(shè)定項(xiàng)目設(shè)定成功

開啟Model/WexinAddonModel.class.php，重新編輯微信回應(yīng)碼（第15-25行），回傳圖文訊息

重新在微信中測試留言板外掛程式

返回單圖文訊息，bingo，繼續(xù)往下走

6、匯入前臺範(fàn)本

第一步，下載前臺範(fàn)本。最開始看到的那個(gè)前臺頁面我已經(jīng)上傳到了我的百度網(wǎng)盤，可以從這裡下載：http://ipnx.cn/

第二步，將下載的前臺範(fàn)本上傳到View/default/Liuyanban資料夾下方

在Controller/LiuyanbanController.class.php中寫上輸出前臺的程式碼

點(diǎn)擊微信中回覆的圖文訊息，就可以進(jìn)入到前臺首頁了

現(xiàn)在看到的首頁只是一個(gè)靜態(tài)的html頁面，點(diǎn)擊「發(fā)布>>」沒有任何跳轉(zhuǎn)，我們需要對「發(fā)布>>」添加一個(gè)跳轉(zhuǎn)連結(jié)

打開index.html頁面，在第22行把「發(fā)佈>>」的href連結(jié)改成下圖所示，即跳到目前控制器下的liuyan（）方法，並傳遞token和uid兩個(gè)參數(shù)。 BTW:{:U('','')}為thinphp產(chǎn)生url的模板方法，不懂的請自行百度

##前面在寫LiuyanController的時(shí)候我們寫了一個(gè)liuyan（）方法，該方法沒有進(jìn)行任何的邏輯處理，只是顯示出留言頁面，即跳到 liuyan.html。改好href的連結(jié)位址後在index.html中點(diǎn)選右上角的「發(fā)佈>>」即可跳到下圖所示留言發(fā)佈頁面

#同樣，發(fā)布留言右上角的「查看>>」連結(jié)也不可跳轉(zhuǎn)，我們在第19行把href改成下圖所示

7、資料模型分析與創(chuàng)建

資料庫設(shè)計(jì)毫無疑問是IT技術(shù)中的重中之重，關(guān)於資料庫的知識請自行百度mysql教學(xué)學(xué)習(xí)。 weiphp提供了一個(gè)方便的web端管理資料表模型，針對最開始我們看到的前臺頁面，我們來看看發(fā)布留言頁面有哪些input字段

分析可知本留言板插件只需要留言者姓名（name）、留言內(nèi)容（content）兩個(gè)可見的字段，同時(shí)要有留言時(shí)間（cTime）、留言所在的公眾號碼Token(token)、留言者的用戶UID（uid）。知道了這些，我們便開始設(shè)計(jì)資料庫模型。

打開weiphp後臺管理頁面，新建liuyanban資料模型，下面的截圖顯示的模型標(biāo)識為liuyan_info，建議大家改為liuyanban， 因?yàn)橹挥袛?shù)據(jù)模型名為liuyanban（跟外掛名稱一致）的時(shí)候，預(yù)設(shè)的weiphp前臺留言板管理清單中才能顯示數(shù)據(jù)，關(guān)於怎麼更改預(yù)設(shè)的數(shù)據(jù)顯示頁面 與新建多個(gè)不同的資料模型不在本教學(xué)敘述的範(fàn)圍內(nèi)，所以大家還是把下圖的資料模型識別寫為liuyanban吧。

創(chuàng)建好了資料模型之後我們便開始新留言板插件所需的字段，點(diǎn)擊資料模型操作介面右邊的字段管理->新字段即可。新建前面提到的token、uid、cTime、name、content五個(gè)字段，注意在字段新建頁面的“高級”選項(xiàng)中添加字段自動完成規(guī)則，token添加get_token(),uid添加get_mid(),cTime添加time ()

這就是我們創(chuàng)建好的留言板外掛程式所需的全部欄位了

?

回到模型管理頁面，在liuyanban模型的右邊點(diǎn)選編輯，將liuyanban模型的清單定義改為下圖所示，這樣是為了方便留言板前臺管理頁面能夠顯示資料

回到留言板前臺管理頁面，就可以看到顯示資料的欄位與操作了(留言者、留言內(nèi)容、留言時(shí)間、操作)

#到此為止整個(gè)資料庫設(shè)計(jì)過程完成，接下來就是建立邏輯處理程式碼操作資料了

8、查詢使用者信息

打開Controller/LiuyanbanController.class.php，在liuyan()方法內(nèi)寫上下圖所示16、17、18三行代 碼，及根據(jù)用戶的uid查詢用戶的信息，並把信息輸出到留言發(fā)布頁面的留言者姓名填寫框中。這樣做的目的是為了方便用戶操作，只要綁定過一次個(gè)人訊息，留 言的時(shí)候就不需要重複填入姓名了

在liuyan.html頁面中將留言者姓名（name）的input框的value值改為使用者的姓名， {$user.nickname}為輸出使用者的暱稱

在進(jìn)入發(fā)布留言頁面的時(shí)候只要我們以前綁定過個(gè)人訊息，在留言者姓名輸入框中就能自動顯示綁定的暱稱了

#9、插入留言資料

########

在liuyan()方法寫上資料處理程式碼（第21-34行），當(dāng)使用者提交留言資料後就把留言資料插入liuyanban資料表

在留言頁面插入幾個(gè)測試資料後回到留言板外掛程式管理頁面，就能看到使用者提交的留言資料了。

10、顯示留言訊息

在index()方法中新資料查詢程式碼，把liuyanban資料表中的資料擷取出來並顯示到index.html前臺模板

#在index.html中用thinkphp模板標(biāo)籤把留言數(shù)據(jù)循環(huán)輸出，BTW：weiphp是基於thinkphp開發(fā) 的，所有的thinkphp標(biāo)籤在weiphp中都是可用的，因此要學(xué)會weiphp插件開發(fā)的關(guān)鍵是要懂基本的thinkphp知識

打開index.html，就可以看到所有的留言資料了

至此，整個(gè)的weiphp留言板外掛程式開發(fā)就完成了，查看此插件效果請?jiān)凇赴箻穲@」微信公眾平臺中回覆“留言板”，至於後面的如何將插件打包下載，上傳到新的weiphp框架或者是導(dǎo)出資料模型，請各位自行查看weiphp官方文件。

以上是weiphp微信開發(fā)教程留言板插件開發(fā)詳解的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！