在網站內加入RSS功能(上)

RSS具備實現成本低、推廣速度快的優勢,已成爲不少報紙媒介電子網站中的一項重要推廣技術。本節將介紹如何在網站中實現RSS功能,此功能主要包括兩部分:訂閱功能和提供閱讀器工具功能。本節的講解流程如圖5-7所示。ide

圖5-7  站點內加入RSS功能講解流程圖
5.4.1  使用Microsoft提供的RSS工具包
爲了讓用戶能夠在ASP.NET 2.0中方便地使用RSS技術,Microsoft提供了一個RSS工具包,使用戶能夠簡單地實現RSS的訂閱和閱讀功能。
這個工具包提供了「RssDataSource」和「RssHyperLink」兩個控件,開發人員經過對兩個控件的拖曳,就能夠輕鬆實現站點的RSS功能。

聲明
本工具全名爲「RssToolkit-1-0-0-1」,支持C#語言。讀者可從Microsoft站點下載。

下面將介紹如何把工具包添加到VS 2005的工具箱中。
(1)打開VS 2005,新建一個網站「WebRSS」。
(2)打開「Default.aspx」頁面,切換到設計視圖,此時工具箱爲可用狀態。
(3)右擊工具箱中的「常規」選項卡,在彈出的菜單中,單擊「選擇項」菜單命令,彈出「選擇工具箱項」對話框,如圖5-8所示。
圖5-8  選擇「工具箱」對話框
(4)單擊「瀏覽」按鈕,打開文件搜索對話框,如圖5-9所示。
圖5-9  文件搜索對話框
(5)在「查找範圍」下拉框中,找到工具包所在的文件夾下的「bin」文件夾,並選中文件夾中的「RssToolkit.dll」文件。
(6)單擊「打開」按鈕,系統回到「選擇工具箱項」對話框,此時系統自動選中dll文件中帶的兩個控件。
(7)單擊「肯定」按鈕,此時在「常規」選項卡中,多了兩個控件:「RssDataSource」和「RssHyperLink」。
至此,工具控件已經加載完畢,能夠在VS 2005中使用Microsoft提供的RSS工具包了。
5.4.2  一個簡單的RSS閱讀器
本節將使用ASP.NET 2.0提供的數據控件,經過RSS工具箱中的「RssDataSource」數據源控件,實現一個只有一列的網格頻道列表,並經過導航的方式顯示頻道的內容。具體步驟以下。
(1)在網站根目錄下,添加一個Web窗體「SimpleReader」。
(2)切換到設計視圖,將一個數據控件「DataList」控件拖曳到界面中。
(3)再將一個數據源控件「RssDataSource」控件拖曳到界面中。
(4)在「RssDataSource」控件的任務列表中,只有一項「配置數據源」,單擊此菜單命令,彈出地址輸入對話框,如圖5-10所示。
圖5-10  輸入RSS地址對話框
(5)在地址文本框內,輸入「http://rss.msnbc.msn.com/id/3032091/device/rss/rss.xml」,此處提供一個標準的RSS文件,並提供多個文章項。
(6)單擊「OK」按鈕,返回到設計視圖。
(7)編輯數據控件「DataList」的綁定項,具體設置如代碼清單5-3所示。注意此處已經經過屬性「DataSourceID」,將「DataList」控件的數據源綁定到「RssDataSource」控件上。
代碼清單5-3  DataList控件的數據源綁定設置
        <asp:DataList ID="DataList1" runat="server"  DataSourceID="RssDataSource1>
                    <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor= "White" />
            <SelectedItemStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor= "#333333" />
            <ItemTemplate>
                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("link") %>' Text='<%# Eval("title") %>'></asp:HyperLink>
            </ItemTemplate>
            <AlternatingItemStyle BackColor="White" />
            <ItemStyle BackColor="#E3EAEB" />
            <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
        </asp:DataList>
文本框:
圖5-11  簡單閱讀器運行效果
(8)此時RSS的讀取地址和數據控件的綁定內容都已經設置完畢。按「Ctrl+S」鍵保存頁面的設計。
(9)將此頁設計爲起始頁,按F5鍵運行程序,測試可否正確顯示訂閱的RSS新聞列表,運行結果如圖5-11所示。
5.4.3  一個複雜的RSS閱讀器
上一小節主要講解了一個簡單的閱讀器的製做過程,本節將經過一個複雜的數據控件「GridView」,實現一個頻道列表網格,其中列出頻道的主題、連接和描述等信息,並採用數據源後綁定的技術爲「GridView」控件配置數據源。具體實現步驟以下。
(1)在網站根目錄下,添加一個Web窗體「ComplexRSS」。
(2)切換到設計視圖,將一個「GridView」控件拖曳到界面中,並設計其樣式,具體樣式如代碼清單5-4所示。由於採用數據源後綁定的技術,此處不需爲「GridView」控件配置數據源。
代碼清單5-4  GridView的樣式配置源HTML代碼
        <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor= "#333333" GridLines="None">
            <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
            <EditRowStyle BackColor="#999999" />
            <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor= "#333333" />
            <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign= "Center" />
            <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
            <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
        </asp:GridView>
(3)設計完界面後,須要編寫實現綁定的代碼,此時要用到RSS工具的類庫,將其添加到此站點中。右鍵單擊網站根目錄,在彈出的快捷菜單中,選擇「添加引用」菜單命令,彈出「添加引用」對話框,如圖5-12所示。
(4)切換到「瀏覽」選項卡,如圖5-13所示。
(5)經過「查找範圍」下拉框,找到RSS工具所在的文件夾「RssToolkit-1-0-0-1」,選擇其中的文件夾「bin」,選中其中的文件「RssToolkit.dll」。
(6)單擊「肯定」按鈕,在網站根目錄下,多了一個「Bin」文件夾,其中包含一個文件,即「RssToolkit.dll」。
(7)對類文件的引用已經完成,如今使用類提供的方法。按F7鍵進入「ComplexRSS」頁面的代碼界面。
圖5-12  「添加引用」對話框
相關文章
相關標籤/搜索