phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
<p>在使用phpcms替换网页的时候,除了正常的替换栏目、内容页等,其他的什么验证码啦,提交表单了,搜索功能了,这些在替换的时候可能会对一些默认文件有一些小小 的改变</p>
<p>
下面就是自己在失败中成功的过程,最后终于替换成没有bug的替换</p>
<p>
<span><strong>一、phpcms的验证码替换</strong></span></p>
<p>
有验证码的地方,一般就是表单了,那么首先就要先制作表单出来了,表单的制作过程很简单,如下:</p>
<p>
a。制作一张表单出来</p>
<p>
(1)登录自己的phpcms后台管理</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/116b6e007964a27e9bb2140780646323.jpg"></p>
<p>
(2)登录进去后,按照这个步骤进行添加表单</p>
<p>
a.模块------表单向导:如图</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/e14f510276b761b76db19a75b6a14e39.jpg"></p>
<p>
b.打开表单向导后,单击“添加表单向导”按钮,如图:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/76e6785449a012eeed5c8e6ff33425d8.jpg"></p>
<p>
c.打开对话框进行添加信息,单击确定</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/723910555a61de12fd7f30265e161fdc.jpg"></p>
<p>
d.确定之后会在这个窗口出现刚添加的自己的表单,如图:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/999b3b5f772423d243ab7f7dc3c40bad.jpg"></p>
<p>
(3)向表单中添加字段</p>
<p>
a.单击当前页面中的“添加字段”按钮,打开添加字段窗口</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/8568268eaf52fce9c66cf2ed16ace07d.jpg"></p>
<p>
b.在添加字段窗口中进行添加信息(对窗口中的每一个进行设置,比如字段类型、长度、字段名字等)</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/1c3cc4cf3ab52127d654dba657a44c2f.jpg"><img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/25e1f712de22a4ebc40a09ece7357cb9.jpg"></p>
<p>
c.单击“提交”后,这个字段就添加成功了,查看自己添加的所有字段</p>
<p>
单击“管理字段”就可以查看添加的所有字段信息</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/50a5a5dffd7cbfd739184f4df4f41c0a.jpg"></p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/a4d1953cda2d07a69306052fd1fb3e9c.jpg"></p>
<p>
d.这样表单就有了,将表单添加到替换的网页中,只要复制这一句js就可以了,如图:</p>
<p>
复制这句话到网页中的相应位置就可以了</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/3cc32695d9536fbdd0f94f4e833b708d.jpg"></p>
<p>
到这里表单就有了,可以看下表单的样式,单击“预览”按钮就可以了</p>
<p>
(3)修改表单的开头信息</p>
<p>
正常的添加到网页后,会出现这么一个样式,如图:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/43ec79e15b34f4e0ca4ab31c51b1296e.jpg"></p>
<p>
a.打开自己的phpcms模板的默认模板文件夹,如图</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/9a668475f84a18e69f5d5178694d7f2d.jpg"></p>
<p>
b.打开默认的文件夹,找到“formguide”文件夹中的“show_js.html”文件,打开该文件,如图:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/a285f2b7fb78d5fb8770e1026ca826a8.jpg"><img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/25bd3b45833233a009021a87354a62eb.jpg"></p>
<p>
c.在打开的show_js.html文件中,修改这个位置,如图:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/9a9a3c8cd0dcba0ef280a31243f14353.jpg"></p>
<p>
这样的话,表单才是真正的结束了</p>
<p>
b。添加验证码到表单</p>
<p>
(1)添加一个字段名“验证码”,这个步骤上面都有,不详说</p>
<p>
(2)同样的在默认的文件夹,找到“formguide”文件夹中的“show_js.html”文件,打开该文件</p>
<p>
在这个位置添加这么一段代码,如图:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/30eba6454aad285235f35436eda0d726.jpg"></p>
<p>
添加的代码,如下:</p>
<p>
(3)默认模板中的文件修改完成后,还需要修改一个地方,那就是改了\modules\formguide下的index.php文件 ,如图</p>
<p>
想要找到这个文件夹,同样的都是存在phpcms文件夹中</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/c9db546afc4d708e46dea50b98e92a6e.jpg"><img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/6a2169c5b5feaf2ebc2a6614094830f0.jpg"></p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/641db2b6a629adc74cffd6cb0d9e114b.jpg"></p>
<p>
打开文件并且添加这么一句代码,添加位置如图:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/c56d18c98556ebe45fa2b33db5babe5b.jpg"></p>
<p>
添加的代码,如下:</p>
<p>
这样,验证码就完成了,如图显示:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/00a423353efeb6b3110b737f7949674b.jpg"></p>
<p>
点击图片也是可以修改验证码的内容的。</p>
<p>
通过不断的尝试,这就是完整的替换验证码的步骤了~~~~</p>
<p>
想要查看用户提交的表单,可以查看这个地方:</p>
<p>
每一个表单的右边,单击“信息列表”:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/a58f3f75735b9a61ff48dd13c2ff1192.jpg"></p>
<p>
进入信息列表就可以查看那些人添加了表单,并且都是提交什么内容,如图:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/d5cd00d6e14fb4d51a6c1c0bdc1c610f.jpg"></p>
<p>
</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/550b9e643f54c4e4a98204e5d9df8155.jpg"></p>
<p>
<span><strong>二、phpcms实现全站搜索功能</strong></span></p>
<p>
所谓的全站搜索功能,其实就是根据输入的内容进行网站搜索。</p>
<p>
第一步:搜索页面的form表单提交书写,form表单怎么写就不多说了。 </p>
<p>
这样就把想要查找的内容传入index.php文件进行处理(index.php文件在modules/search/index.php)这个php文件就是对上面传入的各类值进行判断和处理</p>
<p>
如图所示:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/df4ca9901f88a5c4068e68bbd544c21c.jpg"></p>
<p>
第二步:这个form表单返回的页面</p>
<p>
这个返回值的页面不是栏目页,也不是列表页,也不是内容页,是一个独立的文件</p>
<p>
(1)在你自己的模板之下建立一个search文件夹:路径如下图:</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/f6f0a089990fa07d229577c6569d5178.jpg"></p>
<p>
不是在content文件里建立,而是它的外面建立search文件夹</p>
<p>
(2)search文件夹里面有这么几个文件(自己的返回页面进行拆分)</p>
<p>
将一个整体的静态页面像其他的页面一样拆分为这么几个部分:header、footer、index、list这么4个页面文件</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/4c2008ce2c7140fbb8047522b7688691.jpg"></p>
<p>
(3)搜索结果的显示</p>
<p>
拆分就不多说了,知道phpcms的都会拆分,现在就是把index页面和list页面进行修改</p>
<p>
index页面是为了搜索没有内容的时候返回的页面,这个页面可以自己设置,也可以使用phpcms的默认页面。</p>
<p>
list页面就是搜索的结果页面了,提醒一下:这个页面中除了要显示搜索的内容外,其他的内容就不要进行遍历显示了,因为这样会把搜索的结果出错了,不会显示搜索的结果。</p>
<p>
显示搜索结果页面的遍历代码如下:(把这个放到想要显示的位置,样式根据自己的样式进行修改) </p>
<p>
注意:可以进去phpcms的默认模板进行查看search的文件夹中的文件怎么写的,注意里面有几个js文件需要引进,不能不写。 </p>
<p>
第三步:进行检验</p>
<p>
查看结果的页面是否有问题:</p>
<p>
(1)搜索站里面有“气”的产品</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/804f15f1fa725946d0699fa3065d98a0.jpg"></p>
<p>
(2)查看页面是不是出来了(东西多的应该是有分页的,还有搜索的关键字进行高亮显示,这是样式的修改)</p>
<p>
<img style="max-width:100%!important;height:auto!important;"title="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" alt="phpcms实现验证码替换及phpcms实现全站搜索功能教程详解" src="https://zhuji.jb51.net/uploads/img/202305/39b48e0086b75bbe980ac6f84d60cef9.jpg"></p>
<p>
到这里phpcms的全站搜索的替换就结束了。</p>
<p>
<span><strong>需要注意的点:</strong></span></p>
<p>
(1)search文件夹是在模板content同一级文件</p>
<p>
(2)search文件夹中的文件也是要拆分为“头、中、下”</p>
<p>
(3)拆分的全部文件中除了查找结果之外,其他的内容不能有任何的查找数据库的遍历</p>
<p>
<span><strong>总结</strong></span></p>
<p>
以上所述是小编给大家介绍的phpcms实现验证码替换及phpcms实现全站搜索功能教程详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!</p>
<p>
原文链接:http://www.cnblogs.com/nuanai/p/8028562.html</p>
頁:
[1]