全国统一咨询电话:4006-138-007         商务渠道合作电话:010-82743368

搜索功能用法举例


SS的搜索涉及两个标签 <stl:searchInput><stl:searchOutput>

1、searchInput 基本用法举例

1.1基本搜索功能

新建一个单页文件,搜索代码如下:

<stl:searchInput></stl:searchInput>
<hr>
<stl:searchOutput pageNum="12" width="500"></stl:searchOutput>

Macintosh HD:Users:apple:Desktop:屏幕快照 2015-01-05 下午9.08.51.jpg

Macintosh HD:Users:apple:Desktop:屏幕快照 2015-01-05 下午9.13.24.jpg

生成后前台测试,效果如图:

Macintosh HD:Users:apple:Desktop:屏幕快照 2015-01-05 下午9.14.36.jpg

1.2.多条件搜索

新建一个单页模板,搜索代码如下:

<form action="{stl.siteUrl}/utils/search_diy.html" target="_self">

关键字:&nbsp;

<input style="border: #ccc 1px solid;width:150px" name="word" />

&nbsp;所属栏目:

<select name="channelID" id="channelID">

<option value="1">全部</option>

<stl:channels topLevel="0">

<option value="{channel.channelID}">{channel.Title}</option>

</stl:channels>

</select>

&nbsp;类型:

<select name="type" id="type">

<option value="Title">标题</option>

<option value="subTitle">副标题</option>

<option value="Content">内容正文</option>

</select>

&nbsp;

&nbsp;日期:

<select name="date" id="date">

<option value="0">全部</option>

<option value="1">1天内</option>

<option value="7">1周内</option>

<option value="30">1个月内</option>

<option value="365">1年内</option>

</select>

&emsp;

<input type="submit" value="提交搜索" />

</form>

<hr>

<stl:searchOutput isHighlight="true">

<stl:pageContents pageNum="5"> {channel.Title}

<stl:a target="_blank"></stl:a>

({content.addDate}) <br />

</stl:pageContents>

<br />

<stl:pageItems>

<table cellpadding="0" cellspacing="0" width="90%" height="40" align="center">

<tr>

<td align="left"><stl:pageItem type="FirstPage" text="首页"></stl:pageItem>

|

<stl:pageItem type="PreviousPage" text="上一页"></stl:pageItem>

|

<stl:pageItem type="NextPage" text="下一页"></stl:pageItem>

|

<stl:pageItem type="LastPage" text="末页"></stl:pageItem></td>

<td align="right"><stl:pageItem type="CurrentPageIndex" text="当前页:"></stl:pageItem>

<stl:pageItem type="PageNavigation"></stl:pageItem></td>

</tr>

</table>

</stl:pageItems>

</stl:searchOutput>

Macintosh HD:Users:apple:Desktop:屏幕快照 2015-01-05 下午10.29.06.jpg

生成页面后前台效果:

Macintosh HD:Users:apple:Desktop:屏幕快照 2015-01-05 下午10.25.33.jpg

搜索结果:

Macintosh HD:Users:apple:Desktop:屏幕快照 2015-01-05 下午10.25.13.jpg

2、searchOutput用法举例

2.1.基本用法

<stl:searchOutput pageNum="12" width="500"></stl:searchOutput>

2.2.自定义显示搜索结果

<stl:searchOutput isHighlight="true">

<stl:pageContents pageNum="5"> {channel.Title}

<stl:a target="_blank"></stl:a>

({content.addDate}) <br />

</stl:pageContents>

<br />

<stl:pageItems>

<table cellpadding="0" cellspacing="0" width="90%" height="40">

<tr>

<td><stl:pageItem type="FirstPage" text="首页"></stl:pageItem>

|

<stl:pageItem type="PreviousPage" text="上一页"></stl:pageItem>

|

<stl:pageItem type="NextPage" text="下一页"></stl:pageItem>

|

<stl:pageItem type="LastPage" text="末页"></stl:pageItem></td>

<td><stl:pageItem type="CurrentPageIndex" text="当前页:"></stl:pageItem>

<stl:pageItem type="PageNavigation"></stl:pageItem></td>

</tr>

</table>

</stl:pageItems>

</stl:searchOutput>

以上效果在前面searchinput中都有,不再赘述。