Удаљени извор података¶
Претпостављамо да сте већ погледали типове где можете пронаћи опис појединачних поља.
Да бисте репродуковали овај пример, одаберите категорију коју желите да додате прилагођеном пољу, клините на Нови атрибут и изаберите Поље удаљеног извора података за Формат.
Наш пример преузима податке из удаљене базе података са производима. Желимо да додамо наше производе тикетима тако да је могуће претражити производе и изабрати их са листе и приказати линк на страну производа.
Подешавање удаљеног извора података¶
Прво, унесите URL адресу претраге и уверите се да садржи #{search.term} као параметар:
Пример: https://dummyjson.com/products/search?q=#{search.term}
Након тога, скролујте на доле до одељка приказа и унесите кључну реч за претрагу удаљеног извора података.
Пример: mac
Након тога можете видети следећи приказ одговора испод:
Препоручујемо да користите приказ за преглед структуре података. Постоји кључ на основном нивоу под називом products. Један ниво испод, можете наћи атрибуте id и title.
Одговор резултата претраге на основу унетих кључних речи из примера:
{
"products": [
{
"id": 6,
"title": "MacBook Pro",
"description": "MacBook Pro 2021 with mini-LED display may launch between September, November",
"price": 1749,
"discountPercentage": 11.02,
"rating": 4.57,
"stock": 83,
"brand": "Apple",
"category": "laptops",
"thumbnail": "https://i.dummyjson.com/data/products/6/thumbnail.png",
"images": [
"https://i.dummyjson.com/data/products/6/1.png",
"https://i.dummyjson.com/data/products/6/2.jpg",
"https://i.dummyjson.com/data/products/6/3.png",
"https://i.dummyjson.com/data/products/6/4.jpg"
]
},
{
"id": 22,
"title": "Elbow Macaroni - 400 gm",
"description": "Product details of Bake Parlor Big Elbow Macaroni - 400 gm",
"price": 14,
"discountPercentage": 15.58,
"rating": 4.57,
"stock": 146,
"brand": "Bake Parlor Big",
"category": "groceries",
"thumbnail": "https://i.dummyjson.com/data/products/22/thumbnail.jpg",
"images": [
"https://i.dummyjson.com/data/products/22/1.jpg",
"https://i.dummyjson.com/data/products/22/2.jpg",
"https://i.dummyjson.com/data/products/22/3.jpg"
]
},
{
"id": 26,
"title": "Plant Hanger For Home",
"description": "Boho Decor Plant Hanger For Home Wall Decoration Macrame Wall Hanging Shelf",
"price": 41,
"discountPercentage": 17.86,
"rating": 4.08,
"stock": 131,
"brand": "Boho Decor",
"category": "home-decoration",
"thumbnail": "https://i.dummyjson.com/data/products/26/thumbnail.jpg",
"images": [
"https://i.dummyjson.com/data/products/26/1.jpg",
"https://i.dummyjson.com/data/products/26/2.jpg",
"https://i.dummyjson.com/data/products/26/3.jpg",
"https://i.dummyjson.com/data/products/26/4.jpg",
"https://i.dummyjson.com/data/products/26/5.jpg",
"https://i.dummyjson.com/data/products/26/thumbnail.jpg"
]
}
],
"total": 3,
"skip": 0,
"limit": 3
}
Да бисте рекли удаљеном систему да се подаци налазе испод нивоа products, неопходно га је унети у поље Кључ листе резулата претраге.
По уносу products у одговарајуће поље, добићете освежен приказ. Можете наћи додатан оквир Листа резултата претрага са JSON структуром. Ово је део истог одговора удаљеног извора података као изнад али без спољног products кључа.
Сада је неопходно да обезбедите кључеве за вредности и ознаке резултата претраге. Као што је напоменуто, тражимо id и title наших производа. Ако већ нисте, сада је добар тренутак да погледате приказ Листе резултата претраге.
[
{
"id": 6,
"title": "MacBook Pro",
"description": "MacBook Pro 2021 with mini-LED display may launch between September, November",
"price": 1749,
"discountPercentage": 11.02,
"rating": 4.57,
"stock": 83,
"brand": "Apple",
"category": "laptops",
"thumbnail": "https://i.dummyjson.com/data/products/6/thumbnail.png",
"images": [
"https://i.dummyjson.com/data/products/6/1.png",
"https://i.dummyjson.com/data/products/6/2.jpg",
"https://i.dummyjson.com/data/products/6/3.png",
"https://i.dummyjson.com/data/products/6/4.jpg"
]
},
{
"id": 22,
"title": "Elbow Macaroni - 400 gm",
"description": "Product details of Bake Parlor Big Elbow Macaroni - 400 gm",
"price": 14,
"discountPercentage": 15.58,
"rating": 4.57,
"stock": 146,
"brand": "Bake Parlor Big",
"category": "groceries",
"thumbnail": "https://i.dummyjson.com/data/products/22/thumbnail.jpg",
"images": [
"https://i.dummyjson.com/data/products/22/1.jpg",
"https://i.dummyjson.com/data/products/22/2.jpg",
"https://i.dummyjson.com/data/products/22/3.jpg"
]
},
{
"id": 26,
"title": "Plant Hanger For Home",
"description": "Boho Decor Plant Hanger For Home Wall Decoration Macrame Wall Hanging Shelf",
"price": 41,
"discountPercentage": 17.86,
"rating": 4.08,
"stock": 131,
"brand": "Boho Decor",
"category": "home-decoration",
"thumbnail": "https://i.dummyjson.com/data/products/26/thumbnail.jpg",
"images": [
"https://i.dummyjson.com/data/products/26/1.jpg",
"https://i.dummyjson.com/data/products/26/2.jpg",
"https://i.dummyjson.com/data/products/26/3.jpg",
"https://i.dummyjson.com/data/products/26/4.jpg",
"https://i.dummyjson.com/data/products/26/5.jpg",
"https://i.dummyjson.com/data/products/26/thumbnail.jpg"
]
}
]
Након лоцирања наша два кључа, унећемо их у Кључ вредности резулата претраге (id) и у Кључ ознаке резулата претраге (title).
У принципу већ смо подесили удаљни извор података и сада можемо видети табелу у одељку приказа:
Даље пратећи наш пример, једино недостсаје још Шаблон везе.
Белешка
Напомињемо да је ово опциона функција. Ако не желите да користите овакве линкове, наравно не морате да их подесите.
Сада можемо додати адресу где се додатне информације о производу могу пронаћи.
Пример: https://your_domain.com/q=#{ticket.product}
У примеру, параметар има следеће значење:
#{}: Поље за убацивање података
ticket: ниво објекта, где додајете свој прилагођени атрибут
product: назив (прилагођеног) атрибута
По подешавању Шаблона везе, биће приказана још једна колона у приказу. Преласком курсора преко иконице у колони Повежи биће приказана адреса преусмерења.
У нашем примеру, један од линкова личи на: https://your_domain.com/q=6, где је 6 ID вредност производа.
Mожете пронаћи више информација о URL адресама у Врсте атрибута.