Редактировать и обновлять данные таблицы из БД на странице веб-формы

@Ирина Блажко · Регистрация: 16.05.2016

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

Пользователь заполняет форму и отправляет её в БД. Надо сделать возможность сразу после отправки, выводить её под веб-формой для редактирования данных пользователем и в случае изменений обновить скорректированные данные непосредственно и в БД.
Примерно, чтобы таблица выводилась внизу под формой и нажав двойным щелчком курсора на поле ввода можно было изменить данные. Скрин формы загрузила.
Как это можно реализовать? Надо ли подключать JS-скрипты? И если да, то каким образом?
А когда данные будут обновлены, как скачать таблицу в Excel-формате?

@andyyy · 24.05.2018, 14:03

ооо - как много))
1. сделайте сначал форму там пропиште условие если существует переменная из базы то выводим сообщение а иначе просто текст

PHP
1
2
3
4
5
6
//$row['text']; - это значение вы получайте из базы - колонка с текстом
<input type='text' value='<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>'>
также с остальными
 
кнопку sudmit можно тоже условие прописать
<?PHP if(isset($row['text'])) {echo "<input type='submit' value='изменить'>";} else {echo "<input type='submit' value='добавить'>";}?>

@Ирина Блажко · 24.05.2018, 14:50 **[ТС]**

Вот так это должно выглядеть?

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <link rel='StyleSheet' type='text/css' href='one.css' />
  <title>Форма</title>
 </head>
 <h1>Контактна форма</h1> 
<hr>
 <body>
    <form action="kog.php" method="post" id="" accept-charset="utf-8"/>
    <legend><h3>Внесіть дані:</h3></legend>  
        <div style="width:100%; height:5px; clear:both;"></div>
           <div id="line_block"> <label for="id">Порядковий номер ПВ: </label>  <input type="number" placeholder ="№" id="" name="psgvno" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
           <div id="line_block"> <label for="name">Штрих-код ПВ:</label> <input type="text" id="" name="psbarc" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
           <div id="line_block"> <label for="name">Код країни отримувача:</label>  <input type="text" placeholder ="804 (Україна)" id="" name="rccn3c" list="rccn3c" value=""/></div>
<datalist id="rccn3c"> <option value="804"></datalist>
           <div id="line_block"> <label for="name">Поштовий індекс:</label> <input type="text" id="" name="rcpidx" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/>  </div>
           <div id="line_block"> <label for="name">Адреса отримувача:</label> <br/>  <input type="textrea" id="" name="rcaddr" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
           <div id="line_block"> <label for="name">ПІБ або назва отримувача:</label> <input type="text" id="" name="rcname" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/>   </div>
           <div id="line_block"> <label for="name">Код способу пересилання:</label>  <input type="text" id="" name="snmtdc" list="snmtdc" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
<datalist id="snmtdc"> <option value="1"> <option value="2"> <option value="4"></datalist>
           <div id="line_block"> <label for="name">Код виду ПВ:</label> <input type="text" id="" name="psappc" list="psappc"  value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
<datalist id="psappc"> <option value="2"> <option value="4"> <option value="8"> <option value="16"><option value="32"><option value="128"><option value="4096"><option value="16384"><option value="1048576"><option value="536870912"></datalist>
           <div id="line_block"> <label for="name">Код категорії ПВ:</label>  <input type="text" id="" name="pscatc" list="pscatc"  value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/></div> 
<datalist id="pscatc"> <option value="1"> <option value="2"> <option value="4"><option value="8"></datalist>
           <div id="line_block"> <label for="name">Код розряду ПВ:</label> <input type="text" id="" name="psrazc" list="psrazc"  value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
<datalist id="psrazc"> <option value="1"> <option value="2"> <option value="4"><option value="16"></datalist>
           <div id="line_block"> <label for="name">Код відмітки ПВ:</label> <input type="text" id="" name="psnotc" list="psnotc"  value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
  <datalist id="psnotc"> <option value="1"> <option value="2"> <option value="4"><option value="8"> <option value="16"> <option value="32"><option value="64"> <option value="128"><option value="256"><option value="512"> <option value="2048"> <option value="4096"><option value="8192"> <option value="16384"> <option value="32768"><option value="65536"> <option value="131072"> <option value="262144"><option value="524288"> <option value="1048576"> <option value="2097152"><option value="4194304"> <option value="8388608"> <option value="16777216"><option value="33554432"> <option value="536870912"> <option value="1073741824"></datalist>
           <div id="line_block"> <label for="name">Вага ПВ в грамах:</label> <input type="text" id="" name="pswgt" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
           <div id="line_block"> <label for="name">Оголошена цінність ПВ:</label> <input type="text" id="" name="pkprice" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
           <div id="line_block"> <label for="name">Направлення:</label> <input type="text" id="" name="aftpay" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
           <div id="line_block"> <label for="name">Номер телефону:</label> <input type="tel" id="" name="phone" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>
           <div id="line_block"> <label for="name">Найдовша сторона:</label> <input type="text" id="" name="maxlen" value="<?PHP if(isset($row['text'])) {echo $row['text'];} else {echo "ВВЕДИТЕ ТЕКСТ";}?>"/> </div>     
        <div style="width:100%; height:5px; clear:both;"></div>
<p></p>
 
   <fieldset title="Додаткова інформація">
      <legend>Додаткова інформація</legend>
            <label for="table">Таблиці:</label></p>
            <select id="table" name="table" onchange="javascript:handleSelect(this)">
               <option value="0" selected="selected"></option><br/>
               <option value="kod1">Коди країн</option><br/>
               <option value="kod2">Коди способів пересилання</option><br/>
               <option value="kod3">Коди видів ПВ</option><br/>
               <option value="kod4">Коди категорій ПВ</option><br/>
               <option value="kod5">Коди розрядів ПВ</option><br/>
               <option value="kod6">Коди відміток ПВ </option><br/>
            </select>
   </fieldset>
 
<script type="text/javascript">
function handleSelect(elm)
{
window.open (elm.value+".php");
}
</script>
  <div style="width:100%; height:5px; clear:both;"></div>
  <br>
     <div id="button"> <input type="submit" name="submit" value=" Відправити"/> </div>
     <div id="button"> <input type="reset" name="reset" value="Очистити"/> </div> 
     <div id="button"> <a href="<?PHP if(isset($row['text'])) {echo "<input type='submit' value='Редагувати'>";} else {echo "<input type='submit' value='Оновити'>";}?>
">Редагувати таблицю</a></div>
     <div id="button"> <a href="delete.php?del=".$row["id"]">Видалити запис</a></div>
     <div id="button"> <class="btn btn-primary" onClick="document.location.href='/excel.php'">Завантажити в Excel</div>
 
 <div style="width:100%; height:5px; clear:both;"></div>
 
</form>
</body>
</html>

Добавлено через 34 минуты
andyyy,

PHP
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
<?php
header('Content-Type: text/html; charset=utf-8');
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "kog";
 
$link = mysqli_connect('localhost','root','','kog');
  if (!$link)
{ printf("Помилка підключення: ", mysqli_error());}
{ printf("", mysqli_get_host_info($link)); } 
 
 
if (isset($_POST['psgvno']) && isset($_POST['psbarc']) && isset($_POST['rccn3c']) && isset($_POST['rcpidx']) && isset($_POST['rcaddr']) && isset($_POST['rcname']) && isset($_POST['snmtdc']) && isset($_POST['psappc']) && isset($_POST['pscatc']) && isset($_POST['psrazc']) && isset($_POST['psnotc']) && isset($_POST['pswgt']) && isset($_POST['pkprice']) && isset($_POST['aftpay']) && isset($_POST['phone']) && isset($_POST['maxlen']))
{
$psgvno = htmlentities(mysqli_real_escape_string($link, $_POST['psgvno']));
$psbarc = htmlentities(mysqli_real_escape_string($link, $_POST['psbarc']));
$rccn3c = htmlentities(mysqli_real_escape_string($link, $_POST['rccn3c']));
$rcpidx = htmlentities(mysqli_real_escape_string($link, $_POST['rcpidx']));
$rcaddr = htmlentities(mysqli_real_escape_string($link, $_POST['rcaddr']));
$rcname = htmlentities(mysqli_real_escape_string($link, $_POST['rcname']));
$snmtdc = htmlentities(mysqli_real_escape_string($link, $_POST['snmtdc']));
$psappc = htmlentities(mysqli_real_escape_string($link, $_POST['psappc']));
$pscatc = htmlentities(mysqli_real_escape_string($link, $_POST['pscatc']));
$psrazc = htmlentities(mysqli_real_escape_string($link, $_POST['psrazc']));
$psnotc = htmlentities(mysqli_real_escape_string($link, $_POST['psnotc']));
$pswgt  = htmlentities(mysqli_real_escape_string($link, $_POST['pswgt']));
$pkprice = htmlentities(mysqli_real_escape_string($link, $_POST['pkprice']));
$aftpay = htmlentities(mysqli_real_escape_string($link, $_POST['aftpay']));
$phone  = htmlentities(mysqli_real_escape_string($link, $_POST['phone']));
$maxlen = htmlentities(mysqli_real_escape_string($link, $_POST['maxlen']));
}
     
$query= "UPDATE form SET  psbarc='$psbarc', rccn3c='$rccn3c', rcpidx='$rcpidx', rcaddr='$rcaddr', rcname='$rcname', snmtdc='$snmtdc',
  psappc='$psappc', pscatc='$pscatc', psrazc='$psrazc', psnotc='$psnotc', pswgt='$pswgt', pkprice='$pkprice', aftpay='$aftpay', phone='$phone', maxlen='$maxlen'
  WHERE psgvno ='$psgvno'";
$result = mysqli_query($link, $query) or die("Помилка " . mysqli_error($link, $query)); 
    if($result)
        echo "<span style='color:black;'>Дані успішно оновленно!</span>";
 
mysqli_close($link);
?>

Код успешно обновляет данные. Но как вывести таблицу из БД под веб-форму для изменения?

@andyyy · 24.05.2018, 15:10

Сообщение от Ирина Блажко

Код успешно обновляет данные. Но как вывести таблицу из БД под веб-форму для изменения?

я же написал подставляйте в инпут, можете так сделать

PHP
1
2
3
4
5
6
7
8
if(isset($_POST['кнопка_редактирования'])) {
 
echo "<form><input type='text' value='$row[text]'>
<input type='text' value='$row[name]'>
<input type=submit' value='изменить'>
</form>";
 
}

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@Ирина Блажко 0 / 0 / 0 Регистрация: 16.05.2016 Сообщений: 11

	Редактировать и обновлять данные таблицы из БД на странице веб-формы 24.05.2018, 11:30. Показов 1401. Ответов 3 Метки нет (Все метки) Пользователь заполняет форму и отправляет её в БД. Надо сделать возможность сразу после отправки, выводить её под веб-формой для редактирования данных пользователем и в случае изменений обновить скорректированные данные непосредственно и в БД. Примерно, чтобы таблица выводилась внизу под формой и нажав двойным щелчком курсора на поле ввода можно было изменить данные. Скрин формы загрузила. Как это можно реализовать? Надо ли подключать JS-скрипты? И если да, то каким образом? А когда данные будут обновлены, как скачать таблицу в Excel-формате? Миниатюры 0