文档AEM 6.5用户指南

创建登录界面 creating-a-new-login-screen

Last update: Tue Nov 25 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 适用对象：
  • Experience Manager 6.5

创建对象：

  • 用户
  • 开发人员

您可以修改所有使用AEM Forms登录屏幕的AEM Forms模块的登录屏幕。 例如，修改会同时影响Forms Manager和AEM Forms工作区的登录屏幕。

先决条件 prerequisite

  1. 使用管理员权限在/lc/crx/de登录。

  2. 执行以下操作：

    1. 在/libs/livecycle/core/content处复制/apps/livecycle/core/content的分层结构。

      维护相同的（节点/文件夹）属性和访问控制。

    2. 复制内容文件夹：

      发件人： /libs/livecycle/core

      收件人：/apps/livecycle/core。

    3. 删除/apps/livecycle/core文件夹的内容。

  3. 执行以下操作：

    1. 在/libs/livecycle/core/components/login处复制/apps/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的以下代码片段：

    区域设置是语言代码

    code language-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;
        }
    }

    收件人

    code language-jsp 
    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;
        }
    }
    code language-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;
        }
    }

    收件人

    code language-jsp 
    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. 从节点login.js删除文件jquery-1.8.0.min.js和/apps/livecycle/core/content/login.

  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。

    code language-none 
    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处使用新样式。

    例如：

    code language-css 
    .newLoginContainerBkg {

 background-image: url(my_Bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width: 727px;
}
    • 在/apps/livecycle/core/components/login.jsp中修改以下内容。
    code language-jsp 
    <div class="loginContainerBkg">

    收件人

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