Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP] Łączenie HTML z PHP
Forum PHP.pl > Forum > Przedszkole
Panicz74
29.09.2015, 21:08:07
Witam ponownie smile.gif

Mam kolejne pytanie "początkującego od zera". Mam dany przykładowy skrypt logowania. Wszystko działa elegancko, ale chciałbym to jakoś wystylizować. Przygotowałem sobie szablon w html i nie mam pojęcia jak to połączyć.

Skrypt PHP:
[PHP] pobierz, plaintext 
  1. <?php
  2. include 'config.php';
  3. db_connect();
  4.  
  5. // sprawdzamy czy user nie jest przypadkiem zalogowany
  6. if(!$_SESSION['logged']) {
  7.     // jeśli zostanie naciśnięty przycisk "Zaloguj"
  8.     if(isset($_POST['name'])) {
  9.         // filtrujemy dane...
  10.         $_POST['name'] = clear($_POST['name']);
  11.         $_POST['password'] = clear($_POST['password']);
  12.         // i kodujemy hasło
  13.         $_POST['password'] = codepass($_POST['password']);
  14.  
  15.         // sprawdzamy prostym zapytaniem sql czy podane dane są prawidłowe
  16.         $result = mysql_query("SELECT `user_id` FROM `users` WHERE `user_name` = '{$_POST['name']}' AND `user_password` = '{$_POST['password']}' LIMIT 1");
  17.         if(mysql_num_rows($result) > 0) {
  18.             // jeśli tak to ustawiamy sesje "logged" na true oraz do sesji "user_id" wstawiamy id usera
  19.             $row = mysql_fetch_assoc($result);
  20.             $_SESSION['logged'] = true;
  21.             $_SESSION['user_id'] = $row['user_id'];
  22.             echo '<p>Zostałeś poprawnie zalogowany! Możesz teraz przejść na <a href="index.php">stronę główną</a>.</p>';
  23.         } else {
  24.             echo '<p>Podany login i/lub hasło jest nieprawidłowe.</p>';
  25.         }
  26.     }
  27.  
  28.     // wyświetlamy komunikat na zalogowanie się
  29.     echo 
  30. 	'<form method="post" action="login.php">
  31.         <p>
  32.             Login:<br>
  33.             <input type="text" value="'.$_POST['name'].'" name="name">
  34.         </p>
  35.         <p>
  36.             Hasło:<br>
  37.             <input type="password" value="'.$_POST['password'].'" name="password">
  38.         </p>
  39.         <p>
  40.             <input type="submit" value="Zaloguj">
  41.         </p>
  42.     </form>';
  43. } else {
  44. echo '<p>Jesteś już zalogowany, więc nie możesz się zalogować ponownie.</p>
  45.         <p>[<a href="index.php">Powrót</a>]</p>';
  46. }
  47.  
  48. db_close();
  49. ?>
[PHP] pobierz, plaintext


Plik HTML:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html lang="pl">
  3. <head>
  4. 	<meta charset="utf-8" />
  5. 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. 	<title></title>
  7. </head>
  8.  
  9. <style>
  10. #container
  11. {
  12. 	width: 1000px;
  13. 	margin-left: auto;
  14. 	margin-right: auto;
  15. }
  16. #logo
  17. {
  18. 	background-color: black;
  19. 	color: white;
  20. 	text-align: center;
  21. 	padding: 15px;
  22. }
  23. #nav
  24. {	
  25. 	float: left;
  26. 	background-color: lightgray;
  27. 	width: 120px;
  28. 	min-height: 500px;
  29. 	padding: 10px;
  30. }
  31. #tresc
  32. {
  33. 	float: left;
  34. 	text-align: center;
  35. 	padding: 20px;
  36. 	width: 600px;
  37. }
  38. #ad
  39. {
  40. 	float: right;
  41. 	width: 160px.
  42. 	min-height: 500px;
  43. 	padding: 10px;
  44. 	background-color: lightgray;
  45. }
  46. #footer
  47. {
  48. 	clear: both;
  49. 	background-color: black;
  50. 	color: white;
  51. 	text-align: center;
  52. 	padding: 20px;
  53. }
  54.  
  55.  
  56. </style>
  57.  
  58. <body>
  59.  
  60. 	<div id="container">
  61.  
  62. 		<div id="logo">
  63. 		<h1>Panel logowania</h1>
  64. 		</div>
  65.  
  66. 		<div id="nav">
  67. 		Lista możliwych operacji
  68. 		</div>
  69.  
  70. 		<div id="tresc">
  71. 		Tutaj będzie formularz logowania
  72. 		</div>
  73.  
  74. 		<div id="ad">
  75. 		Miejsce na Twoją reklamę
  76. 		</div>
  77.  
  78. 		<div id="footer">
  79. 		Copyright by RP 2015
  80. 		</div>
  81.  
  82. 	</div>
  83.  
  84.  
  85. </body>
  86. </html>
[HTML] pobierz, plaintext


Przepraszam za takie pytania ale dopiero raczkuję. Takie problemy naprawdę są dla mnie na tym etapie problemami a jednocześnie wiem, że kto pyta nie błądzi. Czy ktoś może mi pomóc?
markonix
29.09.2015, 21:10:17
"Tutaj będzie formularz logowania" - no go tam wklej i to wszystko.
Panicz74
29.09.2015, 21:25:35
Wkleiłem tam cały skrypt:

[PHP] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html lang="pl">
  3. <head>
  4. 	<meta charset="utf-8" />
  5. 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. 	<title></title>
  7. </head>
  8.  
  9. <style>
  10. #container
  11. {
  12. 	width: 1000px;
  13. 	margin-left: auto;
  14. 	margin-right: auto;
  15. }
  16. #logo
  17. {
  18. 	background-color: black;
  19. 	color: white;
  20. 	text-align: center;
  21. 	padding: 15px;
  22. }
  23. #nav
  24. {	
  25. 	float: left;
  26. 	background-color: lightgray;
  27. 	width: 120px;
  28. 	min-height: 500px;
  29. 	padding: 10px;
  30. }
  31. #tresc
  32. {
  33. 	float: left;
  34. 	text-align: center;
  35. 	padding: 20px;
  36. 	width: 600px;
  37. }
  38. #ad
  39. {
  40. 	float: right;
  41. 	width: 160px.
  42. 	min-height: 500px;
  43. 	padding: 10px;
  44. 	background-color: lightgray;
  45. }
  46. #footer
  47. {
  48. 	clear: both;
  49. 	background-color: black;
  50. 	color: white;
  51. 	text-align: center;
  52. 	padding: 20px;
  53. }
  54.  
  55.  
  56. </style>
  57.  
  58. <body>
  59.  
  60. 	<div id="container">
  61.  
  62. 		<div id="logo">
  63. 		<h1>Panel logowania</h1>
  64. 		</div>
  65.  
  66. 		<div id="nav">
  67. 		Lista możliwych operacji
  68. 		</div>
  69.  
  70. 		<div id="tresc">
  71. 		<?php
  72. include 'config.php';
  73. db_connect();
  74.  
  75. // sprawdzamy czy user nie jest przypadkiem zalogowany
  76. if(!$_SESSION['logged']) {
  77.     // jeśli zostanie naciśnięty przycisk "Zaloguj"
  78.     if(isset($_POST['name'])) {
  79.         // filtrujemy dane...
  80.         $_POST['name'] = clear($_POST['name']);
  81.         $_POST['password'] = clear($_POST['password']);
  82.         // i kodujemy hasło
  83.         $_POST['password'] = codepass($_POST['password']);
  84.  
  85.         // sprawdzamy prostym zapytaniem sql czy podane dane są prawidłowe
  86.         $result = mysql_query("SELECT `user_id` FROM `users` WHERE `user_name` = '{$_POST['name']}' AND `user_password` = '{$_POST['password']}' LIMIT 1");
  87.         if(mysql_num_rows($result) > 0) {
  88.             // jeśli tak to ustawiamy sesje "logged" na true oraz do sesji "user_id" wstawiamy id usera
  89.             $row = mysql_fetch_assoc($result);
  90.             $_SESSION['logged'] = true;
  91.             $_SESSION['user_id'] = $row['user_id'];
  92.             echo '<p>Zostałeś poprawnie zalogowany! Możesz teraz przejść na <a href="index.php">stronę główną</a>.</p>';
  93.         } else {
  94.             echo '<p>Podany login i/lub hasło jest nieprawidłowe.</p>';
  95.         }
  96.     }
  97.  
  98.     // wyświetlamy komunikat na zalogowanie się
  99.     echo 
  100. 	'<form method="post" action="login.php">
  101.         <p>
  102.             Login:<br>
  103.             <input type="text" value="'.$_POST['name'].'" name="name">
  104.         </p>
  105.         <p>
  106.             Hasło:<br>
  107.             <input type="password" value="'.$_POST['password'].'" name="password">
  108.         </p>
  109.         <p>
  110.             <input type="submit" value="Zaloguj">
  111.         </p>
  112.     </form>';
  113. } else {
  114. echo '<p>Jesteś już zalogowany, więc nie możesz się zalogować ponownie.</p>
  115.         <p>[<a href="index.php">Powrót</a>]</p>';
  116. }
  117.  
  118. db_close();
  119. ?>
  120. 		</div>
  121.  
  122. 		<div id="ad">
  123. 		Miejsce na Twoją reklamę
  124. 		</div>
  125.  
  126. 		<div id="footer">
  127. 		Copyright by RP 2015
  128. 		</div>
  129.  
  130. 	</div>
  131.  
  132.  
  133. </body>
  134. </html>
[PHP] pobierz, plaintext


Działa, ale przeglądarka pokazuje komentarze kodu, niektóre instrukcje echo, itp. Chciałbym żeby widoczny był tylko formularz.
nospor
29.09.2015, 21:36:35
Plik, w ktory wstawiasz kod php, ma być parsowany jako plik php.... zazwyczaj oznacza to, ze plik ten ma miec rozszerzenie .php a nie .html...
Panicz74
29.09.2015, 21:53:42
Haha biggrin.gif Pięknie smile.gif

Jeszcze tylko jeden problem. Przeglądarka oprócz formularza pokazuje jeszcze takie błędy:

Notice: Undefined index: name in H:\PHP\xampp\htdocs\login\index1.php on line 104

Notice: Undefined index: password in H:\PHP\xampp\htdocs\login\index1.php on line 108

Jak się ich pozbyć?
markonix
29.09.2015, 21:57:03
Wystarczy je przeczytać, zrozumieć i wtedy naprawić.
Jeżeli z tym drugim masz problem to wystarczy się wspomóc ogólnodostępną pomocą, nawet chyba w przypiętym temacie.

http://forum.php.pl/index.php?showtopic=44...t=0&start=0 punkt 7.
Panicz74
29.09.2015, 22:13:32
Ustawienie serwera wygląda następująco:

; error_reporting
; Default Value: E_ALL & ~E_NOTICE & ~E_STRICT & ~E_DEPRECATED
; Development Value: E_ALL
; Production Value: E_ALL & ~E_DEPRECATED & ~E_STRICT

Jest napisane, że powinienem użyć pętli:

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. if(isset($_GET['zmienna'])) $zmienna = $_GET['zmienna'];
  4.  
  5. ?>
[PHP] pobierz, plaintext


Tylko jak ją wcisnąć do formularza? Wszystkie moje próby kończą się błędami...
KsaR
29.09.2015, 22:21:12
Cytat(Panicz74 @ 29.09.2015, 23:13:32 ) *
Ustawienie serwera wygląda następująco:

; error_reporting
; Default Value: E_ALL & ~E_NOTICE & ~E_STRICT & ~E_DEPRECATED
; Development Value: E_ALL
; Production Value: E_ALL & ~E_DEPRECATED & ~E_STRICT

Jest napisane, że powinienem użyć pętli:

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. if(isset($_GET['zmienna'])) $zmienna = $_GET['zmienna'];
  4.  
  5. ?>
[PHP] pobierz, plaintext


Tylko jak ją wcisnąć do formularza? Wszystkie moje próby kończą się błędami...



Podmien:
[PHP] pobierz, plaintext 
  1. value="'.$_POST['name'].'" name="name">
  2.         </p>
  3.         <p>
  4.             Hasło:<br>
  5.             <input type="password" value="'.$_POST['password'].'" 
[PHP] pobierz, plaintext

Na:
[PHP] pobierz, plaintext 
  1. value="'.(isset($_POST['name'])?$_POST['name']:'').'" name="name">
  2.         </p>
  3.         <p>
  4.             Hasło:<br>
  5.             <input type="password" value="'.(isset($_POST['password'])?$_POST['password']:'').'" 
[PHP] pobierz, plaintext

A ten przyklad co podales i tak bledny bo moze rzucic undefined variable $zmienna

Lepiej zrob tak:
[PHP] pobierz, plaintext 
  1. $zmienna=isset($_GET['zmienna']) ? $_GET['zmienna'] : '';
[PHP] pobierz, plaintext
Panicz74
29.09.2015, 22:57:07
Działa smile.gif Super elegancko. Dziękuję Wam koledzy.

A jeszcze możecie mi wytłumaczyć składnię tego zapisu? :

[PHP] pobierz, plaintext 
  1. value="'.(isset($_POST['name'])?$_POST['name']:'').'" name="name">
  2. value="'.(isset($_POST['password'])?$_POST['password']:'').'"
[PHP] pobierz, plaintext


Bo rozumiem to tak:

(isset($_POST['name']) = Jeśli zmienna 'name' jest ustawiona,
?$_POST['name']:'').'" = i jeśli zmienna 'name' jest ustawiona (questionmark.gif?)

O co chodzi z tym drugim członem?
markonix
29.09.2015, 23:14:31
http://www.hackingwithphp.com/3/12/4/the-ternary-operator
Star
29.09.2015, 23:18:20
http://4programmers.net/PHP/Podstawy_PHP#i...r-trjoperandowy
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.