Файловая структура, структура файлов сайта и разделение кода

@vladdvin891 · Регистрация: 22.01.2021

Студворк — интернет-сервис помощи студентам

Есть сайт

[![введите сюда описание изображения][1]][1]

В зависимости от выбранного пункта левого бокового меню (список категорий товара) меняется правое боковое меню (список характеристик категории товаров) (с помощью технологии ajax). По выбору пунктов правого бокового меню, а именно чекбоксов, отображается список товаров (пустая центральная часть) - с помощью технологии ajax. Подскажите какова структура файлов сайта (html, javascript, php, jquery) и файловая структура.
Что должно быть включено в html файл, javascript и php? С одной стороны должно быть как на , но с другой должно быть как на .

[1]:

Добавлено через 23 минуты
До некоторых пор я считал правильной логику

HTML5
1
2
3
4
5
6
7
<html>
 
<!-- Описание элементов интерфейса -->
 
<!-- Jquery код - обработка щелчков на элементах интерфейса, ajax код -->
 
</html>

PHP
1
2
3
4
5
<?php
 
    /* Обработка переменных $_POST */
    /* Передача ответа клиенту */
?>

но на мне написали, что так делать неправильно.

@vladdvin891 · 16.03.2021, 11:48 **[ТС]**

Привожу скриншот

@vladdvin891 · 16.03.2021, 11:53 **[ТС]**

Мне написали следующее: Вы не правильно подходите к построению запроса.

1. Запрос не формируется на клиенте. (Есть опасность инъекции запроса.) (что если просто подменить значение `fullsqlcondition` на `drop Database`)
2. На сервер передаются параметры формы (значения выбранных инпутов: текстбоксов,чекбоксов, радио .....). В последеющим на сервере формируется запрос и возращяется ответ на клиент.

**UPD**

Пример [отсюда][1]

JavaScript
1
2
3
4
5
6
7
8
9
.ajax( {
        type: 'POST',
        url: '/ajax/checkbox.php',
        data: { foton : $('input:checkbox:checked').val()},
    
        success: function(data) {
            $('#message').html(data);
        }
    } );

[1]: https://stackoverflow.com/ques... kbox-value

@Balanaar · 16.03.2021, 12:09

Сообщение от vladdvin891

но на мне написали, что так делать неправильно

А как именно вы делаете? Мы не видим вашего кода. Вместо него комментарии. Покажите код и мы прокомментируем.

@vladdvin891 · 16.03.2021, 13:22 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
/* Описание элементов интерфейса */
 
    <div class="leftmenu">
      <ul id="sidemenu">
        <li>
          <div class="leftside">
            <i class="fa fa-home"></i>
          </div>
          <div class="centerplace">
            <a href="" class="nestedblock">Техника для кухни</a>
          </div>
          <div class="rightside">
            <i class="fa fa-home"></i>
          </div>
        </li>
        <li>
          <div class="leftside">
            <i class="fa fa-home"></i>
          </div>
          <div class="centerplace">
            <a href="" class="nestedblock">Бытовая техника для дома</a>
          </div>
          <div class="rightside">
            <i class="fa fa-home"></i>
          </div>
        </li>
        <li>
          <div class="leftside">
            <i class="fa fa-home"></i>
          </div>
          <div class="centerplace">
            <a href="" class="nestedblock">Ноутбуки и компьютеры</a>
          </div>
          <div class="rightside">
            <i class="fa fa-home"></i>
          </div>
        </li>
        <li>
          <div class="leftside">
            <i class="fa fa-home"></i>
          </div>
          <div class="centerplace">
            <a href="" class="nestedblock">Комплектующие</a>
          </div>
          <div class="rightside">
            <i class="fa fa-home"></i>
          </div>
        </li>
        </li>
      </ul>
    </div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/* Jquery код - обработка щелчков на элементах интерфейса, ajax код */ <
    script >
      $('.nestedblock').click(function(event) {
        event.preventDefault();
        $.ajax({
          type: 'POST',
          url: 'ajax.php',
          data: {
            valuemenuitem: $(this).innerText
          },
          dataType: 'json',
          success: function(data) {
            console.log(data);
            $('.rightmenu').html(data.msg);
          }
        });
      }); 
</script>

PHP
1
2
3
4
5
6
7
    $valuemenuitem = @$_POST['valuemenuitem'];
 
    /*
    ... 
         Обработка переменных $_POST
         Передача ответа клиенту 
    */

@Dethmontt · 16.03.2021, 14:53

vladdvin891, из приведенного кода видно что ты на сервер передаешь текст класса nestedblock

А как формируется запрос???

@vladdvin891 · 16.03.2021, 15:20 **[ТС]**

SQL запрос формируется на сервере в зависимости от выбранного пункта меню .nestedblock и переменной valuemenuitem

@Balanaar · 16.03.2021, 15:35

Сообщение от vladdvin891

PHP
1
/* Передача ответа клиенту */

Покажите пример ответа

@vladdvin891 · 17.03.2021, 16:52 **[ТС]**

PHP
1
2
3
4
5
6
7
8
9
10
11
12
            <?php
    $conn = mysqli_connect('localhost','userlogin','userpas','dbname');
    if(isset($_POST['goodsdeliveryvalue'])){
    $value  = $_POST['goodsdeliveryvalue'];
    $sql = "select * from goods where goods.deliveryvalue=$value";
    $query = mysqli_query($conn,$sql);
    if(mysqli_num_rows($query)>0){
    $row = mysqli_fetch_assoc($query);
    return json_encode($row);
    }
    }
    ?>

@Balanaar · 18.03.2021, 14:52

vladdvin891, не код, формирующий ответ, а пример ответа.

@j2FunOnly · 18.03.2021, 15:33

Balanaar, ну тут достаточно

Сообщение от vladdvin891

PHP
4
5
    $value  = $_POST['goodsdeliveryvalue'];
    $sql = "select * from goods where goods.deliveryvalue=$value";

чтобы получить такой ответ

Сообщение от vladdvin891

Запрос не формируется на клиенте. (Есть опасность инъекции запроса.)

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@vladdvin891 0 / 0 / 0 Регистрация: 22.01.2021 Сообщений: 46
	16.03.2021, 11:48 [ТС]
	Привожу скриншот Миниатюры 0

@Dethmontt Модератор 4032 / 2977 / 594 Регистрация: 10.03.2011 Сообщений: 11,701 Записей в блоге: 1
	16.03.2021, 14:53
	vladdvin891, из приведенного кода видно что ты на сервер передаешь текст класса nestedblock А как формируется запрос??? 0

@vladdvin891 0 / 0 / 0 Регистрация: 22.01.2021 Сообщений: 46
	16.03.2021, 15:20 [ТС]
	SQL запрос формируется на сервере в зависимости от выбранного пункта меню .nestedblock и переменной valuemenuitem 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	18.03.2021, 14:52
	vladdvin891, не код, формирующий ответ, а пример ответа. 0