SharePoint 如何定制搜索顯示模板

我們已經(jīng)介紹了一些關(guān)于搜索的相關(guān)配置，當(dāng)然，用戶關(guān)于搜索的要求可能是各種各樣。有時(shí)候，用戶會說，你們的顯示結(jié)果太Low了，確實(shí)是；不過，在SharePoint中，我們可以很容易的定制搜索結(jié)果的顯示模板，下面讓我們一起來看一下如何簡單的定制 – 搜索顯示模板。

　　1、我們首先創(chuàng)建一個(gè)搜索頁面，搜索的主題是圖片（我定義了搜索的路徑），下圖是默認(rèn)的顯示結(jié)果，如下圖：

　　2、進(jìn)入網(wǎng)站設(shè)置，找到Master pages點(diǎn)擊進(jìn)入，如下圖：

　　3、進(jìn)入顯示模板，點(diǎn)擊進(jìn)入，如下圖：

　　4、可以看到下圖有關(guān)于搜索的顯示模板，我們可以點(diǎn)擊進(jìn)入，然后進(jìn)行定制，如下圖：

　　注：其他幾個(gè)文件夾，也是顯示模板，但是功能各有不同；比如Content Web Parts，顧名思義，就是為了這個(gè)WebPart定義的。

　　5、找到如下html模板，下載一個(gè)副本到本地進(jìn)行修改即可，如下圖：

　　注：可能會遇到文件夾下只有JavaScript，沒有html的問題，記得開啟發(fā)布基礎(chǔ)架構(gòu)的網(wǎng)站集功能。

　　6、紅框標(biāo)注的地方，是我們要修改的部分，title就是我們將來選擇模板時(shí)的名字，下面的紅框就是顯示模板的內(nèi)容；我這里做了個(gè)簡單的修改，注釋了默認(rèn)的，然后，只顯示了Title（艾瑪，本來就很Low，這下更Low了，還能再Low點(diǎn)么；好吧，只是測試一下，別罵我）。

　　注：重點(diǎn)強(qiáng)調(diào)一下ManagedPropertyMapping這個(gè)屬性，如果你有特別的托管屬性，需要先加入（在搜索中心創(chuàng)建托管屬性，在這里加入）才能使用；

　　7、修改好的顯示模板，然后上傳回去，點(diǎn)擊新建文檔，選對內(nèi)容類型，如下圖：

　　8、選中我們的模板，然后點(diǎn)擊OK，如下圖：

　　9、查看一下內(nèi)容類型、標(biāo)題、還有Target Control Type是不是對，一般不會錯(cuò)，如下圖：

　　10、然后看到上傳上來的模板，JavaScript文件是自動(dòng)生成的，如下圖：

　　11、然后回到搜索頁面，編輯頁面，編輯搜索核心結(jié)果部件，選擇WebPart 屬性里面的顯示模板（中間步驟過簡單，容我略去若干步），如下圖：

　　12、查看最后的結(jié)果，實(shí)在很Low，原諒我吧，只是一個(gè)測試用的示例，我也沒有很好地美工技術(shù)。

總結(jié)

　　以上，便是定制搜索顯示結(jié)果的全過程，示例很簡單，主要還是介紹過程，希望大家勿噴。這就是SharePoint相比自己開發(fā)的優(yōu)勢，很多OOB的東西，非常方便使用，慢慢摸索，其實(shí)還有很多東西可以靈活使用。

這一次，我們介紹一下如何定制搜索顯示時(shí)，彈出來的那個(gè)頁面，相信這個(gè)大家也都會遇到的。

　　1、第一部分就是搜索顯示模板的部分，第二部分就是搜索項(xiàng)目詳情的部分，如下圖：

　　2、按照之前一篇博客介紹的過程，找到下面紅框的html，下載一份副本到本地修改，如下圖：

　　3、改個(gè)名字上傳回去，之后也會自動(dòng)生成一個(gè)JavaScript文件，具體信息對比一下，不要選擇錯(cuò)了（一般默認(rèn)就是對的，如果有問題了記得校對一下），如下圖：

　　4、首先修改一下上一篇介紹的顯示模板定義，里面有關(guān)聯(lián)的詳細(xì)信息模板定義，如下圖：

　　注：可能有人會問，我們下載的副本是html的，為嘛關(guān)聯(lián)一個(gè)js的呢？！這個(gè)我在做的時(shí)候也有點(diǎn)疑惑，不過JavaScript會在上傳html模板的時(shí)候自動(dòng)生成，也就不迷惑了；

　　5、嘗試在spd里修改詳情顯示模板，加一個(gè)標(biāo)題帶上樣式測試一下，如下圖：

　　6、測試結(jié)果，說明我們改的地方是對的，雖然很少這么改，如下圖：

　　7、簡單介紹一下搜索詳細(xì)顯示模板的結(jié)構(gòu)，主要是Header、Body、Footer三個(gè)部分，具體每個(gè)部分是干什么的，相信大家一看便知，如下圖：

　　8、我們嘗試在中間的縮略圖（畫外音：什么縮略圖，明明就是一個(gè)iframe在模板里，你當(dāng)我傻啊！確實(shí)是這樣的，呵呵）后面，加上一個(gè)描述字段，算是一個(gè)“大改”吧，看看情況，如下圖：

　　9、可以看到我們的描述字段，顯示在了我們想要讓他出現(xiàn)的地方，里面的內(nèi)容也是我們想要顯示的內(nèi)容，如下圖：

　　注：修改任何搜索項(xiàng)目的屬性，都要爬網(wǎng)才生效，別傻傻的修改了屬性，怎么改模板都不管用。。你不增量爬網(wǎng)一下，搜索項(xiàng)目屬性的修改是不生效的。

總結(jié)

　　以上，便是搜索詳細(xì)顯示模板的定義，其實(shí)很簡單，只要找對了需要修改的位置，修改起來非常容易的。其實(shí)一開始我也這么認(rèn)為的，但是如果你想大概，還是需要花費(fèi)一番心思的，比如修改Footer里面的操作