O365(世紀互聯)SharePoint 之使用列表庫發布新聞


前言

  上一篇文章,我們簡單介紹了如何個性化O365的SharePoint站點,本文我們演示一下如何使用SharePoint自帶的列表應用程序,定制一個公司新聞的欄目。

  其間,用到的主要工具是SharePoint Designer 2013,免費下載使用的。

  1、打開我們的站點,點擊右上角小齒輪,點擊添加應用程序,如下圖:

clip_image002

  2、選擇自定義列表,用來保存和編輯我們的新聞,里面保存的是我們的新聞的內容,如下圖:

clip_image004

  3、填寫列表名稱,點擊創建,稍等片刻即可;

clip_image006

  4、進入我們創建好的列表,點擊列表設置,修改一下列表的基本設置;

clip_image008

  5、我們首先進入版本控制設置,如下圖:

clip_image010

  6、根據我們的需要開啟版本控制,為了草稿不被顯示出去,也為了有發布問題,方便快速的找到之前的版本和草稿,如下圖:

clip_image012

  7、我的設置如下圖,大家可以根據自己的需要進行設置,節省資源也可以設置版本數量;

clip_image014

  8、然后創建欄,也就是我們的字段,如下圖:

clip_image016

  9、建議創建欄先英文,后改名為中文的做法,否則中文會被編碼(比如“內容”會被編碼為“_x5185__x5bb9_”),然后設置非必填,不顯示在默認視圖;

clip_image018

  10、插入幾條測試文檔,因為站點就是demo使用,從北方網上摘錄的幾條新聞;

clip_image020

  11、點進去查看新聞,這個頁面我們需要定制的,默認的不太美觀;

clip_image022

  12、首先在首頁上添加“公司新聞”的應用程序,如下圖:

clip_image024

  13、編輯這個公司新聞的web部件,如下圖:

clip_image026

  14、主要就是選中符合我們條件的視圖,如下圖:

clip_image028

  15、我們手動創建一個視圖,為了首頁展示,如下圖:

clip_image030

  16、選中視圖類型(大家不一定遵循例子的視圖類型,可以多試試),如下圖:

clip_image032

  17、填寫視圖名稱和地址,如下圖:

clip_image034

  18、修改默認的排序,我們選擇按照修改時間排序,讓最新的顯示在最上面;

clip_image036

  19、選中篩選條件,我們這里讓首頁顯示審批狀態是已批准的(已批准狀態符號為0,其他 1為已拒絕 2為待定 3為草稿)如下圖:

clip_image038

  20、設置顯示的項目數,首頁不能顯示太多項目,如下圖:

clip_image040

  21、去掉單個項復選框,就是列表前面勾選的框,如下圖:

clip_image042

  22、再次回到首頁,可以選擇我們的視圖了,如下圖:

clip_image044

  23、顯示正常多了,更符合內網的樣式,如下圖:

clip_image046

  24、定制列表項的顯示頁面,這里需要Designer,如下圖打開並找到列表位置:

clip_image048

  25、雙擊DispForm頁面,打開要編輯的頁面,如下圖:

clip_image050

  26、可能進入的時候,是鎖定編輯模式,我們需要點擊菜單上的高級模式進行編輯;

clip_image052

  27、插入,插入一個公司新聞的DispForm頁,如下圖:

clip_image054

  28、找到頁面如下位置的HTML進行修改,如下圖:

clip_image056

  29、修改完畢的HTML,如下圖:

clip_image058

<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、預覽一下我們修改的效果,是不是更好看了呢?如下圖:

clip_image060

  31、我們會發現,無論點擊那一條項目,都會顯示ID為1的那條項目,所以還要定制篩選,如下圖:

clip_image062

  32、Field Name選擇ID,Value新建變量,如下圖:

clip_image064

  33、參數的Name輸入ID,參數源輸入查詢字符串,變量還輸入ID;

  意思就是URL上的參數ID做查詢字符串,傳給我們的表單;

clip_image066

  34、我們字段里面的ID等於URL上查詢字符串的ID的值的時候,顯示,如下圖:

clip_image068

  35、刪掉原來位置網站源WebPart,否則不太協調了,如下圖:

clip_image070

  36、至此,首頁添加公司新聞欄目已經完成了,有興趣的大家自己動手試一下吧,如下圖:

clip_image072

總結

  SharePoint Online的優點也在於此,方便的使用和快速定制,一個小小的欄目就這樣半小時時間搞定;當然,這樣的能力也是需要積累的,不過,確實蠻好用的哦。

  好了,這次的文章就介紹到這里,休息。。休息一下。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM