Forum PHP.pl

Witam. Stawiam pierwsze kroki w php i pisze sobie taką aplikacje do przeprowadzania egzaminów teoretycznych z prawa jazdy (od czegoś trzeba zacząć).
Napisałem sobie skrypt, który pobiera mi z bazy mysql kursantów i wyświetla w formie tabelki. Wszystko działa. Teraz pytanko. Jak zrobić aby na końcu każdego wiersza miał np ikonę którą mogę kliknąć i przejść do edycji danego wiersza ? . Np otwiera się okienko modalne z formularzem już uzupełnionym, wprowadzam zmiany i zapisuje. Poradzę sobie z utworzeniem np ikony obok rekordu. Tylko jakie ona powinna mieć łącze ? żebym np mógł edytować dany rekord znając jego id. I czy jest możliwość że jeden formularz wykorzystam zarówno do tworzenia nowego wpisu jak i edycji rekordów?
Mój kod na obecną chwile wygląda w ten sposób. Oczywiście chciałbym dodać funkcję np newuser czyli klikam button dodaj użytkownika i wyświetla mi się formularz uzupełniam i dodaję . Z tym sobie poradzę. Ale chciałbym ten sam formularz wykorzystać do edycji danych. Mogą być linki do opisów tego typu działań.
Mój kod na obecną chwile wygląda w ten sposób

[PHP] pobierz, plaintext 
<?php
			include 'login.php';
			showusers($conn);
			function showusers($conn)
			{
				$query='select id, CONCAT(name, " ", surname) as imie_nazwisko , pesel, pkk_number from users';
				$result = $conn->query($query);
				if (!$result) die($conn->error);
 
				$rows = $result->num_rows;
				echo <<<_END
				<table>
					<thead>
						<tr>
							<th>L.p</th>						
 
							<th>Imię nazwisko</th>						
 
							<th>Nr pesel</th>						
 
							<th>Numer PKK</th>
						</tr>
					</thead>
					<tbody>
_END;
 
				for ($j = 0 ; $j < $rows ; ++$j)								
					{
						$result->data_seek($j);
						$row = $result->fetch_array(MYSQLI_ASSOC);
							echo '<tr>';
							echo '<td>' . $row['id'] . '</td>';
							echo '<td>' . $row['imie_nazwisko'] . '</td>';
							echo '<td>' . $row['pesel'] . '</td>';
							echo '<td>' . $row['pkk_number'] . '</td>';
							echo '</tr>';						
					}
				echo '</tbody></table>';
 
			}
 
		?>
[PHP] pobierz, plaintext 

Dzięki i pozdrawiam.

Ten post edytował szydlak 4.10.2016, 20:37:04

Skoro dopiero zaczynasz naukę PHP i nie masz za wiele napisane
To przepisz swój kod na PDO bo MYSQLI jest już przestarzałe
wracając do twojego pytania
Żeby edytowac userka musisz mieć wyciągnięte z bazy jego dane (co już masz )
Następnie podpinasz to do zmiennej np. tak

[PHP] pobierz, plaintext 
$id_user = $row['id']
[PHP] pobierz, plaintext 

To samo musisz zrobić z pozostałymi danymi które chcesz przenieść do pliku edycji
Robisz sobie np.formularz który przeniesie cię do pliku w którym będziesz edytował userka

[PHP] pobierz, plaintext 
<form method="post" action="edycja.php"><input type="hidden" name="imie" value="<?php echo $imie ?>">
[PHP] pobierz, plaintext 

Tak jak w przykładzie zamieszczasz wszystkie dane które masz pobrane z bazy
Natomiast w pliku w którym nastąpi właściwa edycja tworzysz taki sam formularz z małą różnicą przykład

[PHP] pobierz, plaintext 
<form method="post" ><input type="text" name="imie" value="<?php echo $_POST['imie']; ?>">
[PHP] pobierz, plaintext 

w ten sposób formularz na stronie edycji wypełni się danymi usera którego chcesz edytować
Jak widzisz w pierwszym przykładzie "input "ma typ "hidden" , czyli będzie niewidoczny
Widoczny powinien pozostać tylko "SUBMIT" po kliknięciu którego przeniesie cie do podstrony edycji
Oczywiście jeden plik "edycja.php" będziesz wykorzystywał do edytowania wszystkich userów
Do tworzenia nowych wpisów potrzebujesz osobnego formularza i osobnego połączenia z bazą
Edycje wykonujesz poprzez "UPDATE "do bazy a nowe wpisy "INSERT"

Dzięki za odpowiedź. Moja koncepcja jest troszkę inna. Tzn obok każdego rekordu dodaje sobie np button którego kliknięcie pokazuje formularz w formie modalnej (java script). To wiem jak zrobić. Natomiast chciałbym aby kliknięcie ten button spowodowało uruchomienie formularza z uzupełnionymi polami. (Czyli jakoś przekazanie zmiennych pobranych z bazy do javascriptu). Formularz który by się pokazał miałby ustawione Action="users.php" . A w pliku php dwie funkcje jedna update, druga insert. W zależności jak wywołam formularz to odpowiednia funkcja by się uruchamiała. Np użyć jakiś ukrytych pól na formularzy z zaznaczeniem czy to jest insert czy update. A którą funkcje wywołać to już sprawdzę sobie w php. Wiem, że może sobie komplikuje ale wydaje mi się że tak fajnie by to wyglądało. Ale nie wiem czy jest to możliwe do zrobienia.

Jak najbardziej możliwe. Ustaw sobie np <tr data-id=1>....</tr> czy nawet możesz bezpośrednio z td. Na klika odczytaj te dane i jeśli chcesz edytować więcej to np. ajaksem doczytaj rekord o określonym id, jeżeli te same dane to po prostu je przepisz z td z formularza. Dwóch nie musisz robić. Jeżeli id jest ustawione oznacza to update (w przypadku edycji wierszy tabeli zawsze jest to update), jak nie insert.

Ten post edytował viking 5.10.2016, 11:28:12

A można ta w ten sposób?: Obok rekordu wstawiam ( w dodatkowej kolumnie) wstawiam np <button onclick="moja_funkcja(parametry z bazy)">Edycja</button>
a moja funkcja pokazuje formularz z uzupełnionymi polami.

Ten post edytował szydlak 5.10.2016, 11:51:28

Można tylko raczej nie rób onclick a zdarzenia. W czystym JS addEventListener, w jquery .on().

Ale wtedy nie mogę do funkcji w jquery przekazać parametrów (danych do edycji).
Czyli jeśli korzystam z jquery to po kliknięciu w button pobieram sobie dane z mojej tabelki używając np wcześniej ustawione id danego wiersza i ustawiam je w formularzu ? A tak spytam dlaczego nie korzystać z javascript onclick ?

Ten post edytował szydlak 5.10.2016, 12:35:16

https://en.wikipedia.org/wiki/Unobtrusive_JavaScript

Nie robisz sobie bałaganu w kodzie, pomyśl ile było by nadmiarowego htmla dla np 5000 rekordów. Możesz zastosować delegację zdarzeń, masz wszystko w jednym miejscu czyli pliku JS. Do funkcji nic nie potrzebujesz np.

[HTML] pobierz, plaintext 
<table id=r>
<tbody>
<tr><td>1</td><td>Jan</td><td>Kowalski</td><td><a href="#" class=actions>akcje</a></td>
</tbody>
</table>
 
$('#r tbody').on('click', 'a.actions', function(e){
e.preventDefault();
console.log($(this), $(this).parents('tr'), e);
});
[HTML] pobierz, plaintext 

Przyjrzyj się obiektom w konsoli: https://jsfiddle.net/1desk69m/

Ten post edytował viking 5.10.2016, 12:56:03

Uzyskałem efekt, o który mi chodziło. Mam modalne okno do edycji lub dodawania nowego użytkownika. Po naciśnięciu przycisku zapisz w oknie modalnym wykonują się instrukcję z pliku users.php. Mój główny plik to index.html. Jak zrobić żeby po kliknięciu przycisku zapisz czyli albo zrobię update albo insert wrócić z powrotem do pliku index.html? Jak kliknę zapisz to w pasku adresu pojawia mi się users.php. Można się tego pozbyć ?

[PHP] pobierz, plaintext 
<!doctype html>
 
	<body>		
		<?php
			include 'login.php';
			showusers($conn);
			function showusers($conn)
			{
				$query='select id, firstname , lastname, pesel, pkk_number from users';
				$result = $conn->query($query);
				if (!$result) die($conn->error);				
				$rows = $result->num_rows;
				echo <<<_END
				<table id="r">
					<thead>
						<tr>
							<th>L.p</th>					
							<th>Imię</th>
							<th>Nazwisko</th>					
							<th>Nr pesel</th>						
							<th colspan="2">Numer PKK</th>						
							<th></th>
						</tr>
					</thead>
					<tbody>
_END;
 
				for ($j = 0 ; $j < $rows ; ++$j)								
					{
						$result->data_seek($j);
						$row = $result->fetch_array(MYSQLI_ASSOC);
							echo '<tr>';
							echo '<td>' . $row['id'] . '</td>';
							echo '<td>' . $row['firstname'] . '</td>';
							echo '<td>' . $row['lastname'] . '</td>';
							echo '<td>' . $row['pesel'] . '</td>';
							echo '<td>' . $row['pkk_number'] . '</td>';
							echo '<td><a href="#" class=actions>akcje</a></td>';
							echo '</tr>';						
					}
				echo '</tbody></table>';			
			}			
		?>
			<div id="dialog" title="Edycja danych">
					<form id="usersform" action="users.php" method="post">
					<label for="firstname">Imię</label>
					<input id="firstname" type="text" name="firstname" value="">
					<label for="lastname">Nazwisko</label>
					<input id="lastname" type="text" name="lastname" value="">
					<label for="pesel">Nr pesel</label>
					<input id="pesel" type="text" name="pesel" value="">
					<label for="pkk">Nr PKK</label>
					<input id="pkk" type="text" name="pkk" value="">
					<input id="hidden" type="hidden" name="hidden" value="">
					<br><br>
					<input  type="submit" value="Zapisz">
					</form>
			</div>
	</body>
 
	<script>
 
    $('#dialog').dialog({
			modal: true,
            autoOpen: false
        });
 
 
		$('#r tbody').on('click', 'a.actions', function(e){
 
			 $('#dialog').dialog('open');
				var $firstname=$(this).parents('tr').children('td').eq('1').text();
				var $lastname=$(this).parents('tr').children('td').eq('2').text();
				var $pesel=$(this).parents('tr').children('td').eq('3').text();
				var $pkk=$(this).parents('tr').children('td').eq('4').text();
				var $edit=true;
			$("#firstname").val($firstname);
			$("#lastname").val($lastname);
			$("#pesel").val($pkk);
			$("#pkk").val($firstname);
			$('#hidden').val($edit);			
		}
		);
	</script>
</html>
[PHP] pobierz, plaintext