[收藏]ASP.NET Starter Kit 挖宝记专栏:Portal Starter Kit 可用的宝在那里?

类别:Asp 点击:0 评论:0 推荐:
ASP.NET Starter Kit 挖寶記專欄: 快速上線篇:Portal Starter Kit 可用的寶在那裡?

作者:周世雄

2003 年 10 月

Portal Starter Kit (入口網站入門套件) 可用的寶

繼筆者主講微軟 TechEd 2003 研討會「ASP.NET Starter Kit - 隨插即用的解決方案」場次 (簡報檔可至博格科技網站下載) 後,本文說明如何使用美國微軟開發、免費、又開放原始程式碼的 ASP.NET Starter Kit 中的 Portal Starter Kit (入口網站入門套件),適合 IT 專業人員不寫程式快速導入入口網站解決方案;也適合程式設計師,學習 Portal Starter Kit 可以拿來抄的地方。

入口網站 (Portal) 的主要功能,是將工作所需的資料匯總於一個網站,讓使用者於此入口網站完成每天的工作。

ASP.NET Starter Kit 中的 Portal Starter Kit (入口網站入門套件) 是否能夠符合這個入口網站 (Portal) 功能的需求呢?

讓我們開始挖寶吧!

Portal Starter Kit 英文版安裝後,執行的畫面如下圖:

如何使用 Portal Starter Kit 來建構公司的入口網站呢?

本文將以我建構公司入口網站的實際經驗為例子與讀者分享,將引用公司網站的資料當作範例資料。

經過我們安裝 Portal Starter Kit 中文版,並將公司網站的資料當作範例資料,重新排版後執行的畫面如下圖:

上面選單為頁籤 (Tab),可選擇網頁,每個頁籤可以排版許多個模組 (Module)。

快速上線的時刻到了,Portal Starter Kit (入口網站入門套件) 中可用的地方在那裡?不寫程式,可以直接拿來用的寶 (地方) 包括:

入口網站引擎 (模組排版)。 10 種常用內容的入口網站模組 (入口網站內容)。 以角色為基礎 (Role-based) 的安全機制。 可外掛自訂模組。 入口網站引擎 (模組排版)

當您拿到 Portal Starter Kit 並安裝後,只要四個步驟,不用寫程式就可以建構一個入口網站:

第一個步驟,對版面加予排版。 第二個步驟,規劃有幾個頁籤 (Tab) 網頁。 第三個步驟,規劃每一個頁籤 (Tab) 的內容模組。 第四個步驟,規劃每一個頁籤 (Tab) 與模組的權限。

建構入口網站的第一件要做的事情就是對版面加予排版,方法為使用 VS.NET 排版 DesktopPortalBanner.ascx 的版面,字型大小於 ASPNETPortal.css 檔案改變。舉個例子來說,我於 DesktopPortalBanner.ascx 加入了公司的 LOGO 圖檔,更改底色為漸層的紫色,並更改字型大小,以及加入中文字型到 ASPNETPortal.css:

font-family: Verdana, 新細明體, Helvetica, sans-serif;

結果就變成:

建構入口網站的第二個步驟,要規劃有幾個頁籤 (Tab) 網頁。

方法為於首頁登入管理員帳號後,最右邊將多一個 [管理員] 的頁籤,畫面如下圖:

於 [頁籤 (Tab)] 處規劃有幾個頁籤網頁與順序,譬如我規劃頁籤如下圖:

則顯示如下圖的頁籤:

針對每一個頁籤 (Tab) 網頁,可於選擇後按下 進入編輯畫面如下圖:

可以安排此頁籤 (Tab) 網頁所有模組的位置,可選擇位於左邊小窗格、內容窗格、右邊小窗格等三個位置。

左邊小窗格、內容窗格、右邊小窗格等選擇模組後按下 進入編輯畫面如下圖:

於 [快取處理等候逾時 (秒)] 可自行調整此模組的入口網站快取期間。

入口網站模組 (入口網站內容)

建構入口網站的第三個步驟,規劃每一個頁籤 (Tab) 的內容模組。入口網站的內容呢?Portal Starter Kit 內建 10 種常用內容的入口網站模組,以做為入口網站的內容,包括公告、事件、Html 文件、XML/XSL、連結、快速連結、文件、討論區、聯絡人、影像等模組。一個內容稱為一個模組,每一個頁籤 (Tab) 網頁可以包括許多的模組。10 種模組分別簡介如下:

模組 1:公告 (Announcements)

「公告」 (Announcements) 模組,可顯示生效 (截止日期前) 的公告,可設定公告的標題、詳細資料連結、描述、截止日期等,如下圖:

將此公告模組加入到一個頁籤 (Tab) 網頁後,就可以顯示如下圖:

因為登入的使用者具有編輯此模組的權限,因此標題左邊顯示 可進入編輯畫面,以及於右上角出現 [新增公告]。

模組 2:事件 (Events)

「事件」 (Events) 模組,可顯示生效 (截止日期前) 的事件,可設定事件的標題、描述、時間地點、截止日期等,如下圖:

將此事件模組加入到一個頁籤 (Tab) 網頁就可以顯示如下圖:

模組 3:Html 文件

「Html 文件」模組,可直接將 HTML 碼顯示出來,如下圖:

將此 Html 文件模組加入到一個頁籤 (Tab) 網頁後,就可以顯示如下圖:

模組 4:XML/XSL

「XML/XSL」模組,將所設定 XML、XSL 檔案合併後顯示出來,如下圖:

譬如 XML 檔案內容如下:

<?xml version='1.0' encoding='big5' ?> <BPM xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional"> <product id='BorG SPM (.NET)'> <speed>25萬關卡/每天</speed> </product> <product id='Workflow (ASP/COM)'> <speed>10萬關卡/每天</speed> </product> </BPM><p>XSL 檔案內容如下:</p>

<xsl:stylesheet version='1.0' xmlns:xsl='http://www.w3.org/1999/XSL/Transform' > <xsl:template match="/"> <table width="210" border="1pt" cellspacing="0" cellpadding="3" bordercolor="#dddddd" style="border-collapse:collapse;"> <tr> <th align="left">Product</th> <th>Performance</th> </tr> <xsl:for-each select='BPM/product'> <tr> <td class="Normal" width="200"> <i><xsl:value-of select='@id'/></i> </td> <td class="Normal" width="150"> <CENTER> <xsl:value-of select='speed'/> </CENTER> </td> </tr> </xsl:for-each> </table> </xsl:template> </xsl:stylesheet>

將此 XML/XSL 模組加入到一個頁籤 (Tab) 網頁後,就可以顯示以上 XML、XSL 檔案合併後的結果如下圖:

模組 5:連結 (Links)

「連結」 (Links) 模組提供許多的超連結,可設定超連結的標題、URL、描述、檢視順序等,如下圖:

將此連結模組加入到一個頁籤 (Tab) 網頁就可以顯示如下圖,滑鼠移到超連結會顯示描述:

模組 6:快速連結 (Quicklinks)

「快速連結」 (Quicklinks) 模組與「連結」 (Links) 模組的功能相近,差別為「快速連結」不會另外開啟一個新的 IE 瀏覽器,「連結」則會。可設定超連結的標題、URL、描述、檢視順序等,如下圖:

將此快速連結模組加入到一個頁籤 (Tab) 網頁就可以顯示如下圖:

模組 7:文件 (Document)

「文件」 (Document) 模組提供待下載的文件檔案,可設定文件的名稱、類別、URL 等,如下圖:

將此文件模組加入到一個頁籤 (Tab) 網頁就可以顯示如下圖,按下名稱的超連結可下載此文件檔案:

模組 8:討論區 (Discussion)

「討論區」 (Discussion) 模組可提供討論的功能,如下圖:

回覆此訊息:

回覆後顯示:

模組 9:聯絡人 (Contacts)

「聯絡人」 (Contacts) 模組可設定聯絡人的名稱、角色、Email、聯絡方式等,如下圖:

將此聯絡人模組加入到一個頁籤 (Tab) 網頁就可以顯示如下圖:

模組 10:影像 (Image)

「影像」 (Image) 模組可設定影像的檔名、寬度、高度等,如下圖:

將此影像模組加入到一個頁籤 (Tab) 網頁就可以顯示如下圖:

以角色為基礎 (Role-based) 的安全機制

建構入口網站的第四個步驟,規劃每一個頁籤 (Tab) 與模組的權限。

入口網站的權限管理功能呢?

Portal Starter Kit的權限管理,提供以角色為基礎 (Role-based) 的安全機制,包括: 管理員負責規劃權限,只有管理員 (Admins) 可以出現 [管理員] 頁籤。 各頁籤可設定那些角色具有瀏覽權限。 各模組可設定那些角色具有編輯權限。

首先設定角色,設定方式為於 [管理員] 頁籤之 [角色安全] 來新增角色,編輯畫面如下圖:

[變更角色成員] 可以編輯此角色之成員:

至於瀏覽權限的設定方式,為於 [管理員] 頁籤,選擇待編輯的頁籤後,按下 進入編輯畫面如下圖:

即可設定那些角色具有此頁籤之瀏覽權限。

同樣方式,編輯權限的設定方式為於 [管理員] 頁籤,選擇待編輯的頁籤後,按下 進入編輯畫面,再選擇待編輯的模組,按下 進入編輯畫面,如下圖:

即可設定那些角色具有此模組之編輯權限。

可外掛自訂模組

入口網站的特色,為希望把工作所需要的所有內容都放置於入口網站當中,雖然 ASP.NET Starter Kit 內建 10 種常用內容的入口網站模組,但是一定會不夠用,怎麼辦呢?ASP.NET Starter Kit 提供讓您可以外掛自訂模組的功能。本文將也將以公司所提供的「BorG SPM」產品為例,將商業流程管理的功能加入到入口網站當中。外掛這個自訂模組的方法為首先加一個 Web 使用者控制項到 DesktopModules,譬如 DesktopModules\MyURL.ascx,程式很簡單:

<%@ Control Language="vb" AutoEventWireup="false" Codebehind="MyURL.ascx.vb" Inherits="ASPNET.StarterKit.Portal.MyURL" %> <iframe src="/spm/webReceive.aspx" width="1024" height="768" frameborder="0"></iframe>

接著加一個模組定義,於 [管理員] 頁籤中新增模組定義,於資料來源中指向此 Web 使用者控制項之 URL:

如何就大功告成了,可於頁籤設定中加入此新的模組定義,譬如我加一個 [待處理] 的頁籤,包括此新定義的模組:

如此我的入口網站就擁有工作流程管理的新功能了。

Portal Starter Kit下載

Portal Starter Kit 英文版軟體可到以下網址免費下載與使用,包括原始碼:
http://www.asp.net/Default.aspx?tabindex=9&tabid=47

ASP.NET Starter Kit 中文版

ASP.NET Starter Kit 中文版軟體可到「MSDN 下載專區」,分次免費下載與使用:
http://www.microsoft.com/taiwan/msdn/downloads/default.htm

或是透過 MSDN Subscription 附贈的 .NET 企業網站錦囊,一次取得所有中文版入門套件與架構白皮書,請參閱:
http://www.microsoft.com/taiwan/msdn/promo/

意見與支援

 您有任何問題、意見或建議嗎?您可以透過下列電子郵件與作者連絡:
 [email protected]

本文地址:http://com.8s8s.com/it/it8146.htm