当初我觉得一个网站上注册和登录这两个功能很神奇，后来自己研究一下发现其实道理很简单，接下来看一下怎么实现的吧。。。。

我实在我的电脑上建了几个文件：

login.html (登录页面)

register.html（注册页面）

success.html（登录成功跳转页面）

return.html（注册成功页面）

login.php

register.php

登录界面和注册界面以及success.html并没有

什么都是些html标记如下：

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <title>登录界面</title>

 </head>

 <body>

 <form method="post" action="login.php">

 账号：

 <input type="text" name="usernamel"><br/><br/>

 密码：

 <input type="password" name="passwordl">

 <input type="submit" value="登录" name="subl">

 <a href="http://127.0.0.1:8080/register.html">没有账号，注册</a>

 </form>

 </body>

 </html>
 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <title>会员注册</title>

 </head>

 <body>

 <form method="post" action="register.php">

 账&nbsp;&nbsp;户：

 <input type="text" name="username"><br/><br/>

 密&nbsp;&nbsp;码：

 <input type="password" name="password"><br/><br/>

 密码确认：

 <input type="password" name="password2">

 <input type="submit" value="注册" name="sub">

 </form>

 </body>

 </html>


return.html是注册成功之后呈现的页面，里面有一段js代码是用来定时返回登录界面的






 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <title>无标题文档</title>

 </head>

 <body>

 注册成功！<br/>

 5秒后返回登录界面<br/>

 你也可以直接点击回到<a href="http://127.0.0.1:8080/login.html">登录页面</a>

 <script type="text/javascript">

 setTimeout("ren()",5000);

 function ren()

 {

     window.location="http://127.0.0.1:8080/login.html";

 }

 </script>

 </body>

 </html>






register.php这是与注册页面相对应后台页面




 <?php

 $link=mysql_connect("localhost","root","207207");//链接数据库

 header("Content-type:text/html;charset=utf-8");

 if($link)

     {

         //echo"链接数据库成功";

         $select=mysql_select_db("login",$link);//选择数据库

         if($select)

         {

             //echo"选择数据库成功！";

             if(isset($_POST["sub"]))

             {

                 $name=$_POST["username"];

                 $password1=$_POST["password"];//获取表单数据

                 $password2=$_POST["password2"];

                 if($name==""||$password1=="")//判断是否填写

                 {

                     echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."请填写完成！"."\"".")".";"."</script>";

                     echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/register.html"."\""."</script>";

                     exit;

                 }

                 if($password1==$password2)//确认密码是否正确

                 {

                 $str="select count(*) from register where username="."'"."$name"."'";

                 $result=mysql_query($str,$link);

                 $pass=mysql_fetch_row($result);

                 $pa=$pass[0];

                 if($pa==1)//判断数据库表中是否已存在该用户名

                 {

                 echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."该用户名已被注册"."\"".")".";"."</script>";

                 echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/register.html"."\""."</script>";

                 exit;

                 }

                 $sql="insert into register values("."\""."$name"."\"".","."\""."$password1"."\"".")";//将注册信息插入数据库表中

                 //echo"$sql";

                 mysql_query($sql,$link);

                 mysql_query('SET NAMES UTF8');

                 $close=mysql_close($link);

                 if($close)

                 {

                     //echo"数据库关闭";

                     //echo"注册成功！";

                     echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/return.html"."\""."</script>";

                 }

                 }

                 else

                 {

                     echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."密码不一致！"."\"".")".";"."</script>";

                     echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/register.html"."\""."</script>";

                 }

             }

         }

     }

 ?>




login.php登录界面对应后台文件




 <?php
　　header("Content-type:text/html;charset=utf-8");

 $link=mysql_connect("localhost","root","207207");

 if($link)

 {

     $select=mysql_select_db("login",$link);

     if($select)

     {

         if(isset($_POST["subl"]))

         {

             $name=$_POST["usernamel"];

             $password=$_POST["passwordl"];

             if($name==""||$password=="")//判断是否为空

             {

                 echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."请填写正确的信息！"."\"".")".";"."</script>";

                 echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/login.html"."\""."</script>";

                 exit;

             }

             $str="select password from register where username="."'"."$name"."'";

             mysql_query('SET NAMES UTF8');             $result=mysql_query($str,$link);

             $pass=mysql_fetch_row($result);

             $pa=$pass[0];

             if($pa==$password)//判断密码与注册时密码是否一致

             {

                 echo"登录成功！";

                 echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/success.html"."\""."</script>";

             }

             {

                 echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."登录失败！"."\"".")".";"."</script>";

                 echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/login.html"."\""."</script>";

             }

         }

     }

 }

 ?>




自己闲来无事做的还有许多要完善的地方，欢迎大家提问讨论，提供更简便的方法！
												


											
php注册、登录界面的制作的更多相关文章
	

    
						
  1. UI4_注册登录界面
		
    // // ViewController.h // UI4_注册登录界面 // // Created by zhangxueming on 15/7/3. // Copyright (c) 2015年 ...
    
		
    2. 
						
  2. Android 比较好看的注册登录界面
		
    各位看官姥爷: 对于一款android手机app而言,美观的界面使得用户有好的使用体验,而一款好看的注册登录界面也会给用户好的用户体验,那么话不多说,直接上代码 首先是一款简单的界面展示 1.登陆界面 ...
    
		
    3. 
								
  3. 用jsp实现网站登录界面的制作，并连接数据库
		
    课堂测试 任务需求: 撰写一篇博客 需要网站系统开发需要掌握的技术: 本次课堂测试的源程序代码: 运行结果截图: 说明课堂测试未按时完成的原因. 列出你对这门课的希望和自己的目标,并具体列出你计划每周 ...
    
		
    4. 
						
  4. html简约风用户登录界面网页制作html5-css-jquary-学习模版
		
    2018--12-12 喜迎双十二,咳咳,,,,我不是打广告哈,购物的节日也不要忘记学习. 大家好,我又来了. 今天抽出来空把自己的学习心得给大家分享,这是一个可开发可扩展的用户登录界面,用于开发学习 ...
    
		
    5. 
						
  5. Android开发实例之miniTwitter登录界面的实现
		
    原文: http://www.jizhuomi.com/android/example/134.html 本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界 ...
    
		
    6. 
						
  6. RxSwift 实战操作【注册登录】
		
    前言 看了前面的文章,相信很多同学还不知道RxSwift该怎么使用,这篇文件将带领大家一起写一个 注册登录(ps:本例子采用MVVM)的例子进行实战.本篇文章是基于RxSwift3.0写的,采用的是C ...
    
		
    7. 
						
  7. vue2.0+koa2+mongodb实现注册登录
		
    前言 前段时间和公司一个由技术转产品的同事探讨他的职业道路,对我说了一句深以为然的话: "不要把自己禁锢在某一个领域,技术到产品的转变,首先就是思维上的转变.你一直做前端,数据的交互你只知道 ...
    
		
    8. 
						
  8. 使用Axure RP原型设计实践03,制作一个登录界面的原型
		
    本篇体验做一个登录界面的原型. 登录页 首先在Page Style里为页面设置背景色. 如果想在页面中加图片,就把Image部件拖入页面,并设置x和y轴.双击页面中的Image部件可以导入图片.在Im ...
    
		
    9. 
						
  9. CSS样式案例(2)-制作一个简单的登录界面
		
    首先来张完工的效果图. 一.html文件如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. VsCode 使用专用编程字体FiraCode
			
    FiraCode资料:https://github.com/tonsky/FiraCode PHP代码效果如下: VsCode 配置中添加: "editor.fontFamily" ...
    
			
    2. 
						
  2. 使用cloudreve搭建个人网盘
			
    这次将腾迅的对象存储cos挂载到了服务器上,就想自己搭建个网盘,虽然每月50G的空间和10G流量,也够用了 之前写过使用owncloud来搭建个人网盘,使用起来挺方便,就是不知道为什么感觉打开速度慢, ...
    
			
    3. 
						
  3. XQuery 术语
			
    XQuery 术语 节点 在 XQuery 中,有七种节点:元素.属性.文本.命名空间.处理指令.注释.以及文档(根)节点.XML 文档是被作为节点树来对待的.树的根被称为文档节点或者根节点. 请看下 ...
    
			
    4. 
						
  4. [Swift]LeetCode129. 求根到叶子节点数字之和 | Sum Root to Leaf Numbers
			
    Given a binary tree containing digits from 0-9 only, each root-to-leaf path could represent a number ...
    
			
    5. 
						
  5. [Swift]LeetCode838. 推多米诺 | Push Dominoes
			
    There are N dominoes in a line, and we place each domino vertically upright. In the beginning, we si ...
    
			
    6. 
						
  6. [Swift]LeetCode839. 相似字符串组 | Similar String Groups
			
    Two strings X and Y are similar if we can swap two letters (in different positions) of X, so that it ...
    
			
    7. 
						
  7. openstack快速安装之packstack
			
    最简单的openstack安装方式之packstack 一.环境准备 我们安装的是all-in-one环境的openstack,测试机IP:192.168.1.10 [root@openstack ~ ...
    
			
    8. 
						
  8. JavaScript03-基本概念一
			
    js包括:语法.语句.类型.关键字.保留字.操作符和对象. 语法.关键字.保留字 1.js中一切区分大小写,包括变量.函数名.操作符: 2.标识符规则,第一个字符必须是字母.下划线_.或者美元符号,其 ...
    
			
    9. 
						
  9. 【Spark篇】---SparkStream初始与应用
			
    一.前述 SparkStreaming是流式处理框架,是Spark API的扩展,支持可扩展.高吞吐量.容错的实时数据流处理,实时数据的来源可以是:Kafka, Flume, Twitter, Zer ...
    
			
    10. 
						
  10. 【Sqoop篇】----Sqoop从搭建到应用案例
			
    一.前述 今天开始讲解Sqoo的用法搭建和使用.Sqoop其实功能非常简单.主要用于在Hadoop(Hive)与传统的数据库(mysql.postgresql...)间进行数据的传递,可以将一个关系型 ...
    
			
    11.