testx » Tutorials

PHP Login mit AJAX

Fredi — Sun, 03 Jan 2010 13:26:43 +0000

Ich habe bereits in diesem Artikel erklärt, wie man ein PHP Login mit einer MySQL Datenbank erstellt. Nun möchte ich in diesem Artikel erklären, wie man ein PHP Login mit einer schöneren Benutzeroberfläche programmiert. Der Vorteil besteht darin, dass die Seite nicht neu geladen wird, wenn man sich einloggt. Zusätzlich werden wir das Passwort mit md5 verschlüsseln, um es nicht einfach so lesbar zu machen.

Für dieses Tutorial hier, brauche ich viele Dinge aus dem, welches ich oben verlinkt habe. Deshalb ist es von Vorteil, wenn man sich das Tutorial bereits durchgelesen hat, bevor man mit diesem hier beginnt.

Als erstes solltet ihr alle Dateien aus dem anderen Tutorial erstellen und testen, ob das ganze so funktioniert. Wenn ihr das getan habt, beginnen wir mit der Verschlüsselung der Daten. Man muss sich das so vorstellen, dass beim Eintragen in der Datenbank nicht das Passwort in Klartext abgelegt wird, sondern nur der Hashwert. Wenn sich nun jemand einloggen will, wird das Passwort zuerst auch zu einem md5 Hash verarbeitet und diese beiden Werte dann verglichen.

Dazu müssen wir in der Login.php folgendes verändern:

&lt;?php
include('connect.php');
$username=$_POST['username'];
$password=md5($_POST['password']);
 
$query=mysql_query("SELECT username, password FROM users WHERE username ='".$username."'") or die("konnte nicht selecten!!!");
mysql_real_escape_string($username);
mysql_real_escape_string($password);
$result=mysql_fetch_array($query);
 
if(!$result['username']){
echo "Username oder Passwort falsch!";
die();
}
if($password != $result['password']){
echo "Username oder Passwort falsch!";
die();
}
session_register('username');
echo "Du bist erfolgreich registriert!";
?&gt;

Dadurch wird das empfangene Passwort direkt als Hash in der Variable gespeichert. Das dies funktionieren kann, muss das Passwort auch als md5 Hash in der Datenbank vorhanden sein. Da ich hier keine Registrierungsfunktion einbaue, muss man aus dem Passwort manuell den md5 Hash generieren. Im Web gibt es zahlreiche Websiten, die das anbieten. Falls man so etwas selber machen will, reicht dieser kleine PHP Code:

&lt;?php echo md5('Dein Passwort'); ?&gt;

Als nächstes müssen wir die loginform.php anpassen. Zuerst benötigen wir aber JQuery. Wenn wir es heruntergeladen haben, verschieben wir die Datei ins gleiche Verzeichniss wie die anderen Dateien und verändern die loginform.php folgendermassen:

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Einfaches Loginscript -Tutorial&lt;/title&gt;
&lt;script type="text/javascript" src="jquery-1.3.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){
$("#submit").click(function(){
$.post("login.php", {username: $("#username").val(), password: $("#password").val()}, function(data){
$("#userdata").remove();
$("#result").append(data);
});
});
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="result"&gt;
&lt;/div&gt;
&lt;div id="userdata"&gt;
Deine Benutzerdaten:&lt;br&gt;
Benutzername:
&lt;input type="text" size="35" id="username"&gt;&lt;br&gt;
Passwort:
&lt;input type="password" size="35" id="password"&gt;&lt;br&gt;
&lt;input type="submit" value="Login" id="submit"&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

Nun sollte man alle Dateien aus dem anderen Tutorial erstellt haben, die Dateien wie hier beschrieben anpassen und die MySQL Einträge und Konfiguration vornehmen. Wenn das alles getan ist, kann man die Daten auf einen Webserver hochladen und das ganze Testen. Wenn ihr auf Login klickt, sollte die Loginmaske verschwinden und die Erfolgs-, oder Fehlermeldung erscheinen.

Falls ihr einen Fehler entdeckt oder Fragen habt, schreibt doch einfach einen Kommentar.

HTML mit CSS formatieren

Fredi — Thu, 29 Oct 2009 18:17:07 +0000

Auf modernen Websites trifft man normalerweise keine Frames mehr an. Stattdessen findet man häufig Seiten, die mit CSS formatiert wurden. Ich möchte in diesem Tutorial deshalb erläutern, wie man das einfach realisieren kann. Dabei sollten schon Grundkenntnisse in HTML und CSS vorhanden sein.

Um eine Seitenstruktur zu erreichen, arbeiten wir mit div Containern. Diese Container kann man dann mit CSS an die bedürfnisse anpassen. Also erstellen wir zunächst eine neue Datei namens index.html. Dort fügen wir zuerst den Header ein.


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>HTML mit CSS formatieren</title>
<link type="text/css" name="stylesheet" href="style.css" />
</head>

Die Zeile über dem bewirkt, dass eine externe CSS Datei mit dem Namen style.css in das Dokument eingebunden wird. Als nächstes kommen wir nun zu den entscheidenden Containern.

<body>
<div id="all">
<div id="header"></div>
<div id="sidebar"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
</html>

Nun haben wir die Container erstellt, die wir mit CSS ansprechen können und in die später der jeweilige Inhalt kommt. Nun sind wir schon mit der index.html fertig und fangen mit der style.css an.

#all{
width:600px;
height:800px;
}
#header{
width:600px;
height:150px;
background-color:#005B9A;
}
#sidebar{
width:100px;
height:600px;
float:left;
background-color:#0191C8;
}
#content{
width:500px;
height:600px;
float:right;
background-color:#74C2E1;
}
#footer{
width:600px;
height:50px;
clear:both;
background-color:#8C8984;
}

Damit wäre die style.css fertig und man kann einmal die index.html öffnen, um sich das Ergebniss anzuschauen. Durch die verschiedenen Farben sehen wir, wo sich die jeweiligen Container befinden. Mit float:right bewirken wir, dass sich der Container rechts befindet. Mit clear:both, dass dieser Container unter den anderen platziert wird. Jetzt ist man mit der Grundformatierung fertig.

Ich hoffe ihr habt die Funktionsweise verstanden und seit nun in der Lage, simple Websites mit CSS zu formatieren.

Einfaches PHP Login

Fredi — Sat, 09 May 2009 21:30:43 +0000

Hallo

Ich möchte euch zeigen, wie man mit PHP ein simples Loginscript mit MySQL erstellt. Ich setze voraus, dass ihr ein bisschen PHP und HTML könnt, da es sich sonst sehr in die Länge ziehen würde.

Ausserdem übernehme ich keine Garantie und keine Haftung für die Scripte und ihre Sicherheit sowie Funktionsfähigkeit.

Unser Script wird sich in folgende Dateien aufteilen:

login.php
loginform.php
checker.php
connect.php
config.php

Fangen wir mit der login.php an. Sie soll die Daten von der loginform.php empfangen und überprüfen. Es empfängt die Daten, verbindet sich zur Datenbank, überprüft den Code auf Schadcode und vergleicht die Werte. Wenn sie ok sind, registriert es die Session.

login.php


include('connect.php');
$username=$_POST['username'];
$password=$_POST['password'];
 
$query=mysql_query("SELECT username, password FROM users WHERE username ='".$username."'") or die("konnte nicht selecten!!!");
mysql_real_escape_string($username);
mysql_real_escape_string($password);
$result=mysql_fetch_array($query);
 
if(!$result['username']){
echo "Username oder Passwort falsch!";
header('location:loginform.php');
die();
}
if($password != $result['password']){
echo "Username oder Passwort falsch!";
header('location:loginform.php');
die();
}
session_register('username');
echo "Du bist erfolgreich registriert!";
?>

Die loginform.php soll die Daten vom User entgegennehmen, also dort, wo man die Daten eingibt.

loginform.php

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Einfaches Loginscript -Tutorialtitle>
head>
<body>
Deine Benutzerdaten:<br>
<form action="login.php" method="post" >
Benutzername:
<input name="username" type="text" size="35"><br>
Passwort:
<input name="password" type="password" size="35"><br>
<input type="submit" value="Login">
form>
body>
html>

Der checker.php soll auf jeder Seite überprüfen, ob der User bereits eingelogt ist. Wenn nicht, soll er ihn zum Login weiterleiten.

checker.php


session_start();
if(!session_is_registered('username')){
echo "Du hast keinen Zutritt!";
header('location:loginform.php');
die();
}
?>

Die connect.php soll die Verbindung zur Datenbank vereinfachen, in dem sie die Funktion in eine Datei vereint, die jedes Script includen kann ohne den Befehl dauernd wiederholen zu müssen.

connect.php


include('config.php');
mysql_connect("$dbhost", "$dbuser", "$dbpassword") OR die("Konnte keine Verbindung aufbauen.");
mysql_select_db("$dbdatenbank") OR die("Konnte keine Verbindung aufbauen.");
?>

Die config.php speichert alle Daten zur Datenbank verbindung ab.

config.php


$dbhost="localhost";
$dbuser="user";
$dbpassword="passwort";
$dbdatenbank="Datenbankname";
?>

Nun muss man in der config.php die Daten der MySQL Datenbank angeben. Dann kann man in der Datenbank eine neue Tabelle mit dem Namen users erstellen. In diese gibt man drei Felder ein: id, username und password. Die id stellt man auf Primary Key und auf Auto Increment.

Nun kann man zwei Werte eintragen und sich im loginform.php anmelden. Auf jede zu schützende Seite bindet man als erstes die checker.php ein.

Wenn man das Script ernsthaft verwenden will, muss man unbedingt noch mit einer Verschlüsselung der Daten arbeiten.

Falls es Probleme mit den Scripts gibt oder wenn ihr einen Fehler entdeckt, bitte ich euch einen Kommentar zu schreiben.

Google richtig verwenden

Fredi — Fri, 08 May 2009 06:11:41 +0000

Hallo

Ich sehe immer wieder, dass sehr viele Leute nicht wissen, wie man das suchen mit Google deutlich vereinfachen kann. Dazu gibt es Zeichen, die man in den Suchbegriff einbinden kann, die Google sagen, wie die Ergebnisse anzuzeigen sind. Auch kann man so nähere Informationen zu einer Website oder den aktuellen Website Cache aufrufen.

Folgende Befehle gibt es meines Wissens:

Zeichen	Funktion	Beispiel
“	Der Text innerhalb, muss genau in der Reihenfolge vorkommen.	“testx freehoster”
+	Das nachfolgende Wort muss vorkommen.	+testx
-	Das folgende Wort darf nicht vorkommen.	-testx
*	Einen Platzhalter für einen beliebigen Wert	testx *
site:	Zeigt alle der URL indizierten Seiten an.	site:www.testx.ch
cache:	Zeigt den Cache der Seite an.	cache:www.testx.ch
link:	Zeigt Seiten an, die einen direkten Link auf die Seite haben.	link:www.testx.ch

Man kann die einzelnen Befehle auch kombinieren.

Das ist nur eine kleine Liste der Befehle. Es gibt sicher noch mehr und wenn ihr meint, ihr wisst einen der noch dahin gehört, dann postet ihn doch bitte als Kommentar.

Tutorial// Installation von WBB Lite

Fredi — Mon, 22 Dec 2008 13:01:00 +0000

Zuerst habe ich mir gedacht, ich schreibe das Tutorial selber. Doch dann habe ich mal in Google gesucht und gemerkt. Es gibt bereits mehr als genug Tutorials darüber. Deshalb habe ich jetzt einen Link den ich persönlich am besten fand, gepostet.

Spielerboard

mfg

Mobloggen ohne Mail…

Fredi — Sun, 07 Dec 2008 12:09:17 +0000

Es wird ja immer mehr vom Mobloggen gerdetet. Irgentwann, moechte man das auch ganz gerne selbermachen. Nur was ist, wenn der eigene Hoster keine fsock erlaubt? Dann ist es nicht moeglich einen Email Account abzurufen… Ich zeige hier die Moeglichkeit, ohne Email und SMS etc. zu Mobloggen. Das ganze geht leider nur ohne Bilder.

Als erstes braucht man diese Plugins:

Das erste ermoeglicht es, sobald man mit dem Handy auf den Blog geht, diesen optimiert anzuzeigen. Das zweite stellt einen fuer Handys zugeschnittene Adminoberflaeche bereit.

[ad]Nachdem man beide installiert hat, kann man eigentlich sofort loslegen. Man geht also mit dem Handy oder PDA auf den Blog, gibt die URL zum Adminbereich ein und tipt die Nutzerdaten ein. Nun muss man das Haeckchen Mobile Adminoberflaeche benutzen aktivieren. Danach kann man ganz einfach einen neuen Artikel schreiben etc. Da das ganze praktisch keine Bilder anzeigt, sollte es nicht zu teuer werden, falls man ueber das Handynetz ins Inet geht.

mfg