Пустая страница входа для простого HTML и CSS сайта - PullRequest
Новая
       10

Пустая страница входа для простого HTML и CSS сайта

1 голос
/ 19 июня 2011

Я создаю сайт с HTML и CSS.Я хочу, чтобы в углу страницы был встроен фиктивный логин с минимальной функциональностью, при использовании имени пользователя и пароля должно быть написано «неправильный пароль»!

Я бы позже заменил его реальным входом.Сейчас я просто делаю сайт как доказательство концепции и не хочу вдаваться в сложности, так как я не программист и знаю только HTML и CSS.

Это может быть действительно просточто нужно сделать, но я не смог найти подходящих решений из сети в последние несколько месяцев.: (

Может ли кто-нибудь помочь?

Ответы [ 3 ]

1 голос
/ 19 июня 2011

Вам понадобится серверный язык для обработки учетных данных.Хотя вы можете запустить простую проверку с помощью HTML5 в поле электронной почты (или имени пользователя), вам потребуется серверный язык, такой как PHP, для обработки этих учетных данных.Вы также можете зашифровать пароли, чтобы сделать вашу систему входа более безопасной, используя что-то вроде md5($password);.

Пример

HTML Форма 

<div id="main" role="main"> 
<form method="post" action="#" > 
<fieldset> 
    <label for="username">Username <span class="ico"><img src="img/user.png" alt="Username Icon" border="0" /></span></label> 
    <input type="text" name="username" id="username" required autofocus> 
    <label for="password">Password <span class="ico"><img src="img/pass.png" alt="Password Icon" border="0" /></span></label>  
    <input type="password" name="password" id="password" required>
</fieldset> 
<fieldset> 
    <span class="password"><a href="#">Forgot Password</a></span> 
    <button type=submit>>>&nbsp;&nbsp;&nbsp;GO</button> 
</fieldset> 
</form> 
</div>

Таблица членов SQL

CREATE TABLE `members` (
`id` int(4) NOT NULL auto_increment,
`username` varchar(65) NOT NULL default '',
`password` varchar(65) NOT NULL default '',
PRIMARY KEY (`id`)
) TYPE=MyISAM AUTO_INCREMENT=2 ;

-- 
-- Dumping data for table `members`
--

INSERT INTO `members` VALUES (1, 'john', '1234');

Проверка входа в PHP 

<?php
$host="localhost"; // Host name 
$username=""; // Mysql username 
$password=""; // Mysql password 
$db_name="test"; // Database name 
$tbl_name="members"; // Table name

// Connect to server and select databse.
mysql_connect("$host", "$username", "$password")or die("cannot connect"); 
mysql_select_db("$db_name")or die("cannot select DB");

// username and password sent from form 
$myusername=$_POST['myusername']; 
$mypassword=$_POST['mypassword'];

// To protect MySQL injection (more detail about MySQL injection)
$myusername = stripslashes($myusername);
$mypassword = stripslashes($mypassword);
$myusername = mysql_real_escape_string($myusername);
$mypassword = mysql_real_escape_string($mypassword);

$sql="SELECT * FROM $tbl_name WHERE username='$myusername' and password='$mypassword'";
$result=mysql_query($sql);

// Mysql_num_row is counting table row
$count=mysql_num_rows($result);
// If result matched $myusername and $mypassword, table row must be 1 row

if($count==1){
// Register $myusername, $mypassword and redirect to file "login_success.php"
session_register("myusername");
session_register("mypassword"); 
header("location:login_success.php");
}
else {
echo "Wrong Username or Password";
}
?>

Успешный вход в PHP * 

<? 
session_start();
if(!session_is_registered(myusername)){
header("location:main_login.php");
}
?>

<html>
<body>
Login Successful
</body>
</html>

Выход из PHP 

<? 
session_start();
session_destroy();
?>
0 голосов
/ 19 июня 2011

JavaScript - лучший выбор для вас.очень очень небезопасно, так как люди могут просматривать код JavaScript в «View Source».Или вы всегда можете использовать язык на стороне сервера.Вы не можете делать ничего динамического только с HTML и CSS.

0 голосов
/ 19 июня 2011

Что ж, jtbandes уже почти сказал это: динамический язык должен проверять правильность входа в систему и, конечно же, с данными входа в систему, из соображений безопасности, вы хотите использовать серверный код, такой как PHP или ASP.

Сказав это, действительно кажется бессмысленным делать фиктивный логин, кроме простого построения HTML-кода.Если вы не используете AJAX для отправки данных на ваш веб-сервер, вместо того, чтобы перенаправлять пользователя на страницу обработки, любой и весь код, который вы вставите для «фиктивного», будет пустой тратой времени и будет удален позже.

Как будет выглядеть страница после входа в систему иначе, чем раньше, и что будет причиной этой разницы?Дополнительный GET в URL?

...