Свой сайт знакомств #16: Мои симпатии, Мне симпатизируют, Меня смотрели на PHP, HTML, SQL, Bootstrap

Добрый день, дорогие подписчики! Рад вас приветствовать на новом выпуске проекта "Свой сайт знакомств", где мы с вами в режиме реального времени разрабатываем и запускаем свой дейтинг-сервис. В прошлом выпуске мы с вами что сделали? Реализовали функционал симпатий и, соответственно, начали подсчитывать количество просмотров на страничке. Что хотелось сделать сегодня? Хотелось бы, соответственно, вот для наших симпатий и для просмотров реализовать отдельные страницы в верхнем меню, соответственно, через которые можно было бы увидеть тех людей, которые вам нажали на кнопочку "проявить симпатию" и, соответственно, возможно отдельно просматривать тех, кто заходил вообще в вашу анкету. Так, давайте приступим. Так, сначала что я сделаю? Сначала я создам, соответственно, может быть на базе какой-то папки сделать... Вот давайте на базе поиска мы с вами создадим сейчас страничку, и она у нас будет отвечать за симпатии, например, "Мои симпатии". Так и назовём страничку "Мои". Угу. Так дальше. Мне нужен, соответственно, хедер. Так, и в хедер я уже размещу ссылочку. Так, у нас есть мои данные, поиск, дальше что? Дальше, наверное, должны быть мои симпатии, логично. Так, мои симпатии, мои симпатии — это, соответственно, что мы ставили. И так, мои симпатии, также написал "симпати" или как-то по-другому? Так, переименовать на всякий случай, скопирую. Да, всё, всё у нас уже есть. Окей, закрываем. Так, мои симпатии, соответственно, если я сейчас... Ну вот перехожу в мои данные, дальше мои симпатии. Всё, у нас открылась формочка, не формочка, а получается наша продублированная страница с поиском. Давайте мы такой же каркас сделаем: "Мне симпатизируют" и "Меня смотрели", что-то такое, да? Так, дальше. Так, создать, создать копию.

[музыка]

Да, так, "Мне симпатизируют". Попробуем ввести в Гугле "симпатизируют". Всё замечательно. Так, эту ссылочку мы сейчас тоже создадим в хедере, то есть задача какая? Просто вывести, соответственно, на страничке вот эту информацию. Я думаю, это сделать несложно, то есть мы это сейчас по-быстрому сделаем и, возможно, подумаем. Возможно, стоит реализовать внутреннюю переписку. Так.

[музыка]

"Мне симпатизируют" — это раз. И ещё давайте "Меня смотрели". "Меня смотрели", то есть если любовь отва он, соответственно, появится в списке. Так, меня нет. Давайте на латинице набирать "Меня смотрели". Ну потому что вдруг человек стеснительный, допустим, анкету посмотрел или несколько раз возвращался, да, к этой анкете, но так и не написал, не написать ему первому. Может быть, я думаю, это опять же интересный был бы кейс, да? Возможно, такого даже ни у кого нету. Честно не знаю, давно не сидел на сайтах знакомств, надо бы посмотреть, есть ли такая возможность посмотреть, смотрели ли вашу анкету или нет. Так, "Меня смотрели" — всё замечательно, поймы странички. Так, поиск, мои симпатии, мне симпатизируют, меня смотрели. Всё. И дальше у нас, по логике, должен быть раздел переписки. Так, в моих симпатиях мы должны отобразить список тех, кому мы нажали на страничке "проявить симпатию". Вот в моих симпатиях. Давайте попробуем это реализовать. Так.

Нет, не "Мне симпатизируют", а "Мои симпатии". Как должен выглядеть наш SQL-запрос? Ну, во-первых, что тут должно быть? Вот мои симпатии, однозначно, левой колоночки уже может и не быть с фильтрами, потому что она тут не нужна абсолютно. Ну давайте мы её целиком убирать не будем, просто уберём пока форму с фильтрации, потому что интерфейс не отрисовать, то есть будем выводить всю информацию на базе уже существующего блока. Вот, то есть вот я всё лишнее убираю. Так, идём дальше, идём дальше. Сри. Вот это уберу, в принципе, никакой фильтрации, наверное, тоже тут и не нужно, то есть в том порядке, в котором вы нажимали на симпатию, в том порядке девушки и будут отображаться на странице. Так, я сейчас нажму сохранить, тут мы обновим страничку. А то есть я целиком... Да, затёр. Подождите, что ты лишнее убрал? Нет, вот, да, вот так. Давайте сделаем файл сохранить. Вот тут, соответственно, будет анкета девушек. Понятно, что мы можем разместить их уже там в три колонки, в четыре и так далее. То есть тут надо смотреть дальше по дизайну. Сейчас мы пытаемся с вами просто реализовать базовый функционал. Так, хорошо, какой будет? Есть, получается, колонка размером 6. Мы берём ID юзера. Дальше. И что мы должны сделать? Мы с вами должны найти, получается, попасть в табличку likes, из likes вычленить все значения с данными User ID 2. Вот, то есть SQL-запрос должен выглядеть следующим образом. Так, вот, то есть по таблице L... Давайте вот я вот тут вот сверху напишу, соответственно, данные. Так, а SQL-запрос выглядит следующим образом: мы будем вытаскивать, так, из таблички likes информацию, где, где, где, где... Так, да, обзор, получается, User ID. Вот он первый, где User ID. Да, что ж такое, апостроф получается поставить? Ладно, давайте я просто скопирую, тут мы уже впишем его. Так, ID User 1 должен быть равен значению User ID. Вот, то есть если это условие у нас с вами выполняется, то мы с вами, кстати, сможем закидать вот сюда вот запрос. Так, это вот, во-первых, хорошо, то есть у нас должна получиться выборка... Ой, не выборка с девушками, а массив, массив с информацией, где мы соответственно... А сейчас сформируем массив, вот тот, который должен получиться. Так, идём дальше. Тут нам нужно точно также распарсить наш вот этот массив. Так, давайте сделаем новый массив, наверное, девушек. Да, так. Ну вообще, если так, давайте так и наом массив получается array, и он пока у нас с вами будет пустой. Дальше. А мы будем добавлять вот в наш массив каждый раз новое значение. Так, R, и сюда мы пропишем User ID 2 из нашей таблички. Всё замечательно. А так давайте на всякий случай мы избавимся от дублей в массиве. Так, убрать дубли в массиве нужно нам только PHP. Нужно всё удаление дубликатов. Так, array_unique, вот нам такой вариант предлагают. Ага, реник, посмотрим, как она... Какой пример нам предлагают? Так, а unique, и потом нам предлагают сдвинуть, получается, а все элементы, всё, да, сдвинуть индексы, потому что вдруг что-то удалилось. Так, давайте так и сделаем. Так, то есть у нас сейчас, так, доллар массив должен равняться unique, это вот первая функция, которую мы использовали, и дальше давайте мы сдвинем наши индексы соответственно. Можно даже вот обернуть два раза одну и ту же функцию. Так, замечательно. У нас сейчас с вами в массиве, вот в переменной массив, должны храниться все идентификаторы с этими, с девушками. Ну не с девушками, кому мы проставили, соответственно, они все должны отобразиться на этой страничке, поскольку у нас вывод уже вот этого всего есть. Я предлагаю сделать немножечко похитрее сейчас. Вот в этот SQL-запрос просто дописать через, наверное, да, или через OR количество вот этих идентификаторов, которые у нас должны вывести. То есть да, то есть это будет большой SQL-запрос. Я думаю, база данных, ну, не должна повиснуть из-за такого. Да, но по крайней мере дубли мы точно не выведем. Вот. Хотя наверняка возможен и другой вариант. То есть, а допустим, мы с вами что делаем? Мы с вами в цикле каждый раз обращались по идентификатору к нашему вот элементу и потом уже выводили бы, а из таблички вот из какой таблички? Из таблички, получается, user, информацию о юзере. То есть это было бы очень много SQL-запросов. Тут нужно опять же замерять, наверное, да. Если у нас было бы несколько, три-четыре девушки, то скорее всего отработает лучший вариант, когда мы в цикле обращаемся в базу данных и выкидываем количество девушек. Если же у нас, а список вот этот побольше будет, то скорее всего отработает лучший вариант, а тот, который мы будем с вами сейчас реализовывать. Ну и честно говоря, технически это тоже проще реализовать. То есть я сейчас что? Я сейчас беру цикл for, и в этом цикле нам нужно пройтись с вами по каждому элементу вот этого вот массива. Ой, массива, который называется как массив. Вот. И что мы сделаем? Так, C — есть такая интересная переменная в PHP count, количество элементов в массиве. Ну всё, мы её и будем использовать. Вот, получается, массив. Дальше точка с запятой. Так, i++. А идём дальше. Сейчас нам нужно создать строчку, так, SQL 2, например. Да, вот так вот мы сделали пустую строчку, и в неё мы сейчас будем закидывать, а соответственно, параметры вот с информацией. Так, SQL 2. Идём дальше. То есть у нас идентификатор. Так, так. Вот SQL 2. Так, идентификатор. Так, точку поставим пробел выставим. Хотя сначала пробел н...

[музыка] Да так мне симпатизируют попробуем ввести в Гугле симпатизируют всё замечательно так это ссылочку мы сейчас тоже создадим в хедере то есть задача какая просто вывести соответственно на страничке вот эту информацию Я думаю это сделать несложно то есть мы это сечас

по-быстрому сделаем и возможно подумать Возможно стоит реализовать внутреннюю переписку так [музыка] мне симпатизируют это раз И ещё Давайте меня смотрели меня смотрели То есть если лове отва он соответственно появится в списке так меня нет Давайте на латинице набирать

меня смотрели Ну потому что вдруг человек стеснительный допустим анкету посмотрел или несколько раз возвращался Да к этой анкете но так и не написал не написать ему первому Может быть я думаю это опять же интересный был бы кейс да возможно такого даже ни у

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

всё и дальше у нас э по логике должны быть должен быть раздел переписки так в моих симпатиях мы должны отобразить список э тех кому мы Нажали на страничке проявить симпатию вот в моих симпатиях Давайте попробуем это реализовать так

Нет не мне симпатизирует а мои симпатии Как должен выглядеть наш sgl запрос Ну во-первых во-первых что тут должно быть Вот мои симпатии однозначно левой колоночки уже может и не быть с фильтрами потому что она тут не нужна абсолютно Ну давайте мы её целиком

убирать не будем просто уберём пока форму с фильтрации потому что интерфейс не отрисовать то есть будем выводить всю информацию на базе уже существующего блока Вот то есть вот я всё лишнее убираю так идм дальше идм дальше сри Вот это уберу в

принципе он никакой фильтрации наверное тоже тут и не нужно то есть в том порядке в котором вы нажимали на Симпатия в том порядке девушки и будут отображаться на странице так я сейчас нажму сохранить тут мы обновим страничку а то есть я

целиком Да затёр подождите что ты лишнее убрал нет вот да вот так давайте сделаем файл сохранить Вот тут соответственно будет анкета девушек понятно что мы можем разместить их уже там в три колонки в четыре и так далее То есть тут надо

смотреть дальше по дизайну сейчас мы пытаемся с Вами просто реализовать базовый функционал так хоро какой будет есть получается колонка размером 6 мы берём ID юзера дальше И что мы должны сделать мы с вами должны а найти получается попасть в

табличку likes из likes вычленить все значения с данными User ID 2 Вот то есть sgl запрос должен выглядеть следующим образом так вот то есть по таблице L Давайте вот Я вот тут вот сверху напишу соответственно данные так а

sgl запрос выглядит следующим образом мы будем вытаскивать так из таблички likes информацию где где где где так да обзор получается User ID вот он первый где User ID да что ж такое апостроф получается поставить Ладно давайте я просто

скопирую тут мы уже впишем его так ID User 1 должен быть равен значению User ID Вот то есть если это условие у нас с вами выполняется то мы с вами кстати сможем закидать вот сюда вот запрос так это вот

во-первых хорошо то есть у нас должна получиться выборка Ой не выборка с девушками а массив массив с информацией где мы соответственно А сейчас сформируем массив вот тот который должен получиться так идём дальше тут нам нужно точно также распарсить

наш вот этот массив Так давайте сделаем новый массив наверное девушек Да так Ну вообще если так давайте так и наом массив получается array и он пока у нас с вами будет пустой дальше А мы будем добавлять вот в наш

массив каждый раз новый новое значение так R и сюда мы пропишет User ID 2 из нашей таблички всё замечательно А так давайте на всякий случай Мы избавимся от дублей в массиве так убрать дубли в массиве нуно нам только PHP

нужно всё удаление дубликатов так array ник вот нам такой вариант предлагают Ага реник посмотрим как она Какой пример нам предлагают так а Unic и потом нам предлагают сдвинуть получается а все элементы всё да сдвинуть индексы потому что вдруг что-то удалилось

Так давайте так и сделаем так то есть у нас сейчас так доллар массив должен равняться UN это вот первая Функция которую мы использовали и дальше давайте мы сдвинем наши индексы соответственно Можно даже вот обернуть два раза одну и туже функцию

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

предлагаю сделать немножечко похитрее сечас вот в этот sgl запрос просто допи через наверное да Или через or количество вот этих идентификаторов которые у нас должны вывести то есть да то есть это будет большой sgl запрос Я думаю база данных ну не должна

повиснуть из-за такого Да но по крайней мере дубли Мы точно не выведем вот Хотя наверняка возможен и другой вариант то есть а допустим мы с вами Что делаем мы с вами в цикле каждый раз обращались по идентификатору к нашему Вот элементу и

потом уже выводили бы а из таблички вот из какой таблички из таблички получается юзер информацию о юзера то есть это было бы очень много sgl запросов Тут нужно опять же замерять Наверное да если у нас было бы несколько три-четыре

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

реализовывать Ну и честно говоря технически это тоже проще реализовать То есть я сейчас что я сейчас беру цикл for и в этом цикле нам нужно пройтись с вами по каждому элементу вот этого вот массива ой массива который называется как массив

вот и что мы сделаем так C есть такая интересная переменная в PHP каут количество элементов в массиве Ну всё мы её и будем использовать вотт получается массив дальше Точка запятая так i+ + а идём дальше сейчас нам нужно создать

строчку так SQL 2 например да вот так вот мы сделали пустую строчку и в неё мы сейчас будем закидывать а соответственно параметры вот с информацией так sgl 2 идём дальше то есть у нас идентификатор так так Вот sql2 так идентификатор так точку

поставим пробел выставим Хотя сначала пробел не нужен Нет давайте Поставим на всякий случай так sgl 2 ID должен быть равен ноже это вот я сейчас тут размещу А тут просто у нас с вами должна быть пустота пустая строчка так

ID не User ID должен быть равен а должен быть равен сейчас скажу чему должен быть равен а получается массив вот массив и внутри у нас мы пропишет элемент вот выведется ли таким образом я думаю что должно Наверное это всё

работать Так на всякий случай оборачивают скобки и на конце добавлю or или не на конце давайте мы будем or добавлять если у нас это не последний элемент то есть что мы сейчас закинем если получается так так так доллар

иты не равен чему не равен размеру массива мину О вот как-то так то тогда в этом случае мы с вами ставим ещё и or перед этим вот то есть мы добавляем я сейчас что я сейчас хочу посмотреть на нашу

выборку вот на нашу строчку которая получилось S2 и посмотреть как оно работает Просто мне интересно вообще работает не работает так ID равняется единички хорошо а мы по-моему только Марине да поставили лайк Да мы поставили Марине лайк Давайте Маше тоже поставим лайк на всякий случай

и посмотрим как у нас вот кусочек запроса То есть у Маши идентификатор оди замечательно всём вот Вот это уже нравится что в принципе получилось так и вот сюда что я сделаю я вот сюда вот добавлю сейчас в конец

строчки вот такую вот подпись и мы посмотрим Будут ли выводиться у нас с вами девушки как они должны выводиться Так сохранить обновляем мои симпатии а Подождите а почему у нас а вывела вот эта анкета Так давайте смотреть что не

так интересно так ещё раз так так так Я убрал Да вывод sgl 2 так идентификатор один и идентифика 11 Давайте посмотрим в табличку То есть это у нас Марина и идентификатор 11 это у нас Маша замечательно Ну тут же

всё правильно работает А почему наш sgl запрос что-то не то ввл а так так так вот мы не туда дописывая Так у нас э вот где сам вывод должен быть User Вот мы вот это с вами убираем сейчас пол тоже можно

срезать так как-то так сейчас Давайте сохраним Смотрим Да Марина и Маша попали в этот список значит верхний sgl запрос нам абсолютно не нужен соответственно Точно также и не нужны вот те вот доп фильтры которые мы с вами уже вставили

то есть они не нужны Абсолютно Да Будет ли вывод работать Ну по идее должен по идее он должен работать то есть вот мы получили S запрос дальше л собрали Всё Давайте проверять Да вроде работает а давайте мы сейчас уберём кого-нибудь симпатию

Например у Марины сейчас мы уберём симпатию убрать симпатию тут что-то изменилось Да Марина пропала и давайте у Маши тоже мы уберём симпатию мои симпатии всё замечательно хорошо вывод моих симпатий мы значит с вами реализовали Так может быть немножко Костыль Хотя

опять же вот если вы допустим знаете как это можно было бы сделать проще Напишите в комментариях действительно возможно вот этот кусочек мы с вами переделаем Но вообще вроде бы ВС вне то есть ничего лишнего нету то есть мы

одним sgl запросом получаем из базы данных ну нет не одним вро двумя то есть Сначала мы получаем отправляем один запрос в базу likes получаем соответственно всех юзеров и дальше мы отправляем ещё один запрос в базу юзер и Вот по той выборке которую получили в

базе likes мы выводим всех кого мы лайкнули ага хорошо мне вот так это у нас был с вами раздел мои симпатии Ну давайте кого-нибудь лайкнет у нас это было так всё Марину в моей симпатии Мы положили так идём

дальше Вот у нас есть мои симпатии дальше Наверное мне нужно сделать Так какую страничку следующая страничка Вот мои симпатии и мне симпатизируют Вот соответственно я вот эту страничку из моей симпатии Так где они так вот мои симпатии мне

симпатизируют я просто перемещён тефа есть так не симпатизирует ВС осталась одна Марина замечательно дальше Что Дальше мы вот нашу наш запрос должны немножечко изменить То есть тут алгоритм будет уже немножечко другой А вот какой давайте сейчас думать то есть смотрите если мы в

таблице храним данные Каким образом вот у нас табли соно тот кто поставил лайк А Р 2 - это кому поставили лайк нам нужно выяснить кто нам поставил лайк Значит мы тут должны смотреть уже отправлять запросы по юзеру 2 То есть тут будут минимальные вообще

изменения да то есть у нас Р 2 должен быть Вот Ром 2 должны быть мы это во-первых и должны мы запоминать соответственно юзера один и в принципе вот эта штука должна работать как мне кажется давайте мы сейчас обновим страничку вот мне

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

нормальные хэш паролей Чтобы было чтобы была безопасность Ну ребят Ну хорошо мы сделаем сразу нормальную безопасность а с вами будем проверять вот на этапе тестирования вот все все вот эти вот тонкости То есть тут нет У этого проекта

нет большой команды тестировщиков нет опять же нет возможности вот действительно всё вот это вот сидеть и и проверять на каждую кнопочку и так далее Поэтому вот разрабатываю таким способом как получается то есть защиту данных реализуем только на последнем этапе уже

ближе к релизу Когда будет готов основной основной каркас Так а что не так Почему не так давайте Неужели авторизация не получилась Так давайте посмотрим раз попытался я зайти получается под аккаунтом вот Марины А я пароль не вёл пароль пароль-то нужно Да вот она Марина

то есть всё вот поймал новый глюк получается когда у нас а не совпадают данные авторизации что-то происходит что-то вылетает так один по-моему собака mail.ru 1 2 3 4 всё дальше идём мы в поиск вот есть анкета замечательно и мы нажимаем

соответственно на анкету проявить симпатию дальше идём в моей симпатии Ага отобразилась вот эта вот анкета мне симпатизирует мы соответственно сидим мне симпатизирует дальше у нас Марина должна отобразится соответственно вот тут вот уже под аккаунтом вот моей симпатии мне симпатизируют

Ага ага ага а ну вот да Марина это бросилась Хорошо давайте сейчас Марина уберёт свою симпатию и по идее список должен быть пустой убрать симпатию То есть под другим аккаунтом она долж вот Туту всё она пропала мои симпатии есть а вот мы в симпатиях

указали Марину сим Ага вот сидит наш основной аккаунт и давайте мы Отсюда уберём тоже симпатию и посмотрим вообще что-то изменилось нет всё супер всё работает так я пока сверну кстати аккаунт с Марины и всё-таки нажму ей симпатию так

то есть у нас есть страничка мне симпатизирует мои Симпатия и дальше нам Неплохо было бы реализовать страничку меня смотрели то есть понятно что мы будем делать на той же базе вот на базе только что написанных скриптов меня смотрели То

есть это у нас по сути тот же самый мне симпатизирует только меня смотрели соответственно э запрос будет тот же самый только только только да перезаписать мы будем лезть в страничку просмотра вот а логика та же самая кстати Вот наши просмотры попали нет да

смотрите Видите вот Марина смотрела получается нашу страничку несколько раз и мы смотрели страничку несколько раз соответственно поскольку мы избавлялись от лишних вот этих вот значений Да которых не должно быть так просмотры То есть если я сейчас зайду в

меня смотрели тут должна быть Марина замечательно А давайте мы попробуем анкету вот нашу анкету открыть ещё с другого аккаунта например да так я куда сейчас иду я сейчас давайте иду Нет я иду в юзеры и у нас тут у Маши вот у Маши нет

получается Gmail пускай будет mail.ru и пароль тот же самый пропишет то есть задача Маши под машинным аккаунтом зайти и посмотреть а просто анкету войти так мои симпатии пусто мне симпатизируют а давайте она просто пройдёт в поиск вот и посмотрит анкету А

ещё проявит симпатию вот замечательно То есть у нас два профиля должно там отобразится так Я иду сейчас на нет вот на нашу основную владо основной аккаунт тут у нас мои симпатии Маша и меня смотрели соответственно Марина и Маша

Вот всё работает понятно что Можно прикрутить ту дату просмотра Можно наверное не чистить информацию да то есть вот если мы например от избавимся от вот этого вот вырезания дублей то у нас тут будет полностью вообще вот меня смотрели а нет не

будет Вот хорошо то есть мы не пишем Дату когда смотрели но если человек смотрел вашу страничку то информация о нём будет всё хорошо так и оставим замечательно то есть мы сегодня с вами добили два раздела мои симпатии мне симпатизируют и меня смотрели так

дальше наверно нужно уже будет реализовывать переписку в личных сообщениях Вот Ну а на сегодня я с вами прощаюсь большое спасибо что смотрите эти видео подписывайтесь на канал ставьте лайки обязательно пишите в комментариях Что вы думаете по поводу этого проекта вот

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

файлы всего проекта так и различные бонусы в виде проек проектов фигме в виде графических элементов от проектов Ну также там соответственно код на PHP на Ява скрипте Дамп баз данных в общем вёрстка готовых шаблонов и так далее То есть всё там кому интересно

заглядывайте А ещё там есть ссылочка на секретный Telegram чат где мы с вами можем напрямую общаться и вы можете задавать мне какие-то вопросы всё большое спасибо что смотрели увидимся в следую видео Дальше будет только интереснее