SiteServer CMS 搜索功能的实现

最近给网站添加搜索功能，摸索了好久终于实现。

1. 新建一个单页模板，生成文件名为@/utils/search

   
   

2. 在网页包含文件header.html中添加如下代码：（因为导航太多，放不下搜索框了，所以做成点击图标出现/隐藏搜索框的效果）
   放大镜图标：

<li style="margin-top: 7px; margin-left: 20px;">
    <i class="fa fa-search" aria-hidden="true" data-toggle="collapse" data-target="#demo"></i>
</li>

搜索框：

<form id="demo" class="collapse search" action="{Stl.SiteUrl}/utils/search.html" method="get">
       <input type="text" name="word" id="search_keywords" class="form-control input" placeholder="请输入关键字">
       <button type="button" class="btn btn-default button">搜索</button>
</form>

注：

• 根据搜索框样式的不同上述代码会有变化
• 一定要给button加上type="button"这一属性，否则浏览器默认为"submit"，会导致搜索功能无法实现。
• form的action="{Stl.SiteUrl}/utils/search.html" method="get"也是必需的，其他的不太确定，反正加上总没坏处。

3. 生成页面，刷新网站即可看到效果。

   
   点击图标
   输入关键词
   搜索结果页面

补充：stl:search 标签用法 （标签示例可直接复制，样式自行调整）