爱采购

发产品

  • 发布供应
  • 管理供应
DESTOON v6.0教程之详情页添加多个QQ及旺旺聊天工具DESTOON v6.0教程之详情页添加多个QQ及旺旺聊天工具_destoon教程_PHP 教程_软件编程_教程资讯_大秦朝旭-码农学习站

DESTOON v6.0教程之详情页添加多个QQ及旺旺聊天工具

   2023-10-06 480 0
导读

上回经理说:商家的聊天工具太少了,如图:然后要多加几个QQ和旺旺,大致是要这个样子,如图:于是一番修改后终于完工。现将修改的文件及方法分享出来,以备后用

上回经理说:商家的聊天工具太少了,如图: 然后要多加几个QQ和旺旺,大致是要这个样子,如图: 于是一番修改后终于完工。现将修改的文件及方法分享出来,以备后用。

有印象的看官应该能记得艺灵发布过一篇相似的教程文章:destoon教程之详情页显示5张缩略图,现在写的这篇文章与其有着相似的地方,只是需要变下形而已。下面开始进入主题。以下教程操作对象是:destoon v6.0版本

一、修改member.class.php

首先修改的是member.class.php,路径:网站根目录/module/member/member.class.php,用dw或Hbuilder等其它编码软件打开文件,按以下步骤修改源码。

169行左右

      1. <!--新增4个QQ代码-->
        1. $member['qq2'] = isset($member['qq2']) ? trim($member['qq2']) : '';
          1. is_numeric($member['qq2']) or $member['qq2'] = '';
            1. $member['qq3'] = isset($member['qq3']) ? trim($member['qq3']) : '';
              1. is_numeric($member['qq3']) or $member['qq3'] = '';
                1. $member['qq4'] = isset($member['qq4']) ? trim($member['qq4']) : '';
                  1. is_numeric($member['qq4']) or $member['qq4'] = '';
                    1. $member['qq5'] = isset($member['qq5']) ? trim($member['qq5']) : '';
                      1. is_numeric($member['qq5']) or $member['qq5'] = '';
                      1.  

                      181行左右

                          1. <!--新增4个旺旺代码-->
                            1. $member['ali2'] = isset($member['ali2']) ? trim($member['ali2']) : '';
                              1. if(!$this->is_clean($member['ali2'])) $member['ali2'] = '';
                                1. $member['ali3'] = isset($member['ali3']) ? trim($member['ali3']) : '';
                                  1. if(!$this->is_clean($member['ali3'])) $member['ali3'] = '';
                                    1. $member['ali4'] = isset($member['ali4']) ? trim($member['ali4']) : '';
                                      1. if(!$this->is_clean($member['ali4'])) $member['ali4'] = '';
                                        1. $member['ali5'] = isset($member['ali5']) ? trim($member['ali5']) : '';
                                          1. if(!$this->is_clean($member['ali5'])) $member['ali5'] = '';
                                          1.  

                                          代码配图: 

                                          291行左右

                                              1. <!--新增代码-->
                                                1. 'qq2','qq3','qq4','qq5','ali','ali2','ali3','ali4','ali5',
                                                1.  

                                                代码配图: 

                                                329行左右

                                                    1. <!--新增代码-->
                                                      1. 'qq2','qq3','qq4','qq5','ali','ali2','ali3','ali4','ali5',
                                                      1.  

                                                      代码配图: 

                                                      好了,终于改完了。但,不要高兴太早,因为现在后台中仍然无法添加第2个QQ或第2个旺旺。

                                                      二、修改member_edit.tpl.php

                                                      接下来修改的是member_edit.tpl.php,找到地址:网站根目录/module/member/admin/template/member_edit.tpl.php

                                                      89行左右

                                                          1. <!--新增4个QQ输入框代码-->
                                                            1. QQ2:<input type="text" size="20" name="member[qq2]" id="qq2" value="<?php echo $qq2;?>"/>
                                                              1. QQ3:<input type="text" size="20" name="member[qq3]" id="qq3" value="<?php echo $qq3;?>"/>
                                                                1. QQ4:<input type="text" size="20" name="member[qq4]" id="qq4" value="<?php echo $qq4;?>"/>
                                                                  1. QQ5:<input type="text" size="20" name="member[qq5]" id="qq5" value="<?php echo $qq5;?>"/>
                                                                  1.  

                                                                  98行左右

                                                                      1. <!--新增4个旺旺输入框代码-->
                                                                        1. 旺旺2:<input type="text" size="20" name="member[ali2]" id="ali2" value="<?php echo $ali2;?>"/>
                                                                          1. 旺旺3:<input type="text" size="20" name="member[ali3]" id="ali3" value="<?php echo $ali3;?>"/>
                                                                            1. 旺旺4:<input type="text" size="20" name="member[ali4]" id="ali4" value="<?php echo $ali4;?>"/>
                                                                              1. 旺旺5:<input type="text" size="20" name="member[ali5]" id="ali5" value="<?php echo $ali5;?>"/>
                                                                              1.  

                                                                              代码配图: 

                                                                              虽然此时后台中已显示5个QQ框和5个旺旺框,但并不能保存数据,因为提交后会提示错误: 

                                                                              从错误中我们可以看出:此错误是由于新增的qq字段在phpmyadmin中不存在引起,所以解决的方法就是进phpmyadmin添加相应字段。

                                                                              三、进入phpmyadmin增加字段

                                                                              1.在浏览器地址栏中输入网址:网站地址/phpmyadmin并成功登录

                                                                              2.找到taomodi_member表,并在qq和ali下面新增几个字段。如图:此时我们再到后台修改会员信息后就可以保存新增的qq或旺旺号了。

                                                                              虽然后台现在修改资料时可以添加多个qq或旺旺了,但详情页面并不能显示呀!如图: 因为默认的详情页面源码中只有一个,所以接下拉要修改详情页面的源码。

                                                                              四、修改contact.htm

                                                                              找到地址:网站根目录/template/文件夹/chip/contact.htm

                                                                              22行左右

                                                                                  1. <!--新增代码-->
                                                                                    1. {if $member[qq2] && $DT[im_qq]}{im_qq($member[qq2])} {/if}
                                                                                      1. {if $member[qq3] && $DT[im_qq]}{im_qq($member[qq3])} {/if}
                                                                                        1. {if $member[qq4] && $DT[im_qq]}{im_qq($member[qq4])} {/if}
                                                                                          1. {if $member[qq5] && $DT[im_qq]}{im_qq($member[qq5])}{/if}
                                                                                          1.  

                                                                                          28行左右

                                                                                              1. <!--新增代码-->
                                                                                                1. {if $member[ali2] && $DT[im_ali]}{im_ali($member[ali2])} {/if}
                                                                                                  1. {if $member[ali3] && $DT[im_ali]}{im_ali($member[ali3])} {/if}
                                                                                                    1. {if $member[ali4] && $DT[im_ali]}{im_ali($member[ali4])} {/if}
                                                                                                      1. {if $member[ali5] && $DT[im_ali]}{im_ali($member[ali5])}{/if}
                                                                                                      1.  

                                                                                                      代码配图:

                                                                                                      此时我们再刷新详情页面就可以看到已经显示了多个qq和旺旺了,如图: 

                                                                                                      你以为这样就完了吗?如果这样认为,那就错了!

                                                                                                      前面我们修改的是:超级管理员权限下修改会员资料页面,但并没有修改“添加会员”页面,所以,添加会员页面仍只显示一个qq和一个旺旺框,如图: 

                                                                                                      五、修改member_add.tpl.php

                                                                                                      接下来修改的是member_add.tpl.php,找到地址:网站根目录/module/member/admin/template/member_add.tpl.php

                                                                                                      72行左右

                                                                                                          1. <!--新增4个QQ输入框代码-->
                                                                                                            1. QQ2:<input type="text" size="20" name="member[qq2]" id="qq2" value="<?php echo $qq2;?>"/>
                                                                                                              1. QQ3:<input type="text" size="20" name="member[qq3]" id="qq3" value="<?php echo $qq3;?>"/>
                                                                                                                1. QQ4:<input type="text" size="20" name="member[qq4]" id="qq4" value="<?php echo $qq4;?>"/>
                                                                                                                  1. QQ5:<input type="text" size="20" name="member[qq5]" id="qq5" value="<?php echo $qq5;?>"/>
                                                                                                                  1.  

                                                                                                                  81行左右

                                                                                                                      1. <!--新增4个旺旺输入框代码-->
                                                                                                                        1. 旺旺2:<input type="text" size="20" name="member[ali2]" id="ali2" value="<?php echo $ali2;?>"/>
                                                                                                                          1. 旺旺3:<input type="text" size="20" name="member[ali3]" id="ali3" value="<?php echo $ali3;?>"/>
                                                                                                                            1. 旺旺4:<input type="text" size="20" name="member[ali4]" id="ali4" value="<?php echo $ali4;?>"/>
                                                                                                                              1. 旺旺5:<input type="text" size="20" name="member[ali5]" id="ali5" value="<?php echo $ali5;?>"/>
                                                                                                                              1.  

                                                                                                                              代码配图:

                                                                                                                              现在用管理员权限登录后台,然后再添加会员时也可以添加5个qq或5个旺旺了。

                                                                                                                              你以为现在就已经大功告成了吗?请继续往下看。

                                                                                                                              用已注册的帐号登录网站,然后进入商务中心,然后开始修改资料,此时艺灵已惊呆!如图: 

                                                                                                                              六、修改edit.htm

                                                                                                                              接下来修改的是edit.htm,找到地址:网站根目录/template/member/文件夹/member/edit.htm

                                                                                                                              100行左右

                                                                                                                                  1. <!--新增4个QQ输入框代码-->
                                                                                                                                    1. QQ2: <input type="text" size="20" name="post[qq2]" id="qq2" value="{$qq2}"/>
                                                                                                                                      1. QQ3: <input type="text" size="20" name="post[qq3]" id="qq3" value="{$qq3}"/>
                                                                                                                                        1. QQ4: <input type="text" size="20" name="post[qq4]" id="qq4" value="{$qq4}"/>
                                                                                                                                          1. QQ5: <input type="text" size="20" name="post[qq5]" id="qq5" value="{$qq5}"/>
                                                                                                                                          1.  

                                                                                                                                          110行左右

                                                                                                                                              1. <!--新增4个旺旺输入框代码-->
                                                                                                                                                1. 旺旺2:&图片input type="text" size="20" name="post[ali2]" id="ali2" value="{$ali2}"/>
                                                                                                                                                  1. 旺旺3:&图片input type="text" size="20" name="post[ali3]" id="ali3" value="{$ali3}"/>
                                                                                                                                                    1. 旺旺4:&图片input type="text" size="20" name="post[ali4]" id="ali4" value="{$ali4}"/>
                                                                                                                                                      1. 旺旺5:&图片input type="text" size="20" name="post[ali5]" id="ali5" value="{$ali5}"/>
                                                                                                                                                      1.  

                                                                                                                                                      代码配图:此时我们再刷新“个人资料”页面时已能显示5个qq和5个旺旺了,如图: 

                                                                                                                                                      此时你以为完了么?艺灵会告诉你:并没有完!

                                                                                                                                                      不信?请往下看!

                                                                                                                                                      点击“商铺管理”(咳咳,需要权限),然后再点击“联系方式”,如图: 怎么样,这里又显示一个qq坑位了吧。

                                                                                                                                                      七、修改homepage/contact.htm

                                                                                                                                                      接下来修改的是homepage/contact.htm,找到地址:网站根目录/template/文件夹/homepage/contact.htm

                                                                                                                                                      69行左右

                                                                                                                                                          1. <!--新增4个QQ代码-->
                                                                                                                                                            1. {if $COM[qq2] && $DT[im_qq]}{im_qq($COM[qq2])} {/if}
                                                                                                                                                              1. {if $COM[qq3] && $DT[im_qq]}{im_qq($COM[qq3])} {/if}
                                                                                                                                                                1. {if $COM[qq4] && $DT[im_qq]}{im_qq($COM[qq4])} {/if}
                                                                                                                                                                  1. {if $COM[qq5] && $DT[im_qq]}{im_qq($COM[qq5])} {/if}
                                                                                                                                                                  1.  

                                                                                                                                                                  75行左右

                                                                                                                                                                      1. <!--新增4个旺旺代码-->
                                                                                                                                                                        1. {if $COM[ali2] && $DT[im_ali]}{im_ali($COM[ali2])} {/if}
                                                                                                                                                                          1. {if $COM[ali3] && $DT[im_ali]}{im_ali($COM[ali3])} {/if}
                                                                                                                                                                            1. {if $COM[ali4] && $DT[im_ali]}{im_ali($COM[ali4])} {/if}
                                                                                                                                                                              1. {if $COM[ali5] && $DT[im_ali]}{im_ali($COM[ali5])} {/if}
                                                                                                                                                                              1.  

                                                                                                                                                                              代码配图: 

                                                                                                                                                                              修改后我们再刷新“联系方式”页面,如图: 

                                                                                                                                                                              成功了!骚年,狂欢吧!所有工作都已完成,累死艺灵了(这篇教程写了几个小时,但愿对看官有所帮助)......

                                                                                                                                                                              八、总结

                                                                                                                                                                              最后来看看我们一共修改了哪些文件吧:
                                                                                                                                                                              1.修改member.class.php文件;
                                                                                                                                                                              2.修改member_edit.tpl.php文件,即:管理员权限修改会员资料页面;
                                                                                                                                                                              3.进入phpmyadmin增加字段,要添加qq2,qq3,qq4,qq5,ali2,ali3,ali4,ali5字段;
                                                                                                                                                                              4.修改chip/contact.htm文件,修改后详情页右侧可展示多个qq及旺旺聊天方式;
                                                                                                                                                                              5.修改member_add.tpl.php文件,修改后,用管理员权限添加会员时可添加多个qq及旺旺;
                                                                                                                                                                              6.修改member/edit.htm文件,修改后商家修改个人资料时可添加多个qq及旺旺;
                                                                                                                                                                              7.修改homepage/contact.htm文件,修改后商家自己店铺中的联系方式页面可展示多个qq及旺旺聊天方式;

                                                                                                                                                                              ----------完----------


                                                                                                                                                                               
                                                                                                                                                                              反对 0举报 0 收藏 0 打赏 0评论 0
                                                                                                                                                                              免责声明
                                                                                                                                                                              • 
                                                                                                                                                                              本文为会员destoon8发布,欢迎转载,转载请注明原文出处:http://www.52419.net/news/show-310.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
                                                                                                                                                                               
                                                                                                                                                                              更多>同类destoon教程

                                                                                                                                                                              入驻

                                                                                                                                                                              企业入驻成功 可尊享多重特权

                                                                                                                                                                              入驻热线:17792038992

                                                                                                                                                                              请手机扫码访问

                                                                                                                                                                              客服

                                                                                                                                                                              客服热线:17792038992

                                                                                                                                                                              小程序

                                                                                                                                                                              小程序更便捷的查找产品

                                                                                                                                                                              为您提供专业帮买咨询服务

                                                                                                                                                                              请用微信扫码

                                                                                                                                                                              公众号

                                                                                                                                                                              微信公众号,收获商机

                                                                                                                                                                              微信扫码关注

                                                                                                                                                                              顶部