Как делаются отдельные страницы товаров на многостраничном сайте, где их много?

Question

[Евгения]

Я хочу в качестве учебного проекта сделать сайт доску объявлений, где пользователь сможет заполнить форму и будет сформирована страница с его объявлением, а также карточка, которая будет отображаться на главной. Карточки сделать легко, но я не понимаю, как делается сама страница с объявлением. Для нее нужно делать отдельную верстку?

Мне бы хотелось разобраться с тем как это работает и чтобы еще и можно было из поисковика тоже найти каждое отдельное объявление. При этом я хочу использовать на фронте только html, css, js без фреймворков - для обучения.

Можете посоветовать как к этому подойти? Может есть какие-то источники, которые я не смогла найти, где говорится, как это делать? Мне кажется, что это возможно, потому что Авито был до того как появился реакт, как-то же это сделали

Comments

[Владислав Лысков]

Для нее нужно делать отдельную верстку?

ну да, как по другому-то?

Мне бы хотелось разобраться с тем как это работает и чтобы еще и можно было из поисковика тоже найти каждое отдельное объявление.

в самом простом учебном варианте делается запрос LIKE к базе, которая возвращает ответ с набором подходящих объявлений

[Евгения]

Владислав Лысков, то есть вот в том же Авито, по крайней мере, на старте, кто-то делает страницу для каждого объявления? или есть какие-то упрощения этого процесса?

[Владислав Лысков]

Евгения,
на примере объявления
мы имеем
1. список объявлений
2. карточку конкретного объявления
есть понятия шаблона
и список и карточка имеют собственные шаблоны

при переходе на сайт, мы получаем из базы список объявлений и отрисовываем его в нашем шаблоне
при клике на конкретное, мы получаем данные из базы по конкретному объявлению и отрисовываем его в шаблоне карточки

[Павел]

Евгения, Прочитайте про CMS, в вашем случае, к примеру, можно взять Opencart

[Дмитрий]

Нужен будет какой то бэк, к списку надо добавить какой нибудь яп серверный. Руками ни кто не делает, просто шаблон наполняется данными и имеется какой либо индификатор

[Refguser]

ДО (Доска объявлений) слишком сложный проект для полного новичка. Сделай для начала перс. бложик (с одним пользователем), потом что-то типа бизнес-сайта (с 2-3 группами пользователей с разными правами), потом уже можно подходить к многопользовательским системам. (попутно изучив вопросы безопасности, спама, администрирования и пр.)

Answer 1

[alexalexes]

Берете любой учебный проект для создания интернет-магазина на чистом наборе PHP-MySQL-JS-CSS.
По своей структуре он будет на 80% для вашей учебной задачи.
Похожие функции будут:
- Авторизация пользователя.
- Каталог товаров - у вас просто переименуется в каталог объявлений.
- Карточка товара - карточка объявления.
- Добавление в корзину - то же самое, что бронирование объявления.

Вам из проекта магазина нужно понять, как вообще работать со списком карточек чего-либо, и как делать с ними простые операции - добавление, редактирование, удаление, изменение определенного состояния.
А для своей предметной области вы адаптируете эту механику и роли пользователей.

Answer 2

[ThunderCat]

Можете посоветовать как к этому подойти? Может есть какие-то источники, которые я не смогла найти, где говорится, как это делать? Мне кажется, что это возможно, потому что Авито был до того как появился реакт, как-то же это сделали

Почти любой современный сайт состоит из 2 основных частей: Фронтэнда и бэкэнда. Фронт - то что отображается в окне браузера, бэк - серверная часть, отвечающая за чтение, изменение и сохранение данных, которые можно вывести для клиента в любой удобной форме. По этому для реализации вашего проекта понадобятся знания не только верстки и js, нужно будет и разобраться с серверной частью, которая обычно состоит из движка на каком-то языке, подходящем для веб разработки (PHP, Pyton, Java, JS...) и базы данных, где будут храниться собственно данные о пользователях, объявлениях, просмотрах и т.д.

Может есть какие-то источники, которые я не смогла найти, где говорится, как это делать?

А искали?

Answer 3

[koder_1]

Любые сайты, в том числе доски объявлений делаются так.
1) Все данные, объявления, пользователи и прочие хранятся в базе данных, например mysql, postgre sql и т.д.
2) Есть серверный язык программирования, php, python и т.д, самый популярный php.

Естественно, под каждое объявление, которых миллионы в доске, никто не создает отдельную страницу.

Программируется механизм, который выводит по заданному шаблону список объявлений со всеми списками страниц, фильтрами поиска и т.д.
Программируется механизм, который выводит по заданному шаблону страницу объявления детально.

Кратко работает примерно так. Определяется урл страницы, по урлу программный код на серверном языке определяет, это страница списка объявлений, или страница детального объявления.
Если это страница списка объявлений, то делается запрос к базе данных вывести список объявлений по таким-то условиям, затем серверный язык программирования выводит эти объявления в шаблоне списка объявлений.
Если это страница объявления детально, то делается запрос к базе данных получить конкретное объявление, выводится шаблон страницы объявления детально.

В чем здесь отличие от чистого html - на html создается отдельная новая страница,
а на серверном языке программируется механизм, который выводит множество однотипных страниц по шаблону.

Как в такой системе работает форма создания объявления? На сервере пишется программный код, который получает данные из формы, и добавляет в базу данных новое объявление, соответственно, оно выводится на сайте по уже запрограммированному механизму.