模板手册
使用手册
模板手册
常见问题
模板助手
快速开始
目录结构
简介
模板设计
制作流程
模板设计师
文件及目录
目录机构
模板设计师
模板引擎
标签参考
搜索标签
全局标签
内容标签
图文标签
列表标签
首页标签
模板扩展
自定义分页
自定义表格列表
定义页面标签
标签参考/搜索标签
## 搜索标签 搜索页面我们有固定名称`search.html` 1.创建 search.html页面 路径 `根项目/template/创建` `search.html`页面 2.循环检索结构 ```php <!--循环--> {volist name="artRes" id="vo" empty="暂时没有数据"} <li> <!--判断是否有封面图--> {if condition="$vo.pic"} <div class="img" > <a href="{:url('/Article/index',array('aid'=>$vo['id']))}" class="scaleImg"> <img src="{$vo.pic?$vo.pic:'https://www.hbsjsd.cn/static/index/images/webcon1.jpg'}" alt="{$vo.title}" title="{$vo.title}"> </a> </div> {/if} <div class="txt"> <h2 class="news_title" title="{$vo.title}"> <a href="{:url('/Article/index',array('aid'=>$vo['id']))}">{$vo.title}</a> </h2> <div class="news_p"> <!--简介 判断是否有简介,如果为设置,调用文章中内容 delhtml 清除html标签 cut_str 显示80个字--> <p>{$vo.description?$vo.description|delhtml=###|cut_str="80":$vo.content|delhtml=###|cut_str="80"}</p> </div> <div class="time"> <!--日期--> <span>{$vo.time|date="Y-m-d"}</span> <!--点击次数--> <span class="click">浏览量:{$vo.click}次</span> </div> </div> </li> {/volist} <!--分页--> {$artRes|raw} ``` 3.页面首页表单 >action="/search为指定检索页面 ```html <form action="/search" method="get"> <input type="text" name="keywords" value="输入关键词后 按Enter搜索" onFocus="if(this.value == '输入关键词后 按Enter搜索'){this.value=''}" onBlur="if(this.value ==''){this.value='输入关键词后 按Enter搜索'}" name="q" /> <button type="submit"> <i class="iconfont icon-sousuo1" ></i> </button> </form> ```