到現在，我們已經可以讓元件獨立地顯示。我們隻是運作它、讓它顯示在Web UI中。讓我們把元件整合進導航欄，使我們可以在正常登入Web UI時通路它。
步驟一：
為你的UI元件主窗體建立一個内向插件。
步驟二：
将你的元件的主窗體在運作時資源庫中作為一個界面視圖暴露出來（Interface View）。
步驟三：
當我們從導航欄或者其它任何工作中心頁（work center page）通路我們的元件時，它将被顯示在UI的工作區中。是以為了在工作區顯示元件，我們需要在工作元件庫（WORKAREA COMPONENT REPOSITORY）注冊元件。
前往事務SPRO，打開以下路徑：
客戶關系管理->UI架構->技術角色定義->定義工作區域元件庫。點選新條目（IMG-作業）。輸入你的元件細節并儲存它們。
選擇它，并且輕按兩下内向插件。點選下一個螢幕的新條目，輸入如下詳細内容。
目标辨別:你可以輸入任何名字，在我們建立邏輯連結的時候，這個目标辨別将會被再次用到。
内向插件：這個是我們在窗體中建立的内向插件。
接下來，我們給出了UI組建類型和動作顯示。儲存條目，我們完成了UI元件的注冊。
步驟四：
我們需要建立一個邏輯連結。在事務SPRO中按一下路徑進入：
客戶關系管理->UI架構->技術角色定義->定義導覽列參數檔案。
在下一個螢幕，在左側面闆選擇選項“定義邏輯連結”，點選新條目。
輸入如下詳細内容，儲存它。
給你的邏輯連結一個合适的名字，選擇類型為“連結”，起一個适合的标題。這個标題會顯示在Web UI上面。
目标辨別是是我們在先前步驟中建立的值。從這個目标辨別，架構會了解到當使用者點選連結的時候，應當導航到哪個元件。
步驟五：
我們需要決定該連結在哪個業務角色中啟用。是以我們需要在標明的業務角色的導覽列參數檔案中的“定義通用出站插件映射”添加一個條目。
我要把它添加到我們曾經在之前的教程中建立的導覽列參數檔案中。
在相同的螢幕輕按兩下“定義導覽列參數檔案”，選擇需要的導覽列參數檔案，點選“定義通用出站插件映射”。
輸入以下資訊，并儲存。邏輯連結是我們在先前步驟建立的連結。
步驟六
定義我們想要顯示邏輯連結的地方。這裡我想顯示在服務專業角色->服務訂單工作區域->導航導航連結的第二級。
現在我們是在重複已經在先前的教程中讨論過的步驟，也就是關于将工作區域配置設定給導覽列參數檔案的内容。
選擇需要的導覽列參數檔案，選擇選項“配置設定工作中心至導航欄參數檔案”。它将列出所有的工作中心。這裡需要的工作中心是SRV-CONTR。
接下來輕按兩下定義工作中心。在下一頁，找出工作中心SRV-CONTR使用下圖中位置的按鈕。找到後，選擇并輕按兩下“配置設定工作中心連結組至工作中心”來将工作中心連結組配置設定給工作中心。
這裡需要的工作中心連結組是SRV-CTR-SR。
我們需要添加我們的邏輯連結到這個組中，是以直接輕按兩下選項“配置設定連結到工作中心連結組”，把我們在上面找到的工作中心連結組添加到下一個彈出框中。
如下的視窗會展現出來。選擇新條目以添加我們的邏輯連結。添加連結後，儲存新條目。
要接近完成了。我們需要調節這個連結的業務角色等級。前往業務角色與導覽列參數檔案關聯部分，按照以下路徑：
客戶關系管理->UI架構->業務角色->定義業務角色
在下一螢幕，選擇需要的業務角色，然後輕按兩下“調節工作中心組連結”，填入其中條目。
找到條目之後，選擇菜單選項，讓這個連結在第二級導航中可用。如果同時選擇可視選項，待會它會出現在工作中心頁的搜尋組下方。
讓我們測試應用，使用我們剛剛添加過連結的業務角色登入Web UI.
在點選它之後，我被導航到了我們先前在教程中制作的UI元件。
本文連結：http://www.cnblogs.com/hhelibeb/p/6014863.html
原文連結：INTEGRATING COMPONENT INTO NAVIGATION BAR PROFILE