php登录注册页面(新手)
2016-11-12 15:47
537 查看
php小白练手作业。代码有待完善。
需要完善的点:
1.我的验证码不能区分大小写,主要原因是不会将js中的数据传输到php中。
2.其中html部分是上学期写的代码,有些部分也还需要完善,有的地方有冗余。
3.由于是一边学一边做的,有一些传值没有用到,之后要改进。
4.不会在php中让ID自增,导致每次得自己输值进去。
欢迎各位高手指点!在下感激不尽!
conn.php:
<?php
$conn = mysqli_connect("localhost","root","root","db_user")or die("数据库连接失败!".mysql_error());
mysqli_query($conn,"set names utf8");
?>
load.php:
<html>
<head>
<title>用户登录</title>
<style type="text/css">
.container{
width:1024px;
height:768px;
margin:0 auto;
background-image:url(image/load.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size:100%;
}
</style>
<style type="text/css">
.code{
font-family:Arial,宋体;
font-style:italic;
color:green;
border:0;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged {
border:0;
}
</style>
<script language="javascript" type="text/javascript">
var code ;
function createCode(){
code = new Array();
var codeLength = 4;
var checkCode = document.getElementById("checkCode");
checkCode.value = "";
var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');
for(var i=0;i<codeLength;i++) {
var charIndex = Math.floor(Math.random()*32);
code +=selectChar[charIndex];
}
if(code.length != codeLength){
createCode();
}
checkCode.value = code;
}
function validate () {
var inputCode = document.getElementById("input1").value.toUpperCase();
if(inputCode.length <=0) {
alert("请输入验证码!");
return false;
}
else if(inputCode != code ){
alert("验证码输入错误!");
createCode();
return false;
}
else {
alert("验证码输入正确!");
return true;
}
}
</script>
<script type = "text/javascript">
function checkform(form){
if(form.user.value == ""){
alert("请输入用户名!");
form.user.focus();
return false;
}
if(form.pwd.value == ""){
alert("请输入密码!");
form.user.focus();
return false;
}
if(form.yanzheng.value == ""){
alert("请输入验证码!");
form.user.focus();
return false;
}
}
</script>
</head>
<body onLoad="createCode();">
<div class="container">
<br/><br/><br/><br/>
<h3><strong
cb09
><center> 用户登录</center></strong></h3>
<center>
<form action="loadpost.php" id="form1" name="form1" method="post" style="width:200px" onsubmit="return checkform(form1)">
<fieldset>
<table width="320" border="0" cellpadding="6" align="center">
<legend>在线登录</legend>
<tr>
<td align="right">账号:</td>
<td><input type="text" name="user"/></td>
</tr>
<tr>
<td align="right">密码:</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td align="right">验证码:</td>
<td ><input type="text" id="input1" name="yanzheng"/></td>
</tr>
<tr>
<td align="right"></td>
<td align="left"><input type="text" name="yanzhengma" id="checkCode" class="code" onClick="createCode()" /><a href="#" onClick="createCode()">看不清楚</a></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="登录">
</td>
</tr>
</table>
</fieldset>
</form>
</center>
</div>
</body>
</html>
loadpost.php:
<?php
session_start();
$user = $_POST['user'];
$pwd = $_POST['pwd'];
$yanzheng = $_POST['yanzheng'].toUpperCase();
$yanzhengma = $_POST['yanzhengma'];
if($yanzheng != $yanzhengma){
echo "<script>alert('验证码有误,请重新输入!');location='load.php';</script>";
}else{
include_once("conn.php");
$sql = mysqli_query($conn,"select * from tb_user where user='".$user."'and pwd='".$pwd."'");
$num = mysqli_num_rows($sql);
if($num>0){
$_SESSION['user']=$user;
$_SESSION['time']=time();
echo "<script>alert('登陆成功!');location='show.php';</script>";
}else{
echo "<script>alert('账号或密码不正确!');location = 'load.php';</script>";
}
}
?>
zhuce.php:
<form id="form1" name="form1" method="post" action="zhucepost.php">
<table width="503" border="0" align="center" cellspacing="1" bgcolor="#BBBBBB">
<tr>
<td height="46" colspan="2" bgcolor="#DDDDDD"><font color="#333333" size="+2">个人注册</font></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">姓名:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><input type="text" name="name"></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">ID:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><input type="text" name="id"></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">用户名:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><input type="text" name="user"></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">密码:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><input type="text" name="pwd"></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">性别:</td>
<td height="20" bgcolor="#DDDDDD"><input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女</td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">生日:</td>
<td height="20" bgcolor="#DDDDDD"><select name="year">
<?php
for($i=1900;$i<=2100;$i++){
echo "<option value=".$i."".($i == 1998?" selected ":"").">".$i."年</option>";
}
?>
</select>
<select name="month">
<?php
for($i=1;$i<=12;$i++){
echo "<option value=".$i."".($i == 1?" selected ":"").">".$i."月</option>";
}
?>
</select></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">爱好:</td>
<td height="20" bgolor="#DDDDDD"><input type="checkbox" name="interest[]" value="看电影">看电影
<input type="checkbox" name="interest[]" value="听音乐">听音乐
<input type="checkbox" name="interest[]" value="演奏乐器">演奏乐器
<input type="checkbox" name="interest[]" value="打篮球">打篮球
<input type="checkbox" name="interest[]" value="看书">看书
<input type="checkbox" name="interest[]" value="上网">上网</td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">地址:</td>
<td height="20" bgcolor="#DDDDDD"><input type="text" name="address"></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">电话:</td>
<td height="20" bgcolor="#DDDDDD"><input type="text" name="tel"></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">qq:</td>
<td height="20" bgcolor="#DDDDDD"><input type="text" name="qq"></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">自我评价:</td>
<td height="20" bgcolor="#DDDDDD"><input type="text" name="comment" cols="30" rows="5"></textarea></td>
</tr>
<tr>
<td bgcolor="#DDDDDD"> </td>
<td bgcolor="#DDDDDD"><input type="submit" name="Submit" value="提交">
<input type="reset" name="Submit2" value="重置"></td>
</tr>
</table>
</form>
zhucepost.php:
<table width="503" border="0" align="center" cellspacing="1" bgcolor="#BBBBBB">
<tr>
<td height="46" colspan="2" bgcolor="#DDDDDD"><font color="#333333" size="+2">个人信息</font></td>
</tr>
<tr>
<td width="104" height="20" align="right" bgcolor="#DDDDDD">姓名:</td>
<td width="390" bgcolor="#DDDDDD"><?php echo $_POST['name'];?></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">ID:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><?php echo $_POST['id'];?></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">用户名:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><?php echo $_POST['user'];?></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">密码:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><?php echo $_POST['pwd'];?></td>
</tr>
<?php
include_once("conn.php");
if($_POST['id'] and $_POST['user'] and $_POST['pwd']){
$sqlstr1 = "insert into tb_user values('".$_POST['id']."','".$_POST['user']."','".$_POST['pwd']."','','')";
$result = mysqli_query($conn,$sqlstr1);
}
?>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">性别:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['sex'];?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">生日:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['year']."年".$_POST['month']."月";?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">爱好:</td>
<td height="20" bgcolor="#DDDDDD">
<?php
for($i=0;$i<count($_POST['interest']);$i++){
echo $_POST['interest'][$i]."\n";
}
?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">地址:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['address'];?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">电话:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['tel'];?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">qq:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['qq'];?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">自我评价:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['comment'];?></td>
</tr>
</table>
show.php:
<?php
if(!isset($_SESSION['time'])){
echo "<script>alert('您无权限查看本页面,请先登录!';location = 'load.php';</script>";
}elseif(time() - $_SESSION['time']<600){
$_SESSION['time'] = time();
}else{
echo "<script>alert('登陆超时,请重新登录!');location='load.php';</script>";
}
?>
<p>欢迎你登录成功!</p>
需要完善的点:
1.我的验证码不能区分大小写,主要原因是不会将js中的数据传输到php中。
2.其中html部分是上学期写的代码,有些部分也还需要完善,有的地方有冗余。
3.由于是一边学一边做的,有一些传值没有用到,之后要改进。
4.不会在php中让ID自增,导致每次得自己输值进去。
欢迎各位高手指点!在下感激不尽!
conn.php:
<?php
$conn = mysqli_connect("localhost","root","root","db_user")or die("数据库连接失败!".mysql_error());
mysqli_query($conn,"set names utf8");
?>
load.php:
<html>
<head>
<title>用户登录</title>
<style type="text/css">
.container{
width:1024px;
height:768px;
margin:0 auto;
background-image:url(image/load.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size:100%;
}
</style>
<style type="text/css">
.code{
font-family:Arial,宋体;
font-style:italic;
color:green;
border:0;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged {
border:0;
}
</style>
<script language="javascript" type="text/javascript">
var code ;
function createCode(){
code = new Array();
var codeLength = 4;
var checkCode = document.getElementById("checkCode");
checkCode.value = "";
var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');
for(var i=0;i<codeLength;i++) {
var charIndex = Math.floor(Math.random()*32);
code +=selectChar[charIndex];
}
if(code.length != codeLength){
createCode();
}
checkCode.value = code;
}
function validate () {
var inputCode = document.getElementById("input1").value.toUpperCase();
if(inputCode.length <=0) {
alert("请输入验证码!");
return false;
}
else if(inputCode != code ){
alert("验证码输入错误!");
createCode();
return false;
}
else {
alert("验证码输入正确!");
return true;
}
}
</script>
<script type = "text/javascript">
function checkform(form){
if(form.user.value == ""){
alert("请输入用户名!");
form.user.focus();
return false;
}
if(form.pwd.value == ""){
alert("请输入密码!");
form.user.focus();
return false;
}
if(form.yanzheng.value == ""){
alert("请输入验证码!");
form.user.focus();
return false;
}
}
</script>
</head>
<body onLoad="createCode();">
<div class="container">
<br/><br/><br/><br/>
<h3><strong
cb09
><center> 用户登录</center></strong></h3>
<center>
<form action="loadpost.php" id="form1" name="form1" method="post" style="width:200px" onsubmit="return checkform(form1)">
<fieldset>
<table width="320" border="0" cellpadding="6" align="center">
<legend>在线登录</legend>
<tr>
<td align="right">账号:</td>
<td><input type="text" name="user"/></td>
</tr>
<tr>
<td align="right">密码:</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td align="right">验证码:</td>
<td ><input type="text" id="input1" name="yanzheng"/></td>
</tr>
<tr>
<td align="right"></td>
<td align="left"><input type="text" name="yanzhengma" id="checkCode" class="code" onClick="createCode()" /><a href="#" onClick="createCode()">看不清楚</a></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="登录">
</td>
</tr>
</table>
</fieldset>
</form>
</center>
</div>
</body>
</html>
loadpost.php:
<?php
session_start();
$user = $_POST['user'];
$pwd = $_POST['pwd'];
$yanzheng = $_POST['yanzheng'].toUpperCase();
$yanzhengma = $_POST['yanzhengma'];
if($yanzheng != $yanzhengma){
echo "<script>alert('验证码有误,请重新输入!');location='load.php';</script>";
}else{
include_once("conn.php");
$sql = mysqli_query($conn,"select * from tb_user where user='".$user."'and pwd='".$pwd."'");
$num = mysqli_num_rows($sql);
if($num>0){
$_SESSION['user']=$user;
$_SESSION['time']=time();
echo "<script>alert('登陆成功!');location='show.php';</script>";
}else{
echo "<script>alert('账号或密码不正确!');location = 'load.php';</script>";
}
}
?>
zhuce.php:
<form id="form1" name="form1" method="post" action="zhucepost.php">
<table width="503" border="0" align="center" cellspacing="1" bgcolor="#BBBBBB">
<tr>
<td height="46" colspan="2" bgcolor="#DDDDDD"><font color="#333333" size="+2">个人注册</font></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">姓名:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><input type="text" name="name"></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">ID:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><input type="text" name="id"></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">用户名:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><input type="text" name="user"></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">密码:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><input type="text" name="pwd"></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">性别:</td>
<td height="20" bgcolor="#DDDDDD"><input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女</td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">生日:</td>
<td height="20" bgcolor="#DDDDDD"><select name="year">
<?php
for($i=1900;$i<=2100;$i++){
echo "<option value=".$i."".($i == 1998?" selected ":"").">".$i."年</option>";
}
?>
</select>
<select name="month">
<?php
for($i=1;$i<=12;$i++){
echo "<option value=".$i."".($i == 1?" selected ":"").">".$i."月</option>";
}
?>
</select></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">爱好:</td>
<td height="20" bgolor="#DDDDDD"><input type="checkbox" name="interest[]" value="看电影">看电影
<input type="checkbox" name="interest[]" value="听音乐">听音乐
<input type="checkbox" name="interest[]" value="演奏乐器">演奏乐器
<input type="checkbox" name="interest[]" value="打篮球">打篮球
<input type="checkbox" name="interest[]" value="看书">看书
<input type="checkbox" name="interest[]" value="上网">上网</td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">地址:</td>
<td height="20" bgcolor="#DDDDDD"><input type="text" name="address"></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">电话:</td>
<td height="20" bgcolor="#DDDDDD"><input type="text" name="tel"></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">qq:</td>
<td height="20" bgcolor="#DDDDDD"><input type="text" name="qq"></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">自我评价:</td>
<td height="20" bgcolor="#DDDDDD"><input type="text" name="comment" cols="30" rows="5"></textarea></td>
</tr>
<tr>
<td bgcolor="#DDDDDD"> </td>
<td bgcolor="#DDDDDD"><input type="submit" name="Submit" value="提交">
<input type="reset" name="Submit2" value="重置"></td>
</tr>
</table>
</form>
zhucepost.php:
<table width="503" border="0" align="center" cellspacing="1" bgcolor="#BBBBBB">
<tr>
<td height="46" colspan="2" bgcolor="#DDDDDD"><font color="#333333" size="+2">个人信息</font></td>
</tr>
<tr>
<td width="104" height="20" align="right" bgcolor="#DDDDDD">姓名:</td>
<td width="390" bgcolor="#DDDDDD"><?php echo $_POST['name'];?></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">ID:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><?php echo $_POST['id'];?></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">用户名:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><?php echo $_POST['user'];?></td>
</tr>
<tr>
<td width="82" height="20" align="right" bgcolor="#DDDDDD">密码:</td>
<td width="450" height="20" bgcolor="#DDDDDD"><?php echo $_POST['pwd'];?></td>
</tr>
<?php
include_once("conn.php");
if($_POST['id'] and $_POST['user'] and $_POST['pwd']){
$sqlstr1 = "insert into tb_user values('".$_POST['id']."','".$_POST['user']."','".$_POST['pwd']."','','')";
$result = mysqli_query($conn,$sqlstr1);
}
?>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">性别:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['sex'];?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">生日:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['year']."年".$_POST['month']."月";?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">爱好:</td>
<td height="20" bgcolor="#DDDDDD">
<?php
for($i=0;$i<count($_POST['interest']);$i++){
echo $_POST['interest'][$i]."\n";
}
?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">地址:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['address'];?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">电话:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['tel'];?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">qq:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['qq'];?></td>
</tr>
<tr>
<td height="20" align="right" bgcolor="#DDDDDD">自我评价:</td>
<td height="20" bgcolor="#DDDDDD"><?php echo $_POST['comment'];?></td>
</tr>
</table>
show.php:
<?php
if(!isset($_SESSION['time'])){
echo "<script>alert('您无权限查看本页面,请先登录!';location = 'load.php';</script>";
}elseif(time() - $_SESSION['time']<600){
$_SESSION['time'] = time();
}else{
echo "<script>alert('登陆超时,请重新登录!');location='load.php';</script>";
}
?>
<p>欢迎你登录成功!</p>
相关文章推荐
- 小白教程——Windows下用PHP写一个简单的登录注册页面(一)
- php登录注册页面及加载
- 一个简单的注册登录页面(包括阿里大于的手机验证)html+JS+AJAX+PHP
- php 简单的注册和登录,带数据库。适合新手学习。
- PHP用户登录与注册页面
- 适合新手动手实践的PHP搭配mysql的小项目--02实现注册页面
- php+ajax 登录注册页面
- 小白教程——Windows下用PHP写一个简单的登录注册页面(二)
- PHP登录注册系统上篇(比较适合新手)
- 用php怎么写一个用户注册登录的页面呢?
- UCHome2.0 do_register.php用户注册页面的代码分析
- 项目登录、注册页面的收获
- Titanium教程day4-php+MySQL后台做注册登录模块
- php如何更好更有效的实现-----用户注册页面
- 我的第一个PHP程序--用户登录页面
- 如何设计网站的登录注册页面
- php简单登录注册处理
- apache+php+mysql 不能登录页面
- 使用PHP返回需要登录验证的HTML页面
- php自动注册登录验证机制实现代码