Как сделать вывод информации при нажатии на кнопку?

Question

[l0lkek]

Доброго времени суток.
Только взялся за PHP и захотел реализовать данный механизм, суть которого состоит в том, что есть 3 блока. Допустим в первом блоке два элемента и если выбрать второй элемент, то во втором блоке выводится четыре элемента, а если выбрать первый элемент, то выводится два элемента во втором блоке. Такие же дела и со вторым блоком, в зависимости от того, что мы выберем выводится соответствующая информация в таблицу третьего блока. В голове вообще 0 идей как это реализовать, так что прошу вашей помощи. Реально ли реализовать такое только на PHP? Если это нельзя сделать только на PHP, то прошу сообщить что мне может для этого понадобиться. И возможно у кого-нибудь есть похожие примеры, то прошу тогда поделиться :). Заранее спасибо!

Answer 1

[Андрей Корехов]

Если все таки будете использовать JS то попробуйте ajax.

Если кратко при нажатии на кнопку аякс скрипт будет отправлять указанные вами данные на бэкэенд, где php обработчик подготовит нужные данные, например выберет нужные строки из БД. (там же лучше все сверстать сразу что бы потом через js не прописывать) и отправит их обратно пользователю и выведет в указанный вами блок.

Данный способ все таки более предпочтителен чем выкидывать на страницу все возможные варианты сразу и потом их фильтровать. (как размер самой страницы, так и возможно вывод каких то персональных, приватных данных в общем потоке)

Если же без использования JS
То.
1. выводим все данные на страницу с обязательным укзаанием ID блоков.
2. Кнопки делаем ссылками с указанием id связанного блока Кнопка
3. В CSS прописываем скрытие всех под элементов - display: none
4. В CSS используем псевдокласс :target {display:block;}

span{
    display: none;
}

span#element:target{
    display: block;
}

Логика
При нажатии на кнопку элемент с указанным в нем ID получает псевдо класс :target который можно использовать в css

Из недостатков - больше 1 элемента вы на такую цепочку не повесите. Т.е. если надо с "таргет" блока открыть какой то следующий, то следующий откроется, но для текущего слетит таргет и он снова будет не виден.

Comments

[l0lkek]

Думал про ajax и хоть я с ним никогда не сталкивался, но думаю, что нашел бы решение. Меня больше всего в ступор вгоняет вывод самих данных... На данном этапе изучения всего этого, я не могу представить как мне связать все эти блоки и сделать вывод. Вчера накинул примерный вид массива, сидел и думал, как мне это все выводить, но ничего не вышло :(

[l0lkek]

Думал и про БД, но в разных материалах пишут, что в одной ячейке нельзя хранить несколько значений. А если и хранить, то как тогда выводить каждое значение в свое место, когда оно все в 1 ячейке?

[Андрей Корехов]

l0lkek, а разве нельзя все это разнести не в 1 ячейку а в одну строку?
Например по тому примеру что вы прислали

$table = array (
        "box1" => array(
            "apple" => array(
                "сладкий",
                "вкусный",
                "красный",
            ),
            "orange" => array(
                "кислый",
                "оранжевый",
            ),
        ),
        "box2" => array(
            "apple" => array(
                "кислое",
                "зеленое",
            ),
            "orange" => array(
                "сладкий",
                "оранжевый",
            ),
        ),
    );

вполне можно хранить как строку
ID BOX ITEM Item_prop_1 Item_prop_2 Item_prop_3
1 Box1 apple Сладкий Вкусный Красный
2 Box1 Orange Кислый Оранжевый
3 Box2 apple Кислое Зеленое
4 Box2 Orange Сладкий Оранжевый


А далее логика:
1 получаем записи из бд - по факту (изначальному вопросу) нам тут нужны только боксы и фрукты которые там хранятся
2 обрабатываем боксы к примеру foreach - по их количеству выводим строки с управляющими кнопками по количеству фруктов в боксе
3. К каждому фрукту вешаем обработчик который будет на БЭК передавать что именно нужно. например ID строки к которой относится данный фрукт
4. На БЭКЕ по указателю собираем свойства этого фрукта и верстаем правый блок который передается обратно и показывается пользователю

[l0lkek]

Андрей Корехов, А если у меня допустим будет не 3 пропа, а 10 каких-нибудь или больше, будет ли правильно делать такую структуру БД?

[Андрей Корехов]

Ну количество элементов в строке - сколько надо столько делай, если они все по делу и напрямую относятся к задаче то вполне нормально.

А вот в целом зависит от твоей задачи.
Будут ли дополнительные данные привязанные к коробкам или элементам, связанные таблицы и т.д.
Например здесь можно сделать две таблицы одна хранит данные о боксах вторая об элементах
Первый запрос уходит в одну таблицу а второй в другую.
А можно если это всего одна таблица хранить ее в csv файле, редактировать его в Экселе и просто каждый раз парсить его.

[Андрей Корехов]

Сила БД в том что ты можешь в одной таблице хранить ID свойства а в другой его значение
Т. Е. Есть таблица на 200 строк в ней у каждого элемента есть свойство цвет
Он может быть белым синим и коричневым.
Изначально завели, все ок а потом требуется сменить белый цвет на зелёный
Если у тебя хранятся значений свойств а не его ID в др таблице, то тебе надо будет в каждой строке переписывать этот цвет , если же хранится ID из связанной таблицы то ты просто меняешь значение свойства с этим ID и все снова работает корректно

[l0lkek]

Андрей Корехов, Данные будут изменяться. Пользователь сможет убирать и добавлять количество коробок и элементов в них, а еще и описание самих фруктов

[Андрей Корехов]

У каждого пользователя свои данные или же пользователь = админ и настраивает все в целом?

[l0lkek]

Андрей Корехов, Админ

[Андрей Корехов]

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

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

[Андрей Корехов]

И еще какую нибудь админку с CRUD - создавать, изменять, удалять элементы а не только работа через БД напрямую

[l0lkek]

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

[Андрей Корехов]

l0lkek, на здоровье )))
поищите курсы на youtube по основам sql в принципе там как раз объясняется про структуру БД и что как лучше делать.

[l0lkek]

Андрей Корехов, Так, хочу подытожить. То есть на уровне работы с БД, я смогу сделать поэтапный в зависимости от выбора элемента вывод информации?

[l0lkek]

Андрей Корехов, Как я понял, то мне стоит посмотреть уроки на тему "Связи между таблица. Связь один ко многим".

[Андрей Корехов]

l0lkek, Да. вполне сможете.
уроки на тему "Связи между таблица. Связь один ко многим". - да подойдут. И уроки по основам БД.
Например еще как делать dump базовой структуры и потом разворачивать его на разных серверах.

[l0lkek]

Понял, еще раз спасибо, буду пробовать

[l0lkek]

Андрей Корехов, Вот что у меня получилось

$dbHost = '127.0.0.1';
    $dbUser = 'root';
    $dbPassword = '';

    $opt = [
        PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,
        PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
        PDO::ATTR_EMULATE_PREPARES   => false,
    ];

$pdo = new PDO ( "mysql:host=$dbHost; charset=utf8", $dbUser, $dbPassword );
$stmt = $pdo->prepare('CREATE DATABASE IF NOT EXISTS table_table' );
$result = $stmt->execute();



$pdo = new PDO ( "mysql:host=$dbHost; dbname=table_table; charset=utf8", $dbUser, $dbPassword );
$stmt = $pdo->prepare( "CREATE TABLE boxes ( box_id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY, box_name VARCHAR(64) NOT NULL )");
$result = $stmt->execute();

$pdo = new PDO ( "mysql:host=$dbHost; dbname=table_table; charset=utf8", $dbUser, $dbPassword );
$stmt = $pdo->prepare( "CREATE TABLE fruits ( fruit_id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY, fruit_name VARCHAR(64) NOT NULL )");
$result = $stmt->execute();

$pdo = new PDO ( "mysql:host=$dbHost; dbname=table_table; charset=utf8", $dbUser, $dbPassword );
$stmt = $pdo->prepare( "CREATE TABLE descriptions ( description_id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY, description_value VARCHAR(64) NOT NULL )");
$result = $stmt->execute();

$pdo = new PDO ( "mysql:host=$dbHost; dbname=table_table; charset=utf8", $dbUser, $dbPassword );
$stmt = $pdo->prepare( "CREATE TABLE boxes_fruits_descriptions ( id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY, box_id INT(11) UNSIGNED, fruit_id INT(11) UNSIGNED, description_id INT(11) UNSIGNED )");
$result = $stmt->execute();

$pdo = new PDO ( "mysql:host=$dbHost; dbname=table_table; charset=utf8", $dbUser, $dbPassword );
$stmt = $pdo->prepare( "ALTER TABLE boxes_fruits_descriptions ADD FOREIGN KEY (`box_id`) REFERENCES `boxes`(`box_id`) ON DELETE RESTRICT ON UPDATE RESTRICT;");
$result = $stmt->execute();

$pdo = new PDO ( "mysql:host=$dbHost; dbname=table_table; charset=utf8", $dbUser, $dbPassword );
$stmt = $pdo->prepare( "ALTER TABLE boxes_fruits_descriptions ADD FOREIGN KEY (`fruit_id`) REFERENCES `fruits`(`fruit_id`) ON DELETE RESTRICT ON UPDATE RESTRICT;");
$result = $stmt->execute();

$pdo = new PDO ( "mysql:host=$dbHost; dbname=table_table; charset=utf8", $dbUser, $dbPassword );
$stmt = $pdo->prepare( "ALTER TABLE boxes_fruits_descriptions ADD FOREIGN KEY (`description_id`) REFERENCES `descriptions`(`description_id`) ON DELETE RESTRICT ON UPDATE RESTRICT;");
$result = $stmt->execute();

Есть какие-нибудь ошибки или может быть тут все неправильно?

[Андрей Корехов]

l0lkek, Накидал визуально эти таблицы в Экселе и понимаю что пользоваться из бд удобно. Значит все ок )

Ну а дальше на практике поймешь где неудобно или не хватает какой то информации под конкретную задачу

[l0lkek]

Андрей Корехов, Ок, большое спасибо за все твои ответы :)

Answer 2

[Stalker_RED]

Php работает на сервере, и не знает куда там юзер нажимает в браузере.
Чтобы php узнал о кликах, это должны быть клики по ссылкам или кнопкам формы (ну или применить js, но выхотели чистый php).

Допустим, у вас страница с адресом /list.php,
Можете на ней добавить пару ссылок, в которые добавлен параметр, с указанием сколько показывать элементов

<a href="/list.php?count=2">показывать 2</a>
<a href="/list.php?count=4">показывать 4</a>

Теперь в пхп вы можете проверить этот параметр:

$cnt = filter_input(INPUT_GET, 'count', FILTER_SANITIZE_NUMBER_INT) 
   ?: 1;  // по умолчанию 1

  echo "показываем $cnt элементов" ;

Comments

[l0lkek]

Мне необязательно использовать чистый php, можно еще использовать тот же JS, который вы упомянули и БД для хранения данных. Я забыл написать про такой момент, что данные элементы задаёт пользователь скрипта, который его установил на свой сайт. Хочу привести такой пример, что 1 блок допустим стол на котором стоят коробки с фруктами, во втором блоке сами фрукты, а в 3 находится описание данных фруктов. Допустим мы выбрали первую коробку, там у нас будут разные фрукты. Если мы допустим выберем фрукт, то в 3 блоке будет описание данного фрукта. Я хочу чтобы данные блоки можно было настраивать. Допустим взять тот же json файл и поместить туда массив в виде такого примера:

$table = array (
        "box1" => array(
            "apple" => array(
                "сладкий",
                "вкусный",
                "красный",
            ),
            "orange" => array(
                "кислый",
                "оранжевый",
            ),
        ),
        "box2" => array(
            "apple" => array(
                "кислое",
                "зеленое",
            ),
            "orange" => array(
                "сладкий",
                "оранжевый",
            ),
        ),
    );

[Stalker_RED]

l0lkek, тогда лучше делать на js, без перезагрузки страницы.

[l0lkek]

Stalker_RED, Полностью на JS или только отлавливание клика? А как сделать тогда сам вывод, чтобы выдавало значения в зависимости от выбранного элемента? Что-то я вот сижу уже сколько и не могу себе представить :(

[maksam07]

Лайк чисто за функцию filter_input. Сколько пользуюсь пхп - впервые такую встречаю. Довольно интересно было наткнуться. Спасибо

[Stalker_RED]

Максим Компаниец, она обычно где-то внутри валидатора или объекта Request :)

[Stalker_RED]

l0lkek, е ли данных мало, то проще заранее выгрузить их на страницу в json, и потом показывать средствами js не дергая сервер.

[l0lkek]

Stalker_RED, Понял, спасибо

Answer 3

[Владимир Ясанкин]

При формировании на php кода выдаешь все блоки с display=none, кроме тех которые нужно показать после загрузки. При выборе элемента устанавливаешь и сбрасываешь display как надо.