企业管理系统定制开发PHP+MySQL制作简单的用户注册登录界面（注释超详细~附源代码）

成果

企业管理系统定制开发网站能实现判断账户信企业管理系统定制开发息是否合法，企业管理系统定制开发同时附带验证码验证登录。企业管理系统定制开发在用户输入正确的用户企业管理系统定制开发名与密码后会有登录成功的弹窗，若输入的账户不存在，则会跳转至注册页面。

 

 实现过程

项目文件分配：

1.首先创建login.html

实现的是用户登录的界面，可以自定义css美化页面，这里主要目的是功能的实现而非界面美观。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>用户登录</title>
  6. <link href=../css/login.css rel="stylesheet"/>
  7. </head>
  8.  
  9. <body background="./images/loginbg.png" style="background-size: 100% 100%;background-attachment: fixed;">
  10. <div class=box>
  11. 	<div class=title>用户登录</div>
  12. 	<form action="../login.php" method="post">
  13. 		<table class=login>
  14. 			<tr><th>用户名：</th><td><input type="text" name="username"/></td></tr>
  15. 			<tr><th>密码：</th><td><input type="password" name="password"/></td></tr>
  16. 			<tr><th>验证码：</th><td><input type="text" name="captcha"/></td></tr>
  17. 			<tr><th></th><td><img src="../code.php"/></td></tr>
  18. 			<tr><th></th><td><input type="submit" value="登录"/><a href="register.php"><input type="button" value='前往注册'></a></td>
  19. 						
  20. 			</tr>
  21. 			
  22. 		</table>
  23. 	
  24. 	</form>
  25. </div>
  26. </body>
  27. </html>

2.创建login.php，将其与login.html关联

  1. <?php
  2. header('content-type:text/html;charset=utf-8');
  3. //登录界面
  4. require 'login_db_connect.php';//连接数据库
  5.  
  6.  
  7. //判断表单是否提交,用户名密码是否提交
  8. if (isset($_POST['username'])&&isset($_POST['password'])){//登录表单已提交
  9.     
  10.     //获取用户输入的验证码
  11.     $captcha = isset($_POST['captcha']) ? trim($_POST['captcha']) : '';
  12.     //获取Session中的验证码
  13.     session_start();
  14.     if(empty($_SESSION['captcha'])){  //如果Session中不存在验证码，则退出
  15.         exit('验证码已经过期，请返回并刷新页面重试。');
  16.     }
  17.     //获取验证码并清除Session中的验证码
  18.     $true_captcha = $_SESSION['captcha'];
  19.     unset($_SESSION['captcha']); //限制验证码只能验证一次，防止重复利用
  20.     //忽略字符串的大小写，进行比较
  21.     if(strtolower($captcha) !== strtolower($true_captcha)){
  22.         exit('您输入的验证码不正确！请返回并刷新页面重试。');
  23.     }
  24.     //验证码验证通过，继续判断用户名和密码
  25.     //获取用户输入的用户名密码
  26.     $username=$_POST["username"];
  27.     $pwd=$_POST["password"];
  28.     $sql="select id,username,password from user where username='$username' and password='$pwd';";
  29.     $result=mysqli_query($con, $sql);//执行sql语句
  30.     $row=mysqli_num_rows($result);//返回值条目
  31.     if (!$row){//若返回条目不存在则证明该账号不存在或者密码输入错误
  32.         echo "<script>alert('账号不存在或密码错误，点击前往注册');location='./register.php'</script>";
  33.         //exit('账号或密码错误');
  34.     }else{//存在返回条目证明用户账号密码匹配，进入主页面
  35.         session_start();
  36.         $_SESSION['username']=$_POST['username'];
  37.         echo "<script>alert('欢迎');location='./index.php'</script>";
  38.     }   
  39. }
  40.  
  41.  
  42. require './view/login.html';

3.注册页面register.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>用户注册</title>
  6. <link href=../css/login.css rel="stylesheet"/>
  7. </head>
  8.  
  9. <body background="./images/loginbg.png" style="background-size: 100% 100%;background-attachment: fixed;">
  10. <div class=box>
  11. 	<div class=title>用户注册</div>
  12. 	<form action="../register.php" method="post">
  13. 		<table class=login>
  14. 			<tr><th>用户名：</th><td><input type="text" name="username"/></td></tr>
  15. 			<tr><th>密码：</th><td><input type="password" name="pwd"/></td></tr>
  16. 			<tr><th></th><td><input type="submit" value="注册"/></td>
  17. 			</tr>
  18. 			
  19. 		</table>
  20. 	
  21. 	</form>
  22. </div>
  23. </body>
  24. </html>

4.创建register.php，与register.html关联。

  1. <?php
  2. header('content-type:text/html;charset=utf-8');
  3. //注册页面
  4. require 'login_db_connect.php';//连接数据库
  5.  
  6. //判断表单是否提交,用户名密码是否提交
  7. if (isset($_POST['username'])&&isset($_POST['pwd'])){//登录表单已提交
  8.     //获取用户输入的用户名密码
  9.     $user=$_POST["username"];
  10.     $pwd=$_POST["pwd"];
  11.     //判断提交账号密码是否为空
  12.     if ($user=='' || $pwd==''){
  13.         exit('账号或密码不能为空');
  14.     }else {
  15.         $sql="insert into user(username,password) values ('$user','$pwd');";//添加账户sql语句
  16.         $select="select username from user where username='$user'";
  17.         $result=mysqli_query($con, $select);//执行sql语句
  18.         $row=mysqli_num_rows($result);//返回记录数
  19.         if(!$row){//记录数不存在则说明该账户没有被注册过
  20.             if (mysqli_query($con,$sql)){//查询insert语句是否成功执行，成功将返回 TRUE。如果失败，则返回 FALSE。
  21.                 //跳转登录页面
  22.                 echo "<script>alert('注册成功，请登录');location='./login.php'</script>";
  23.             }else{//失败则重新跳转注册页面
  24.                 echo "<script>alert('注册失败，请重新注册');location='./regsiter.php'</script>";
  25.             }
  26.         }else{//存在记录数则说明注册的用户已存在
  27.             echo "<script>alert('该用户已经存在，请直接登录');location='./login.php'</script>";
  28.         }
  29.     }  
  30. }
  31.  
  32.  
  33. require './view/register.html';

5.创建code.php,用于生成验证码

  1. <?php
  2. //用于生成验证码
  3. //创建验证码画布
  4. $img_w = 100;  //验证码的宽度
  5. $img_h = 30;   //验证码的高度
  6. $img = imagecreatetruecolor($img_w, $img_h);         //创建画布
  7. $bg_color = imagecolorallocate($img,0xcc,0xcc,0xcc); //画布颜色
  8. imagefill($img,0,0,$bg_color);                       //背景色
  9.  
  10. //生成验证码文本
  11. $count = 4; //验证码位数
  12. $charset = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789'; //随机因子
  13. $charset_len = strlen($charset)-1; //计算随机因子长度（作为取出时的索引）
  14. $code = ''; //保存生成的验证码
  15. for($i=0; $i<$count; ++$i) {
  16. //通过索引取出字符，mt_rand()用于获取指定范围内的随机数
  17.     $code .= $charset[mt_rand(0,$charset_len)];
  18. }
  19.  
  20. //将生成的文本保存到Session中
  21. session_start();//启动session
  22. $_SESSION['captcha'] = $code;
  23.  
  24. //在画布中绘制验证码文本
  25. $fontSize = 16;    //文字大小
  26. $fontStyle = './fonts/SourceCodePro-Bold.ttf'; //字体样式
  27. //生成指定长度的验证码
  28. for($i=0; $i<$count; ++$i){
  29.     //随机生成字体颜色
  30.     $fontColor = imagecolorallocate($img,mt_rand(0,100),mt_rand(0,50),mt_rand(0,255));
  31.     imagettftext (
  32.         $img,        //画布资源
  33.         $fontSize,  //文字大小
  34.         mt_rand(0,20) - mt_rand(0,25),            //随机设置文字倾斜角度
  35.         $fontSize*$i+20,mt_rand($img_h/2,$img_h), //随机设置文字坐标，并自动计算间距
  36.         $fontColor,  //文字颜色
  37.         $fontStyle,  //文字字体
  38.         $code[$i] 	 //文字内容
  39.         );
  40. }
  41.  
  42. //为验证码图片生成彩色噪点
  43. for($i=0; $i<300; ++$i){
  44.     //随机生成颜色
  45.     $color = imagecolorallocate($img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
  46.     //随机绘制干扰点
  47.     imagesetpixel($img,mt_rand(0,$img_w),mt_rand(0,$img_h),$color);
  48. }
  49.  
  50. //绘制干扰线
  51. for($i=0; $i<10; ++$i){
  52.     //随机生成干扰线颜色
  53.     $color = imagecolorallocate($img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
  54.     //随机绘制干扰线
  55.     imageline($img,mt_rand(0,$img_w),0,mt_rand(0,$img_h*5),$img_h,$color);
  56. }
  57.  
  58. header('Content-Type: image/gif'); //输出图像
  59. imagegif($img);

6.创建login_db_connect.php，用于数据库连接

数据库连接方式有多种，例如PDO连接，有兴趣的朋友可以自行了解

  1. <?php
  2. //用于登录界面数据库连接
  3. //设置字符集
  4. header('Content-type:text/html;charset=utf8');
  5.  
  6. //连接数据库
  7. $con=mysqli_connect("localhost","root","Huawei@123","LMS");//此处root为登录mysql的用户名，其后依此是密码与数据库名称
  8. if (mysqli_connect_errno($con))
  9. {
  10.     echo "连接 MySQL 失败: " . mysqli_connect_error();
  11. } 
  12. R

*注意：仅供学习参考，转载请注明出处。感谢支持。

源代码下载

https://url79.ctfile.com/d/33928079-50033272-dfd303?p=7430 （访问密码：7430）

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发