Я работаю над побочным проектом, чтобы улучшить свои навыки разработки FE, и проектирую (вымышленный) магазин туалетной бумаги.
В качестве первого шага я жестко запрограммировал несколько макетов продуктов непосредственно в свой HTML-файл (включая название бренда, название продукта и цену). Однако в качестве следующего шага я хочу поместить информацию о продукте в массивы и сделать так, чтобы моя веб-страница отображала информацию о продукте динамически. Вот моя структура массива:
Как видите, мне все еще не хватает изображения для каждого продукта. У меня есть файлы изображений в папке моего проекта, но автозаполнение моей IDE (IntelliJ) ничего не предлагает, когда я начинаю вводить путь к файлу, например. "./изображения/..." . Синтаксис использования путей к файлам в массивах такой же, как и в атрибуте src в файле HTML?
Например, если изображение моего первого продукта находилось в папке изображений, нужно ли мне также просто использовать «./images/(вставить имя файла)» в точке данных «imageSrc» в массиве?
Я работаю над побочным проектом, чтобы улучшить свои навыки разработки FE, и проектирую (вымышленный) магазин туалетной бумаги. В качестве первого шага я жестко запрограммировал несколько макетов продуктов непосредственно в свой HTML-файл (включая название бренда, название продукта и цену). Однако в качестве следующего шага я хочу поместить информацию о продукте в массивы и сделать так, чтобы моя веб-страница отображала информацию о продукте динамически. Вот моя структура массива: [code]let products = [ { id: 0, name: "Normal Tee", imageSrc: "", formattedPrice: "15 €", price: "15.00", brand: "Tee Pee Originals", category: "['classic', '2x layers']" }, { id: 1, name: "Rainbow Tee", imageSrc: "", formattedPrice: "20 €", price: "20.00", brand: "WC Unlimited", category: "['colorful', '2x layers']" }, { id: 2, name: "Eco Tee", imageSrc: "", formattedPrice: "25 €", price: "25.00", brand: "Tee Pee Originals", category: "['eco-friendly', '2x layers']" }, { id: 3, name: "Deluxe Tee", imageSrc: "", formattedPrice: "30 €", price: "30.00", brand: "Tee Pee Originals", category: "['deluxe', '5x layers']" }, { id: 4, name: "Comfy Tee", imageSrc: "", formattedPrice: "22 €", price: "22.00", brand: "The Comfy Paper", category: "['3x layers']" }, { id: 5, name: "Super Comfy Tee", imageSrc: "", formattedPrice: "27 €", price: "27.00", brand: "The Comfy Paper", category: "['4x layers']" }, { id: 6, name: "Save The World Tee", imageSrc: "", formattedPrice: "35 €", price: "35.00", brand: "Toilets of the Future", category: "['3x layers', 'eco-friendly']" } ]; [/code] Как видите, мне все еще не хватает изображения для каждого продукта. У меня есть файлы изображений в папке моего проекта, но автозаполнение моей IDE (IntelliJ) ничего не предлагает, когда я начинаю вводить путь к файлу, например. "./изображения/..." . Синтаксис использования путей к файлам в массивах такой же, как и в атрибуте src в файле HTML? Например, если изображение моего первого продукта находилось в папке изображений, нужно ли мне также просто использовать «./images/(вставить имя файла)» в точке данных «imageSrc» в массиве?