ASP.NET Starter Kit 挖宝记专栏:Portal Starter Kit 可用的宝在那里？

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 (入口網站入門套件) 中可用的地方在那裡？不寫程式，可以直接拿來用的寶 (地方) 包括：

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

入口網站引擎 (模組排版)

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

1. 第一個步驟，對版面加予排版。
2. 第二個步驟，規劃有幾個頁籤 (Tab) 網頁。
3. 第三個步驟，規劃每一個頁籤 (Tab) 的內容模組。
4. 第四個步驟，規劃每一個頁籤 (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) 的安全機制，包括：

1. 管理員負責規劃權限，只有管理員 (Admins) 可以出現 [管理員] 頁籤。
2. 各頁籤可設定那些角色具有瀏覽權限。
3. 各模組可設定那些角色具有編輯權限。

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

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

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

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

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

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

可外掛自訂模組

入口網站的特色，為希望把工作所需要的所有內容都放置於入口網站當中，雖然 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]

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=165112