phpcms v9 的表單向導功能的使用方法 附多個案例


 

 

 

本文主要介紹phpcms v9的表單向導功能是如何使用的,並副多個案例講解;

先介紹一下v9 的表單向導如何使用

表單向導做的很實用,生成一個表單,常用的是把它作為一個留言板,或者在招聘欄目作為一個供網友填寫個人信息的應聘表。

對於表單,默認的模板放在./phpcms/templates/default/formguide/。文件夾里面有三個文件index.html前台的表單列表,show.html單個表單展示,show_js.html表單插件;

表單作為一個功能性模塊,往往是作為一個插件嵌入到頁面當中,而不是單獨做成一個模型,所以用到的模板就是show_js.html模板頁。

1.第一步,利用表單向導新建一個表單

v9 <wbr>的表單向導如何使用
 

v9 <wbr>的表單向導如何使用
2.每個表單都對應一個調用的js代碼,如上圖 調用 項下面的輸入框所示

<script language='javascript' src='{APP_PATH}index.php?m=formguide&c=index&a=show&formid=12&action=js&siteid=1'></script>

3.在其他模板頁面里面加入 調用代碼 就ok了。

案例一,phpcms v9的表單向導實現問答咨詢功能的方法

phpcms v9內容管理系統本身是沒有問答模塊的,只有表單向導,但表單向導有很大的局限性,通過表單向導,我們只能查看用戶提交的信息,不能對用戶提交的信息進行回復。例如一些機構的網站需要一個接收用戶的提問,並對提問進行回復的功能,僅僅利用表單向導是滿足不了這種需求的,但通過下面的方法對表單向導模塊進行一些改動就可以實現咨詢問答功能了。在phpcms v9后台新建一表單向導“在線問答”,表名為“online_ask”,表名自己定,如下圖。
\
對“在線問答”添加字段,如下圖的例子,添加什么字段是根據需求定的。
\
下圖是該表單的預覽效果。
\
這樣用戶就可以通過該表單提交問題了,但在后台,網站編輯只能通過表單向導模塊對問題進行查看,不能對其進行回答並將問題和回答展示在網站前台,如下圖。
\
為了實現網站編輯在查看問題的同時還能對問題進行回答,需要對表單模塊做如下的改動:
打開文件phpcms/modules/formguide/templates/formguide_info_view.tpl.php ,在第28行下面添加如下內容:

<tr>
<td>回&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;答:</td>
<td>
<textarea id="answer" cols="80" rows="10">
<?php echo $answer; ?>
</textarea>
</td>
</tr>
<tr> 
<td>&nbsp;</td>
<td><input id="tijiaohuida" type="button" value="提交回答" /></td>
</tr>
上面的變量$answer哪來的繼續往下看就知道了
在第30行下面添加如下內容:
<script type="text/javascript">
$(document).ready(function(){
var canshuStr=window.location.search;
var pos=canshuStr.indexOf("&did");
var posend=canshuStr.indexOf("&",pos+4);
var did_c=canshuStr.substring(pos+5,posend);
var answer_c="";
$("#tijiaohuida").click(function(){ 
answer_c= $("#answer").val(); 
$.post('index.php?m=formguide&c=formguide_info&a=public_answer', {
did: did_c,
answer: answer_c
}, function(json) {
if(json==1){
alert("回答成功");
}
}); 
}); 
});
</script>
然后打開文件phpcms/modules/formguide/formguide_info.php ,在56行加如下代碼:
$answer=$info['answer'];
在最后添加一個方法,代碼如下。
public function public_answer() {
$did = $_POST['did'];
$answer = $_POST['answer'];
$re= $this->db->query("update kc_form_online_ask set answer='".$answer."',mark='已回答' where dataid=".$did);
echo $re;
}

上面的變量$answer哪來的繼續往下看就知道了
在第30行下面添加如下內容:
<script type="text/javascript">
$(document).ready(function(){
var canshuStr=window.location.search;
var pos=canshuStr.indexOf("&did");
var posend=canshuStr.indexOf("&",pos+4);
var did_c=canshuStr.substring(pos+5,posend);
var answer_c="";
$("#tijiaohuida").click(function(){ 
answer_c= $("#answer").val(); 
$.post('index.php?m=formguide&c=formguide_info&a=public_answer', {
did: did_c,
answer: answer_c
}, function(json) {
if(json==1){
alert("回答成功");
}
}); 
}); 
});
</script>
然后打開文件phpcms/modules/formguide/formguide_info.php ,在56行加如下代碼:
$answer=$info['answer'];
在最后添加一個方法,代碼如下。
public function public_answer() {
$did = $_POST['did'];
$answer = $_POST['answer'];
$re= $this->db->query("update kc_form_online_ask set answer='".$answer."',mark='已回答' where dataid=".$did);
echo $re;
}
然后我們在數據庫找到存儲改表單的數據表,並添加兩個字段mark和answer,mark用來標記改問題是否已作答,answer用來存儲回答。
以上是所有的改動。
這樣我們查看用戶提交的問題的時候界面就變成下圖這個樣子了。
\
填入回答后點擊提交,就可以將答案數據存儲在該表單的數據表內了,
在網站前台,我們可以將用戶的問題和網站編輯的回答展示出來,如下圖:
\
這樣我們就利用表單向導模塊實現了一個簡單的在線咨詢的功能。網站www.ytsfc.com的在線咨詢功能就是通過上面的方法實現的,大家可以去看具體效果。

案例二 使用v9后台的表單向導做前台的留言板功能

表單向導的適用場合:

        如果一個前台頁面只是為了提交表單數據,那么就非常適合適用表單向導的功能,如下面留言板的案例;如果一個前台頁面不只是為了提交表單,還要求在當前前台頁面顯示提交表單的內容,這種情況就不太適合適用表單向導,更適合將其作為一個模塊或插件進行安裝,如前台頁面需要顯示用戶留言信息的情況

效果圖如下:

 

1,進入“模塊”

2,選擇“表單向導”

3,點擊“添加表單向導”在“名稱”里填“留言板”,然后再“表名”里填“liuyanban”,然后再“允許游客提交表單”欄選“是”。再確定。

4,這時候就出現了一個“留言板”的信息,然后我們在后面找到“添加字段”。

5,點“添加字段”進去,第一行“字段類型”選擇,我們一般看到的留言板第一欄都 是“標題”對吧,而“標題”呢就是一個“單行文本”,那我們這里也選擇“單行文本”。然后第二欄“字段類型”,這里是放在數據庫里面的表名,用來存放“標 題“數據,那我就填一個”標題“的拼音縮寫吧:biaoti。接下來就是字段別名了,我們就直接寫”標題“吧。再下面是”字段提示“,這里可以不用填,但 是為了讓用戶更好體驗,我們還是填一個提示比較好,就填入”請填寫標題“。再下面是”相關參數“的填寫,”標題“的”文本框長度“一般就填為50吧,默認 值可寫可不寫。然后其他的就用管了,直接提交吧。提交以后,我們就會發現剛才添加的字段已經出來了,我們可以點擊上面的”預覽“按鈕看下效果,怎么樣?是 不是出現了一個填寫標題的輸入框。

6,接下來我們就繼續添加字段了,根據我們的需要,我們依次添加:留言人、性別、聯系電話,留言內容 等字段。注意像”留言人“和”聯系電話“在選擇字段類型時可以跟”標題“一樣選擇”單行文本“,”性別“在選擇字段類型時選擇”選項“,而”留言內容“要 選擇”多行文本“或者”編輯器“。

7,在所有的字段添加完成后,我們回到“模塊”下“表單向導”這里。我們可以看到在”留言板“后面是不是有個”調用“的腳本,我們把這個腳本放在我們的制作的留言板模板頁面里就可以用了哦~~

同樣道理:我們還可以自己發揮制作一些其他表單。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM