v7
Campaign Classic v7에 적용
v8
Campaign v8에도 적용됩니다.

사용 사례: 개요 페이지 만들기 use-cases-creating-overviews

다음 예제에서는 데이터베이스의 모든 웹 응용 프로그램을 표시하는 개요 형식의 웹 응용 프로그램을 만듭니다. 다음 요소를 구성합니다.

단일 페이지 웹 애플리케이션 만들기 creating-a-single-page-web-application

  1. 단일 만들기 Page 웹 애플리케이션 및 아웃바운드 전환 및 다음 페이지로의 전환을 비활성화합니다.

  2. 페이지 제목 변경.

    이 제목은 개요 헤더와 웹 애플리케이션 개요에 표시됩니다.

  3. 웹 응용 프로그램 속성에서 Single-page Web application 템플릿.

  4. 를 엽니다. Page 웹 애플리케이션 활동 및 목록 열기(Static element > List).

  5. 다음에서 Data 목록의 탭에서 Web applications 문서 및 Label , Creation dateType of application 출력 열.

  6. 다음에서 Filter 하위 탭에서 아래 표시된 대로 다음 필터를 만들어 웹 애플리케이션만 표시하고 보기에서 템플릿을 제외합니다.

  7. 페이지의 구성 창을 닫고 Preview.

    데이터베이스에서 사용할 수 있는 웹 응용 프로그램 목록이 표시됩니다.

폴더에 필터 추가 adding-a-filter-on-a-folder

개요에서는 Adobe Campaign 트리에서의 위치에 따라 데이터에 액세스하도록 선택할 수 있습니다. 폴더에 대한 필터입니다. 다음 프로세스를 적용하여 개요에 추가합니다.

  1. 커서를 Page 웹 응용 프로그램의 노드 및 추가 Select folder 요소(Advanced controls > Select folder).

  2. 다음에서 Storage 창이 나타나면 Edit variables 링크를 클릭합니다.

  3. 필요에 따라 변수 레이블을 변경합니다.

  4. 변수 이름을 폴더 값.

    note note
    NOTE
    변수 이름은 폴더(스키마에 정의됨)에 연결된 요소의 이름과 일치해야 합니다. 폴더 이 경우. 표를 참조할 때 이 이름을 다시 사용해야 합니다.
  5. 적용 XML 변수에 을 입력합니다.

  6. 다음 항목 선택 Refresh page 상호 작용.

  7. 커서를 목록에 놓고 Advanced 탭에서 이전에 만든 변수를 참조합니다. Folder filter XPath 목록의 탭입니다. 폴더 링크와 관련된 요소의 이름, 즉 을 사용해야 합니다. 폴더.

    note note
    NOTE
    이 단계에서 웹 애플리케이션은 해당 애플리케이션 컨텍스트에 없으므로 폴더에서 필터를 테스트할 수 없습니다.

새 웹 애플리케이션 구성을 위한 버튼 추가 adding-a-button-to-configure-a-new-web-application

  1. 커서를 Page 요소를 만들고 링크 추가(Static elements > Link).

  2. 링크 레이블은 개요의 버튼에 표시되므로 수정합니다.

    이 예에서 레이블은 신규.

  3. URL 필드에 다음 URL을 삽입합니다. xtk://open/?schema=nms:webApp&form=nms:newWebApp.

    note note
    NOTE
    nms:webApp 웹 애플리케이션 스키마와 일치합니다.
    nms:newWebApp 새 웹 응용 프로그램 만들기 마법사와 일치합니다.
  4. 동일한 창에 URL을 표시하도록 선택합니다.

  5. 이미지 필드에 웹 애플리케이션 아이콘을 추가합니다. /nms/img/webApp.png.

    이 아이콘은 New 단추를 클릭합니다.

  6. 입력 단추 다음에서 Style 필드.

    이 스타일은 다음에서 참조합니다. Single-page Web application 이전에 선택한 템플릿입니다.

목록에 세부 사항 추가 adding-detail-to-a-list

개요에서 목록을 구성할 때 목록의 각 항목에 대한 추가 세부 정보를 표시하도록 선택할 수 있습니다.

  1. 이전에 만든 목록 요소 위에 커서를 놓습니다.

  2. 다음에서 General 탭에서 Columns and additional detail 드롭다운 목록에 표시 모드.

  3. 다음에서 Data 탭을 클릭하고 Primary key , Internal nameDescription 열 및 선택 Hidden field 각 옵션에 대해 설명합니다.

    이렇게 하면 각 항목의 세부 사항에서만 이 정보를 볼 수 있습니다.

  4. 다음에서 Additional detail 탭에서 다음 코드를 추가합니다.

    code language-none
    <div class="detailBox">
      <div class="actionBox">
        <span class="action"><img src="/xtk/img/fileEdit.png"/><a title="Open" class="linkAction" href="xtk://open/?schema=nms:webApp&form=nms:webApp&pk=
        <%=webApp.id%>">Open...</a></span>
        <%
        if( webApp.@appType == 1 ) { //survey
        %>
        <span class="action"><img src="/xtk/img/report.png"/><a target="_blank" title="Reports" class="linkAction" href="/xtk/report.jssp?_context=selection&
          _schema=nms:webApp&_selection=<%=webApp.@id%>
          &__sessiontoken=<%=document.controller.getSessionToken()%>">Reports</a></span>
        <%
        }
        %>
      </div>
      <div>
        Internal name: <%= webApp.@internalName %>
      </div>
      <%
      if( webApp.desc != "" )
      {
      %>
      <div>
        Description: <%= webApp.desc %>
      </div>
      <%
      }
      %>
    </div>
    
NOTE
JavaScript 라이브러리는 서버에서 새로 고치는 데 5분이 소요됩니다. 이 지연을 기다리지 않도록 서버를 다시 시작할 수 있습니다.

목록 필터링 및 업데이트 filtering-and-updating-the-list

이 단원에서는 특정 연산자가 만든 웹 응용 프로그램의 개요를 표시하는 필터를 만듭니다. 이 필터는 링크 편집기로 만듭니다. 연산자를 선택하고 나면 목록을 새로 고쳐 필터를 적용합니다. 이렇게 하려면 새로 고침 링크를 만들어야 합니다.

이 두 요소는 개요에서 그래픽으로 그룹화하기 위해 동일한 컨테이너로 그룹화됩니다.

  1. 커서를 Page 요소 및 선택 Container > Standard.

  2. 열 수를 다음으로 설정 2 ​를 클릭하여 링크 편집기와 링크가 서로 옆에 있게 합니다.

    요소 레이아웃에 대한 자세한 내용은 이 섹션.

  3. 적용 dottedFilter.

    이 스타일은 다음에서 참조합니다. Single-page Web application 이전에 선택한 템플릿입니다.

  1. 이전 단계에서 만든 컨테이너에 커서를 놓고 를 통해 링크 편집기를 삽입합니다. Advanced controls 메뉴 아래의 제품에서 사용할 수 있습니다.

  2. 자동으로 열리는 스토리지 창에서 Variables 옵션을 선택한 다음 Edit variables 데이터 필터링을 위해 XML 변수를 연결하고 만듭니다.

  3. 레이블을 수정합니다.

    다음 옆에 표시됩니다. Filter 개요의 필드입니다.

  4. 연산자 테이블을 응용 프로그램 스키마로 선택합니다.

  5. 커서를 목록 요소에 놓고 를 통해 필터를 만듭니다. Data > Filter 탭:

    • 표현식: '작성자' 링크의 외래 키
    • 연산자: 다음과 같음
    • 값: 변수 (변수)
    • 다음 경우 고려: '$(var2/@id)'!=''

CAUTION
웹 애플리케이션 사용자는 정보에 액세스할 수 있는 적절한 Adobe Campaign 권한이 있는 식별된 운영자여야 합니다. 익명 웹 응용 프로그램에서는 이 유형의 구성이 작동하지 않습니다.
  1. 컨테이너에 커서를 놓고 Link 를 통해 Static elements 메뉴 아래의 제품에서 사용할 수 있습니다.

  2. 레이블을 수정합니다.

  3. Refresh data in a list ​을(를) 선택합니다.

  4. 이전에 만든 목록을 추가합니다.

  5. 에 새로 고침 아이콘 추가 Image 필드: /xtk/img/refresh.png.

  6. 정렬 순서 화살표를 사용하여 아래와 같이 웹 응용 프로그램의 다양한 요소를 다시 구성합니다.

이제 웹 응용 프로그램이 구성되었습니다. 다음을 클릭할 수 있습니다 Preview 탭으로 이동하여 미리 봅니다.

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1