본문 바로가기
윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)

윅스 (Wix) 코딩 - 표(Table) 또는 갤러리에 데이터베이스 내용 표시하기 (About Displaying Database Content in a Table or Gallery)

by 라임쥬서(Lime Juicer) 2020. 5. 2.
반응형

윅스 (Wix) 코딩 - 표(Table) 또는 갤러리에 데이터베이스 내용 표시하기 (About Displaying Database Content in a Table or Gallery)

 

 

 

설명)

 

표(Table) 및 갤러리는 컬렉션에서 여러 항목을 한 번에 표시할 때 유용합니다. 동적 카테고리 페이지 또는 일반 페이지에 데이터베이스 컬렉션 콘텐츠를 표시하는 데 유용합니다. 표(Table)과 갤러리를 반복 레이아웃에 연결할 수도 있습니다.

 

표(Table)와 갤러리는 참조 입력란(필드)가 있는 컬렉션 또는 다른 데이터세트로 하나의 데이터세트를 필터링한 상황에서 관련 항목을 표시할 수 있습니다.

 

 

노트 :

데이터를 표(Table)이나 갤러리에 연결하기 전에 사이트 데이터베이스에 하나 이상의 컬렉션과 페이지에 추가된 데이터세트가 있어야합니다.

 

갤러리 또는 테이블에 데이터베이스 내용을 표시하는 방법은 다음을 참조합니다.

- 윅스 (Wix) 코딩 - 표(Table) 또는 갤러리에 데이터베이스 내용 표시하기 (About Displaying Database Content in a Table or Gallery)

 

 

 

예제)

다음은 사이트에서 표(Table) 및 갤러리를 사용하여 사이트 방문자에게 정보를 보여줄 수 있는 방법에 대한 몇 가지 예입니다.

 

1. 하나의 데이터베이스 컬렉션을 표(Table) 또는 갤러리에 연결하기 (Connecting one database collection to a table or gallery)

이 예에서는 갤러리를 사용하여 데이터베이스 컬렉션에서 요리법에 대한 항목을 표시했습니다. 갤러리를 동적 카테고리 페이지에 배치합니다. 여기서 카테고리는 '코스'입니다. 각 이미지는 해당 음식의 동적 항목 페이지로 연결됩니다. 페이지 상단의 텍스트 요소는 동일한 데이터세트에 연결되므로 페이지 제목으로 사용됩니다. 이 예에서는 동적 카테고리 페이지에 '사이드메뉴'가 표시됩니다.

 

 

 

 

 

아래에서는 표(Table)를 사용하여 아티스트 컬렉션의 모든 아티스트 항목을 동적으로 표시합니다. 이 표(Table)은 일반 페이지에 있습니다. 하나의 열은 아티스트의 그림을 표시하고 다른 하나는 각 아티스트의 짧은 약력를 표시합니다. 표의 각 행은 해당 아티스트의 동적 항목 페이지로 연결됩니다.

 

 

 

 

2. 참조 입력란(필드)가 있는 데이터베이스 컬렉션을 표(Table)에 연결하기 (Connecting one database collection with reference fields to a table)

이 예에서 Song 컬렉션에는 Artists 컬렉션에 대한 참조 입력란(필드)이 있습니다. 이를 통해 두 컬렉션의 정보를 일반 페이지의 한 표(Table)에 동시에 표시할 수 있습니다. 첫 번째 열에는 Songs 컬렉션의 제목이 표시됩니다. 두 번째 열에는 참조 입력란(필드)에서 가져온 아티스트의 이름이 표시됩니다.

 

 

 

 

 

3. 표(Table)을 사용하여 동적 페이지에 연결하기 (Using a table to link to dynamic pages)

이 예에서는 표(Table)을 일반 페이지에 두고 Recipes 컬렉션에 연결했습니다. 컬렉션에 있는 모든 요리법과 코스 및 음식 목록을 제공합니다.

 

표(Table)의 각 열은 다른 동적 페이지로 연결됩니다. 'Recipes' 열은 해당 요리법의 동적 항목 페이지로 연결됩니다. 'Course'열은 이전 코스와 마찬가지로 코스의 동적 카테고리 페이지로 연결되고 'Cuisine'열은 해당 음식의 동적 카테고리 페이지로 연결됩니다.

 

표(Table)를 사용하여 동적 페이지에 링크하면 방문자가 새로운 버튼이나 기타 요소를 추가하지 않고도 컬렉션에 추가하는 새로운 요리법, 코스 또는 음식에 항상 액세스할 수 있어 새로운 동적 페이지에 연결할 수 있습니다.

 

 

 

4. 표(Table)를 사용하여 보려는 항목 선택 (Using a table to select which items to view)

이 예제에서는 표(Table)에서 선택된 행이 갤러리에 표시된 항목을 제어하는 일반 페이지에 표(Table)과 갤러리가 함께 있습니다. 이들은 참조 입력란(필드)가 있는 데이터세트에 모두 연결될 수도 있고, 각각이 다른 입력란(필드)로 필터링되는 두 개의 데이터세트에 연결될 수도 있습니다.

 

아래 그림에서 표(Table)은 "Cuisine" 데이터세트에 연결되고 갤러리는 필터링된 "Recipes" 데이터세트에 연결됩니다. 우리의 방문객은 표(Table)에서 "Tex Mex"를 선택했으므로 갤러리는 "Tex Mex" 요리법을 보여줍니다.

 

 

 

 

 

방문자가 표(Table)에서 항목을 선택한 후에 정보를 표시하기 위해 데이터세트에 연결할 수 있는 다른 요소를 사용할 수 있습니다. 아래 예에서 표(Table)와 비디오 플레이어는 모두 Songs 컬렉션에 연결되어 있습니다. 방문객이 표(Table)의 노래를 클릭하면 동영상 플레이어가 해당 노래를 재생합니다.

 

 

 

 

 

연관된 토픽)

윅스 (Wix) 코딩 - 참조 입력란(필드)을 사용하여 여러 데이터베이스 컬렉션 콘텐츠 표시하기 (Displaying Content from Multiple Database Collections Using Reference Fields)

윅스 (Wix) 코딩 - 반복 레이아웃에 데이터베이스 내용 표시하기 (About Displaying Database Content in a Repeater)

윅스 (Wix) 코딩 - 데이터세트를 사용하여 여러 데이터베이스 컬렉션 콘텐츠 표시하기 알아보기 (About Displaying Content from Multiple Database Collections Using Datasets)

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

https://support.wix.com/en/article/about-displaying-database-content-in-a-table-or-gallery

 

반응형

댓글