首先，这是一个很简单的登陆注册页面，请不要在意美观及设计，重点在于登录注册这个功能。这个项目由五个分页组成：
1.index.php ：一个简单的首页，有login register，当用户登录之后，在cookie的有效期内，这两个按钮会变成用户名。
2.login.html ：主要包括了一个登录的表单，上面简单的美化是组里的前端用javascript做的，其中很重要的一点是表单中的 method='post' action='login.php' 是这个起到了与服务器端运行的php连接与传输的作用。表单标签中的name属性也很重要，php文件中将通过POST['name']来得到用户输入的数据。
3.login.php ：php文件在得到了html表单传输过来的数据之后，询问数据库，查询是否存在与用户输人信息相同的信息。如果存在，则给用户设置一个COOKIE，使他在一段时间内保持登录状态。
4.register.html：与login.html类似，连接php文件，传送到服务器中。用到了一些javascript的方式来判断用户输入是否合法。
5.register.php：接收来自html中用户输入的数据后，将数据存入数据库。
代码如下：
index.php ：
<?php
$flag=0;
//var_dump($_GET);
if(isset($_GET["out"])){
if($_GET["out"]){
setcookie('uname','',time()-1);
$flag=1;//防止服务器接收到getout操作时已经认为该用户有cookie，然后下面的COOKIE[NAME]已经有了，服务器返回给他的才是空的
}
}
if($flag!=1){
$link=mysqli_connect('localhost','root','liqiyao123','test');
if(isset($_COOKIE['uname'])){
$name=$_COOKIE['uname'];
$query=mysqli_query($link,"SELECT username FROM info WHERE username = '$name'");
$row=mysqli_num_rows($query);
if($row==1){
echo "Welcome ".$_COOKIE['uname']."";
echo ' ';
echo '<a href="index.php?out=1">logout</a>';//用户logout
}
}else{
echo '<a href="login.html">login</a>';
echo ' ';
echo '<a href="register.html">register</a>';
}
}
else{
echo '<a href="login.html">login</a>';
echo ' ';
echo '<a href="register.html">register</a>';
}?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>login</title>
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300);
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-weight: 300;
}
body {
font-family: 'Source Sans Pro', sans-serif;
color: white;
font-weight: 300;
}
body ::-webkit-input-placeholder {
/* WebKit browsers */
font-family: 'Source Sans Pro', sans-serif;
color: white;
font-weight: 300;
}
body :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
font-family: 'Source Sans Pro', sans-serif;
color: white;
opacity: 1;
font-weight: 300;
}
body ::-moz-placeholder {
/* Mozilla Firefox 19+ */
font-family: 'Source Sans Pro', sans-serif;
color: white;
opacity: 1;
font-weight: 300;
}
body :-ms-input-placeholder {
/* Internet Explorer 10+ */
font-family: 'Source Sans Pro', sans-serif;
color: white;
font-weight: 300;
}
.wrapper {
background: #50a3a2;
background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);
background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);
position: absolute;
left: 0;
width: 100%;
height: 100%;
/* margin-top: -200px;*/
overflow: hidden;
}
.wrapper.form-success .container h1 {
-webkit-
最低0.47元/天 解锁文章
扫一扫
1345
到【灌水乐园】发言
