登录框和注册框是默认隐藏的,通过点击打开,在打开其中一个的时候,另一个会关闭。同时点击登录框或注册框中的“取消”按钮,也会关闭登录框或者是注册框。
1、在登录或注册成功后会进入登录状态,地址栏后会附加上“?user=用户名”的信息,同时将网页顶部的“登录|注册”按钮层隐藏,用“欢迎!xxxx登录”代替,并显示注销按钮。
登录前:
登录后:
登录和注册处的html代码
<div id="head_main_account">
<div id="top1" style="display:none">欢迎!<?php echo $_GET['user'] ?> 登录 <a href="./index.php">(注销)</a></div>
<div id="top2"><a href="javascript:void(0);" οnclick="showDiv('landing','register');">登录</a> | <a href="javascript:void(0);" οnclick="showDiv('register','landing');">注册</a></div>
</div>
2、登录框和注册框html代码
<!--登录与注册-->
<div id="landing" style="display:none;">
<div class="inside">
<br/>
<center>欢迎登录网上电子投票系统</center>
<form action="" method="post">
<table>
<tr><td>用户名:</td><td><input type="text" name="username"/></td></tr>
<tr><td>密 码:</td><td><input type="password" name="password"/></td></tr>
<tr><td></td><td><input type='submit' name='up' id='up' value='登录'/>
<input type="reset"/>
<input type="button" value="取消" οnclick="exitDiv('landing');"></td></tr>
</table>
</form>
</div>
</div>
<div id="register" style="display:none;">
<div class="inside">
<br/>
<center>欢迎注册网上电子投票系统</center>
<form action="" method="post">
<table>
<tr><td>用户名:</td><td><input type="text" name="username"/></td></tr>
<tr><td>密 码:</td><td><input type="password" name="password1"/></td></tr>
<tr><td>再次输入密码:</td><td><input type="password" name="password2"/></td></tr>
<tr><td></td><td><input type="submit" name='in' id='in' value="注册"/>
<input type="reset"/>
<input type="button" value="取消" οnclick="exitDiv('register');"></td></tr>
</table>
</form>
</div>
</div>
<!--登录与注册(结束)-->
3、点击登录后,网站后台会接受到表单传递的name为up或in的post模式的数据。后台在得到这些数据后会调用相应的方法,实现用户的检查和登录。
(1)登录部分的代码
<?php
//登录
mysql_query('set names utf8');
if(@$_POST['up']){
$user1=@$_POST[username];
$password1=@$_POST[password];
$sql="SELECT password FROM users WHERE username='$_POST[username]'";
$rpassword=mysql_query($sql);
$row=mysql_fetch_row($rpassword);
if($row[0]==$password1){
echo "<script language='javascript'>".
"location.href='index.php?user=".$user1."';alert('登录成功');</script>";
}else{
echo "<script language='javascript'> alert('输入有误,登录失败!'); </script>";
}
}
?>
a、设置页面的为utf8格式
mysql_query('set names utf8');
b、检测是否取得了up的数据
if(@$_POST['up']){
c、获取数据库的密码
$sql="SELECT password FROM users WHERE username='$_POST[username]'";
$rpassword=mysql_query($sql);
$row=mysql_fetch_row($rpassword);
d、检测输入的密码是否正确
正确的情况下跳转到主页并且在地址栏的后面添加用户名的信息,同时弹出提示框“登陆成功”。错误的情况下弹出提示框“输入有误,登录失败!”
if($row[0]==$password1){
echo "<script language='javascript'>".
"location.href='index.php?user=".$user1."';alert('登录成功');</script>";
}else{
echo "<script language='javascript'> alert('输入有误,登录失败!'); </script>";
}
(2)注册部分的代码
<?php
//注册
if(@$_POST['in']){
$user1=@$_POST[username];
$password1=@$_POST[password1];
$password2=@$_POST[password2];
if($password1==$password2){
$sql="insert into users(username,password) value('$user1','$password1')";
mysql_query($sql);
echo "<script language='javascript'>".
"location.href='index.php?user=".$user1."';alert('注册成功');</script>";
}else{
echo "<script language='javascript'> alert('输入有误,注册失败!'); </script>";
}
}
?>
a、检测是否取得了in的数据
if(@$_POST['in']){
b、获得输入的数据
$user1=@$_POST[username];
$password1=@$_POST[password1];
$password2=@$_POST[password2];
c、两次输入的密码是否相同
if($password1==$password2){
d、向数据库中添加用户信息并提示
$sql="insert into users(username,password) value('$user1','$password1')";
mysql_query($sql);
echo "<script language='javascript'>".
"location.href='index.php?user=".$user1."';alert('注册成功');</script>";
4、登录后,在主页接受登录信息
<?php
@include("./conn.php");
@include("./file.php");
mysql_query('set names utf8');
//设置$ad的值,用来编辑链接
$ouser=@$_GET['user'];
$ad='';
if($ouser != ''){
$ad='?user='.$ouser.' ';
}
?>
5、在登录成功后,用户可以点击主页任一个投票都可以进入投票页面,完成投票。可以浏览“我的投票”界面,查看自己发布的投票的结果,也可以发布新的投票。