文件AEM 6.5使用手冊

建立登入畫面 creating-a-new-login-screen

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主題：

建立對象：

  • undefined
  • undefined

您可以修改所有使用AEM Forms登入畫面的AEM Forms模組的登入畫面。 例如，修改會同時影響Forms Manager和AEM Forms工作區的登入畫面。

必備條件 prerequisite

  1. 以系統管理員許可權在/lc/crx/de登入。

  2. 執行下列動作：

    1. 在/apps/livecycle/core/content復寫/libs/livecycle/core/content的階層結構。

      維護相同的（節點/資料夾）屬性和存取控制。

    2. 複製內容資料夾：

      從： /libs/livecycle/core

      至： /apps/livecycle/core。

    3. 刪除/apps/livecycle/core資料夾的內容。

  3. 執行下列動作：

    1. 在/apps/livecycle/core/components/login復寫/libs/livecycle/core/components/login的階層結構。 維護相同的（節點/資料夾）屬性和存取控制。

    2. 將元件資料夾：從/libs/livecycle/core複製到/apps/livecycle/core。

    3. 刪除資料夾的內容： /apps/livecycle/core/components/login。

新增地區設定 adding-a-new-locale

  1. 複製i18n資料夾：

    • 從 /libs/livecycle/core/components/login
    • 至/apps/livecycle/core/components/login

  2. 刪除i18n中的所有資料夾，但其中一個除外，例如en。

  3. 在資料夾en上，執行下列動作：

    1. 將資料夾重新命名為您要支援的區域設定名稱。 例如，ar。

    2. 將屬性jcr:language值變更為ar （針對ar資料夾）。

    note note
    NOTE
    如果地區設定是語言 — 國家/地區代碼組合，例如ar-DZ，則將資料夾名稱和屬性值變更為ar-DZ。

  4. 複製login.jsp：

    • 從 /libs/livecycle/core/components/login
    • 至/apps/livecycle/core/components/login

  5. 修改/apps/livecycle/core/components/login/login.jsp的下列程式碼片段：

地區設定為語言代碼

String browserLocale = "en";

    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

至

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("ar")) {
            browserLocale = "ar";
            break;
        }
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

String browserLocale = "en";

    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

至

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().equalsIgnoreCase("ar-DZ")) {
            browserLocale = "ar-DZ";
            break;
        }
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

若要變更預設地區設定

   String browserLocale = "en";
   for(int i=0; i<locales.length; i++)

   To

   String browserLocale = "ar";
   for(int i=0; i<locales.length; i++)

新增文字或修改現有文字 adding-new-text-or-modifying-existing-text

  1. 複製i18n資料夾：

    • 從 /libs/livecycle/core/components/login
    • 至/apps/livecycle/core/components/login

  2. 現在修改您想要變更文字之節點（在所需的地區設定代碼資料夾下）的屬性sling:message的值。 透過在節點的sling:key屬性值中提及的索引鍵完成轉譯。

  3. 若要新增索引鍵/值組，請執行下列動作。 請檢視下列熒幕擷圖中的範例。

    1. 建立型別sling:MessageEntry的節點，或複製現有的節點，並在所有地區設定資料夾下重新命名它。

    2. 複製login.jsp ：

      • 從 /libs/livecycle/core/components/login

      • 至/apps/livecycle/core/components/login

    3. 修改/apps/livecycle/core/components/login/login.jsp以合併新加入的文字。

    新增索引鍵/值組

    code language-jsp 
    div class="loginContent">

                    <span class="loginFlow"></code>
                    <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></code>
                    <span class="loginTitle"><%= i18n.get("Login") %></code>
                    <% if (loginFailed) {%>

    至

    code language-jsp 
    div class="loginContent">

                    <span class="loginFlow"></code>
                    <span class="loginVersion"><%= i18n.get("My Welcome Message") %></code>
                    <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></code>
                    <span class="loginTitle"><%= i18n.get("Login") %></code>
                    <% if (loginFailed) {%>

新增樣式或修改現有樣式 adding-new-style-or-modifying-existing-style

  1. 複製login節點：

    • 從 /libs/livecycle/core/content
    • 至/apps/livecycle/core/content

  2. 從節點/apps/livecycle/core/content/login.刪除檔案login.js和jquery-1.8.0.min.js

  3. 修改CSS檔案中的樣式。

  4. 若要新增樣式：

    1. 新增樣式至/apps/livecycle/core/content/login/login.css

    2. 複製login.jsp

      • 從 /libs/livecycle/core/components/login

      • 至/apps/livecycle/core/components/login

    3. 修改/apps/livecycle/core/components/login/login.jsp以合併新加入的樣式。

例如：

  • 新增下列至/apps/livecycle/core/content/login/login.css。
css.newLoginContentArea {
    width: 700px;
    padding: 100px 0px 0px 100px;
   }

  • 在/apps/livecycle/core/components/login.jsp中修改下列專案。

    code language-jsp 
    <div class="loginContentArea">

    至

    code language-jsp 
    <div class="newLoginContentArea">
NOTE
如果/apps/livecycle/core/content/login中的現有影像（複製自/libs/livecycle/core/content/login）已移除，則移除CSS中對應的參考。

新增影像 add-new-images

  1. 請依照新增樣式或修改現有樣式的步驟（如上所述）操作。

  2. 在/apps/livecycle/core/content/login中新增影像。 若要新增影像：

    1. 安裝WebDAV使用者端。

    2. 使用webDAV使用者端導覽至/apps/livecycle/core/content/login資料夾。 如需詳細資訊，請參閱WebDAV存取。

    3. 新增影像。

  3. 在/apps/livecycle/core/content/login/login.css,中新增與在/apps/livecycle/core/content/login中新增的新影像對應的樣式。

  4. 在login.jsp的/apps/livecycle/core/components使用新樣式。

例如：

.newLoginContainerBkg {

 background-image: url(my_Bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width: 727px;
}

*在/apps/livecycle/core/components/login.jsp中修改下列專案。

<div class="loginContainerBkg">

至

<div class="newLginContainerBkg">
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2