Вы будете использовать jQuery, Php и mysql.
ПРИМЕЧАНИЕ: не проверено, но оно поможет вам начать
Ну, во-первых, я начну с построения usertable в вашей БД. Допустим, у вас есть следующие поля:
"Имя пользователя" "пароль" "Privilage" <- (установите INT, где 1 = "admin" 2= "пользователь") </p>
Затем вы должны создать форму для входа в систему (допустим, у вас есть входные данные id = "username" и id = "пароль") и кнопку "login" с id = "login ".
Теперь немного jQuery:
$(document).ready(function(){
$('#login').click(function(){ // Grab button "login" on click event
var usr = $("#username").val(); // Grab field value from input "username"
var pas = $("#password").val(); // Grab field value from input "password"
var dataString = "usr="+usr+"&pas="+pas;
//Now send your data to a backend file (Php) using $.ajax
$.ajax({
type:'POST',
data: dataString,
url:'backendfile.php', /// loaction and backend filename
success: function(data){ // Callback
// DO STUFF LATER SEE jquery Callback below
}
});
});
});
И для backend.php
//Create your DB connection first
// grab POST
$usr = $_POST['usr'];
$pas = $_POST['pas'];
//Sql call
$sql = "SELECT privilage FROM tabel_name WHERE username='".$usr."' AND password='".$pas."'";
if(myslq_query($sql)){
$priv = mysql_fetch_assoc($sql);
/* will return 1 or 2 depending on the privilage set in you DB where 1 is admin and 2 is user */
echo $priv['privilage'];
}else{
echo 0; // If login fails
}
Теперь вернитесь к jQuery: (обработайте обратный вызов)
В разделе успеха вашего предыдущего вызова ajax.
success: function(data){ // Callback
switch(data){
case 1:
// Do stuff if privilage is 1 (admin)
$("#dialog").dialog('close');
$("#segment").show();
break;
case 2:
// do stuff if result is 2 (user)
$("#dialog").dialog('close');
$("#content").show();
break;
default:
alert('wrong username or password');
break;
}
}
Вот, пожалуйста!Это не проверено, поэтому вы можете столкнуться с некоторыми проблемами, но, эй, это поможет вам начать.
Совет!зашифровать пароль