大错内容联盟

 找回密码
 免费注册

QQ登录

只需一步,快速开始

[系统模块] 飞飞影视导航系统(搜索模块)设计结构与功能说明

[复制链接]
admin 发表于 2018-5-15 16:42:09 | 显示全部楼层 |阅读模式
站长手册
系统版本: 3.8
网站结构: 前台界面 » 区块组件
内容模型: 搜索
根据飞飞影视导航系统的数据库字段能发现,视频、专题、评论、文章、是分别存放于不同表的,所以在搜索时一般情况下需要做搜索表的选择,我们这里是根据(系统模块SID)来判断要搜索的范围。

参考飞飞影视导航系统的URL路径结构,除了视频、文章需要此功能外、其它模块不常用、故只开发了的视频与文章的搜索功能,其对应的默认URL分别为index.php?s=vod-search,index.php?s=news-search,同时支持POST与GET提交,关键字默认字段为wd。

feifeicms3.8版本再次优化了对系统搜索的处理,通过系统JS库能做到监听输入关键字是否为空判断;回车键直接提交对应的表单;兼容系统伪静态配置;搜索联想下单功能配置;自动根据系统模块切换搜索结果处理模块;其最简洁的表单代码如下,并做如下说明。

系统根据bootstrap3框架设计了几种搜索区块组件,放置于默认模板的BlockBase/search_***.tpl,有个性需求修改的可以参考。

Html基础代码
  1. <form class="navbar-form navbar-right ff-search" action="{$root}index.php?s=vod-search" method="post" data-sid="{$site_sid}" data-limit="{:C('ui_search_limit')}" data-action="{:ff_url('vod/search',array('wd'=>'FFWD'), true)}" data-action-news="{:ff_url('news/search',array('wd'=>'FFWD'), true)}">
  2.   <input type="text" class="form-control ff-wd" name="wd" placeholder="请输入影片名称">
  3.   <button type="submit" class="btn btn-default">搜索</button>
  4. </form>
复制代码

参数说明
  • action 默认表单提交地址,JS事件监听失效时将提交到此地址
  • method 默认表单提交类型,JS事件监听失效时才有用,JS监听正常时统一处理为GET方式,便于分享与伪静态优化。
  • data-sid 系统模块ID,因系统只对视频与文章有搜索功能,所以当sid=2(文章)模块时,JS才会对其做搜索转向处理,转向的路径由后面的data-action-news处理,如果没有定义data-action-news则系统自动将action处理为index.php?s=news-search。
  • data-limit 搜索联想功能,由后台>全局配置>模板界面里面的参数配置,不添加该自定义配置或后台配置为0则不启用该功能。
  • data-action 默认搜索转向链接,正是定义了该配置才可以通过JS的跳转功能统一处理为GET方式,FFWD为关键字变量,在JS处理时将FFWD替换为用户输入的关键字,并做了URL编码处理。如果不需要使有这种方式处理则去掉该配置。
  • data-action-news 定义文章搜索转向链接,与data-action一样,定义了该配置系统JS才会对搜索的关键字做JS转向链接按GET方式搜索。如果不需要使有这种方式处理则去掉该配置。


wu8881122 发表于 2018-7-1 15:42:51 | 显示全部楼层
学习了 谢谢
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|大错内容联盟

GMT+8, 2018-12-12 06:33 , Processed in 0.057378 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表