標籤:
前言
上一篇文章,我們簡單介紹了如何個人化O365的SharePoint網站,本文我們示範一下如何使用SharePoint內建的列表應用程式,定製一個公司新聞的欄目。
其間,用到的主要工具是SharePoint Designer 2013,免費下載使用的。
1、開啟我們的網站,點擊右上方小齒輪,點擊添加應用程式,如:
2、選擇自訂欄表,用來儲存和編輯我們的新聞,裡面儲存的是我們的新聞的內容,如:
3、填寫列表名稱,點擊建立,稍等片刻即可;
4、進入我們建立好的列表,點擊列表設定,修改一下列表的基本設定;
5、我們首先進入版本控制設定,如:
6、根據我們的需要開啟版本控制,為了草稿不被顯示出去,也為了有發布問題,方便快速的找到之前的版本和草稿,如:
7、我的設定如,大家可以根據自己的需要進行設定,節省資源也可以設定版本數量;
8、然後建立欄,也就是我們的欄位,如:
9、建議建立欄先英文,後改名為中文的做法,否則中文會被編碼(比如“內容”會被編碼為“_x5185__x5bb9_”),然後設定非必填,不顯示在預設視圖;
10、插入幾條測試文檔,因為網站就是demo使用,從北方網上摘錄的幾條新聞;
11、點進去查看新聞,這個頁面我們需要定製的,預設的不太美觀;
12、首先在首頁上添加“公司新聞”的應用程式,如:
13、編輯這個公司新聞的web組件,如:
14、主要就是選中符合我們條件的視圖,如:
15、我們手動建立一個視圖,為了首頁展示,如:
16、選中檢視類型(大家不一定遵循例子的檢視類型,可以多試試),如:
17、填寫視圖名稱和地址,如:
18、修改預設的排序,我們選擇按照修改時間排序,讓最新的顯示在最上面;
19、選中篩選條件,我們這裡讓首頁顯示審批狀態是已獲批准的(已批准狀態符號為0,其他 1為已拒絕 2為待定 3為草稿)如:
20、設定顯示的項目數,首頁不能顯示太多項目,如:
21、去掉單個項複選框,就是列表前面勾選的框,如:
22、再次回到首頁,可以選擇我們的視圖了,如:
23、顯示正常多了,更符合內網的樣式,如:
24、定製清單項目的顯示頁面,這裡需要Designer,如開啟並找到列表位置:
25、雙擊DispForm頁面,開啟要編輯的頁面,如:
26、可能進入的時候,是鎖定編輯模式,我們需要點擊菜單上的進階模式進行編輯;
27、插入,插入一個公司新聞的DispForm頁,如:
28、找到頁面如下位置的HTML進行修改,如:
29、修改完畢的HTML,如:
<table border="0" cellspacing="0" width="100%"> <tr> <td style="font-size:20px;font-weight:bold"> <xsl:value-of select="@Title"/> </td> </tr> <tr> <td style="font-size:12px;padding-top:20px;"> 建立者:<xsl:value-of disable-output-escaping="yes" select="@Author"/> 建立時間:<xsl:value-of disable-output-escaping="yes" select="@Created"/> <hr/> </td> </tr> <tr> <td> <xsl:value-of disable-output-escaping="yes" select="@NewsContent"/> </td> </tr> <xsl:if test="$dvt_1_automode = ‘1‘" ddwrt:cf_ignore="1"> <tr> <td colspan="99" class="ms-vb"> <span ddwrt:amkeyfield="ID" ddwrt:amkeyvalue="ddwrt:EscapeDelims(string(@ID))" ddwrt:ammode="view"></span> </td> </tr> </xsl:if></table>
30、預覽一下我們修改的效果,是不是更好看了呢?如:
31、我們會發現,無論點擊那一條項目,都會顯示ID為1的那條項目,所以還要定製篩選,如:
32、Field Name選擇ID,Value建立變數,如:
33、參數的Name輸入ID,參數源輸入查詢字串,變數還輸入ID;
意思就是URL上的參數ID做查詢字串,傳給我們的表單;
34、我們欄位裡面的ID等於URL上查詢字串的ID的值的時候,顯示,如:
35、刪掉原來位置網站源WebPart,否則不太協調了,如:
36、至此,首頁添加公司新聞欄目已經完成了,有興趣的大家自己動手試一下吧,如:
總結
SharePoint Online的優點也在於此,方便的使用和快速定製,一個小小的欄目就這樣半小時時間搞定;當然,這樣的能力也是需要積累的,不過,確實蠻好用的哦。
好了,這次的文章就介紹到這裡,休息。。休息一下。。
O365(世紀互聯)SharePoint 之使用列表庫發布新聞