溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何使用weiphp實(shí)現(xiàn)留言板

發(fā)布時(shí)間:2021-09-03 10:44:58 來源:億速云 閱讀:207 作者:小新 欄目:移動(dòng)開發(fā)

這篇文章主要介紹如何使用weiphp實(shí)現(xiàn)留言板,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

1、功能分析

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

如何使用weiphp實(shí)現(xiàn)留言板

如何使用weiphp實(shí)現(xiàn)留言板

2、新建weiphp插件

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

第一步,在weiphp后臺(tái)管理頁面創(chuàng)建一個(gè)插件,記得把是否需要配置項(xiàng)和是否需要管理列表兩個(gè)選項(xiàng)都選為“是”

如何使用weiphp實(shí)現(xiàn)留言板

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

如何使用weiphp實(shí)現(xiàn)留言板

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

如何使用weiphp實(shí)現(xiàn)留言板

3、查看代碼結(jié)構(gòu)

插件創(chuàng)建成功后,weiphp框架會(huì)自動(dòng)在Addons目錄下生成一個(gè)插件文件夾,本教程生成一個(gè)liuyanban文件夾,liuyanban目錄下包 括Controller、Model、View三個(gè)文件夾和config.php、LiuyanbanAddon.class.php兩個(gè)文件。 Controller里面一般寫邏輯處理代碼,包括數(shù)據(jù)插入、數(shù)據(jù)查詢等功能代碼,Model里面主要寫一些與微信交互的代碼,View里面放前臺(tái)模板。 config.php是配置文件,LiuyanbanAddon.class.php是插件信息文件,一般不需要修改。

如何使用weiphp實(shí)現(xiàn)留言板

4、測(cè)試插件是否可用

打開Model/WexinAddonModel.class.php

如何使用weiphp實(shí)現(xiàn)留言板

如何使用weiphp實(shí)現(xiàn)留言板

添加測(cè)試代碼。最簡(jiǎn)單的測(cè)試代碼為$this->replyTest('hello world');

下圖第13、第14行代碼為自己寫上的測(cè)試代碼,當(dāng)用戶在微信中回復(fù)“留言板”時(shí),返回系統(tǒng)時(shí)間加提示信息

如何使用weiphp實(shí)現(xiàn)留言板

在微信中測(cè)試插件是否可用

如何使用weiphp實(shí)現(xiàn)留言板

bingo,插件正常可用,我們接著往下走

5、創(chuàng)建配置文件

打開config.php,寫上下圖所示配置代碼

如何使用weiphp實(shí)現(xiàn)留言板

重新打開留言板管理界面,即可看到配置項(xiàng)設(shè)置成功

如何使用weiphp實(shí)現(xiàn)留言板

打開Model/WexinAddonModel.class.php,重新編輯微信響應(yīng)代碼(第15-25行),返回圖文消息

如何使用weiphp實(shí)現(xiàn)留言板

重新在微信中測(cè)試留言板插件

如何使用weiphp實(shí)現(xiàn)留言板

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

6、導(dǎo)入前臺(tái)模板

第一步,下載前臺(tái)模板。最開始看到的那個(gè)前臺(tái)頁面我已經(jīng)上傳到了我的百度網(wǎng)盤,可以從這里下載:http://www.php.cn/

第二步,將下載的前臺(tái)模板上傳到View/default/Liuyanban文件夾下面

如何使用weiphp實(shí)現(xiàn)留言板

在Controller/LiuyanbanController.class.php中寫上輸出前臺(tái)的代碼

如何使用weiphp實(shí)現(xiàn)留言板

點(diǎn)擊微信中回復(fù)的圖文消息,就可以進(jìn)入到前臺(tái)首頁了

如何使用weiphp實(shí)現(xiàn)留言板

現(xiàn)在看到的首頁只是一個(gè)靜態(tài)的html頁面,點(diǎn)擊“發(fā)布>>”沒有任何跳轉(zhuǎn),我們需要對(duì)“發(fā)布>>”添加一個(gè)跳轉(zhuǎn)鏈接

打開index.html頁面,在第22行把“發(fā)布>>”的href鏈接改成下圖所示,即跳轉(zhuǎn)到當(dāng)前控制器下的liuyan()方法,并傳遞token和uid兩個(gè)參數(shù)。BTW:{:U('','')}為thinphp生成url的模板方法,不懂的請(qǐng)自行百度

如何使用weiphp實(shí)現(xiàn)留言板

前面在寫LiuyanController的時(shí)候我們寫了一個(gè)liuyan()方法,該方法沒有進(jìn)行任何的邏輯處理,只是顯示出留言頁面,即跳轉(zhuǎn)到 liuyan.html。改好href的鏈接地址后在index.html中點(diǎn)擊右上角的“發(fā)布>>”即可跳轉(zhuǎn)到下圖所示留言發(fā)布頁面

如何使用weiphp實(shí)現(xiàn)留言板

同樣,發(fā)布留言右上角的“查看>>”鏈接也不可跳轉(zhuǎn),我們?cè)诘?9行把href改成下圖所示

如何使用weiphp實(shí)現(xiàn)留言板

7、數(shù)據(jù)模型分析與創(chuàng)建

數(shù)據(jù)庫設(shè)計(jì)毫無疑問是IT技術(shù)中的重中之重,關(guān)于數(shù)據(jù)庫的知識(shí)請(qǐng)自行百度mysql教程學(xué)習(xí)。weiphp提供了一個(gè)方便的web端管理數(shù)據(jù)表模型,針對(duì)最開始我們看到的前臺(tái)頁面,我們來看一下發(fā)布留言頁面有哪些input字段如何使用weiphp實(shí)現(xiàn)留言板

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

打開weiphp后臺(tái)管理頁面,新建liuyanban數(shù)據(jù)模型,下面的截圖顯示的模型標(biāo)識(shí)為liuyan_info,建議大家改為liuyanban, 因?yàn)橹挥袛?shù)據(jù)模型名為liuyanban(跟插件名一致)的時(shí)候,默認(rèn)的weiphp前臺(tái)留言板管理列表中才能顯示數(shù)據(jù),關(guān)于怎么更改默認(rèn)的數(shù)據(jù)顯示頁面 與新建多個(gè)不同的數(shù)據(jù)模型不在本教程講述的范圍內(nèi),所以大家還是把下圖的數(shù)據(jù)模型標(biāo)識(shí)寫為liuyanban吧。

如何使用weiphp實(shí)現(xiàn)留言板

創(chuàng)建好了數(shù)據(jù)模型之后我們便開始新建留言板插件所需的字段,點(diǎn)擊數(shù)據(jù)模型操作界面右邊的字段管理->新建字段即可。新建前面提到的token、uid、cTime、name、content五個(gè)字段,注意在字段新建頁面的“高級(jí)”選項(xiàng)中添加字段自動(dòng)完成規(guī)則,token添加get_token(),uid添加get_mid(),cTime添加time()如何使用weiphp實(shí)現(xiàn)留言板

這就是我們創(chuàng)建好的留言板插件所需的全部字段了

回到模型管理頁面,在liuyanban模型的右邊點(diǎn)擊編輯,將liuyanban模型的列表定義改為下圖所示,這樣是為了方便留言板前臺(tái)管理頁面能夠顯示數(shù)據(jù)

如何使用weiphp實(shí)現(xiàn)留言板

回到留言板前臺(tái)管理頁面,就可以看到顯示數(shù)據(jù)的字段與操作了(留言者、留言內(nèi)容、留言時(shí)間、操作)

如何使用weiphp實(shí)現(xiàn)留言板

到此為止整個(gè)數(shù)據(jù)庫設(shè)計(jì)過程完成,接下來就是建立邏輯處理代碼操作數(shù)據(jù)了

8、查詢用戶信息

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

如何使用weiphp實(shí)現(xiàn)留言板

在liuyan.html頁面中將留言者姓名(name)的input框的value值改為用戶的姓名,{$user.nickname}為輸出用戶的昵稱

如何使用weiphp實(shí)現(xiàn)留言板

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

如何使用weiphp實(shí)現(xiàn)留言板

9、插入留言數(shù)據(jù)

在liuyan()方法中寫上數(shù)據(jù)處理代碼(第21-34行),當(dāng)用戶提交留言數(shù)據(jù)之后就把留言數(shù)據(jù)插入到liuyanban數(shù)據(jù)表中

如何使用weiphp實(shí)現(xiàn)留言板

在留言頁面插入幾條測(cè)試數(shù)據(jù)之后回到留言板插件管理頁面,就能看到用戶提交的留言數(shù)據(jù)了。

如何使用weiphp實(shí)現(xiàn)留言板

10、顯示留言信息

在index()方法中新建數(shù)據(jù)查詢代碼,把liuyanban數(shù)據(jù)表中的數(shù)據(jù)提取出來并顯示到index.html前臺(tái)模板

如何使用weiphp實(shí)現(xiàn)留言板

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

如何使用weiphp實(shí)現(xiàn)留言板

打開index.html,就可以看到所有的留言數(shù)據(jù)了

如何使用weiphp實(shí)現(xiàn)留言板

至此,整個(gè)的weiphp留言板插件開發(fā)就完成了,查看此插件效果請(qǐng)?jiān)凇鞍箻穲@”微信公眾平臺(tái)中回復(fù)“留言板”,至于后面的如何將插件打包下載,上傳到新的weiphp框架或者是導(dǎo)出數(shù)據(jù)模型,請(qǐng)各位自行查看weiphp官方文檔。

以上是“如何使用weiphp實(shí)現(xiàn)留言板”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI