本文将基于PHP以及mysql设计一个最最基础的登录注册页面,所用到的软件有wampserver以及各种PHP编译器,我选择的是,vscode。

第一部分先写个连接数据库文件。

conn.php

<?php$conn =@mysqli_connect("localhost","root","") or die("数据库连接出错!");//相应的数据库地址 用户名 和密码$selected = mysqli_select_db($conn,"regist");
?>

使用这个后面每次使用时,就可以直接调用,一劳永逸。

现在来写注册界面

signup.php

<?phpsession_start();include("conn.php");//连接数据库$username =isset($_POST['username'])? $_POST['username'] : '';//用户名$password2 =isset($_POST['password2'])? $_POST['password2'] : '';//密码$password1 =isset($_POST['password1'])? $_POST['password1'] : '';if(isset($_POST['signup']))
{if($password2==$password1){$sql ="INSERT INTO account(username,password) VALUES('$username','$password2')";mysqli_query($conn,$sql);echo "<script>alert('注册成功');window.location ='login.php';</script>";
}
else {echo "<script>alert('两次密码不一致!');window.location ='index.php';</script>";}}?><!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h2>注册页面</h2><form action ="" method = "post" name ="myform" ousubmit ="return Checked();"><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><input type="submit" name="signup" value="注册"></td><td><a href ="login.php">登录</a></td></tr><tr><td><a href="index.php">返回首页</a></td></tr></table></form></body>
</html>

其实很简单,就是连接数据库,将写入的数据通过sql语言写入数据库。

这里有个问题,我编写过程中一直遇到的就是,再创建表的过程中,会有一个码叫“id”,他应该是随着输入的用户,自增,所以在创建表的时候务必将id 设为主码,然后设置自增,一下是参id integer PRIMARY KEY AUTOINCREMENT。

登录界面

login.php

<?phperror_reporting(0);session_start();include("conn.php");$postUsername =isset($_POST['username'])? $_POST['username'] : '';//用户名$postpassword =isset($_POST['password'])? $_POST['password'] : '';//密码$sql ="SELECT username,password FROM account WHERE username ='$postUsername'";$query =mysqli_query($conn,$sql);$row =mysqli_fetch_array($query,MYSQLI_ASSOC);$username =isset($row['username'])? $row['username'] : '';$password =isset($row['password'])? $row['password'] : '';$code=$_POST['code'];$_SESSION["username1"]=$postUsername;//setcookie('username',$postUsername,time()+3600,'/');if(isset($_POST['login'])){if($code ==$_SESSION['验证码']){if($username ==$postUsername && $password==$postpassword){    echo"<script>alert('登录成功');window.location ='web.php'</script>";}else{echo"<script>alert('用户名或密码错误!');history.go(-1)</script>";}}else{echo"<script>alert('验证码错误!');history.go(-1)</script>";}}$user
?>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>登陆页面</title>
</head>
<body><h2>登陆页面</h2><form action ="" method = "post" name ="myform" ousubmit ="return Checked();"><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="text" style="width:150px;" name="code"</td><td></td><td><img src="code.php" class="pull-right" style="cursor:pointer;" onclick="this.src+'?d='+Math.random();" title="点击刷新" alt="code.php"</td></tr><tr><td><input type="submit" name="login" value="登录"></td><td><a href ="signup.php">注册</a></td></tr><tr><td><a href="index.php">返回首页</a></td></tr></table></form></body>
</html>

在登陆界面的中加入了验证码功能

code.php

<?phpsession_start();//默认返回的是黑色的照片$image = imagecreatetruecolor(100, 30);//将背景设置为白色的$bgcolor = imagecolorallocate($image, 255, 255, 255);//将白色铺满地图imagefill($image, 0, 0, $bgcolor);//空字符串,每循环一次,追加到字符串后面  $captch_code='';//验证码为随机四个数字for ($i=0; $i < 4; $i++) { $fontsize=6;$fontcolor=imagecolorallocate($image,rand(0,120),rand(0,120),rand(0,120));//产生随机数字0-9$fontcontent = rand(0,9);$captch_code.= $fontcontent;//数字的位置,0,0是左上角。不能重合显示不完全$x=($i*100/4)+rand(5,10);$y=rand(5,10);imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor);}$_SESSION['验证码'] = $captch_code;
//点   for ($i=0; $i < 200; $i++) { $pointcolor = imagecolorallocate($image,rand(50,200),rand(50,200),rand(50,200));imagesetpixel($image, rand(1,99), rand(1,29), $pointcolor);}//线   for ($i=0; $i < 3; $i++) { $linecolor = imagecolorallocate($image,rand(80,220),rand(80,220),rand(80,220));imageline($image, rand(1,99), rand(1,29),rand(1,99), rand(1,29) ,$linecolor);}header('content-type:image/png');imagepng($image);//销毁imagedestroy($image);

php and mysql登录注册页面相关推荐

  1. JavaWeb项目(登录注册页面)全过程详细总结

    文章目录 JavaWeb项目(登录注册页面)全过程总结 一.环境准备与开发工具 二.创建 JavaWeb 项目2.1 新建Dynamic Web Project项目2.2 创建前端页面2.2.1 登录 ...

  2. html登录页面用idea,利用IDEA怎么制作一个登录注册页面

    利用IDEA怎么制作一个登录注册页面 发布时间:2020-12-19 14:02:09 来源:亿速云 阅读:186 作者:Leah 利用IDEA怎么制作一个登录注册页面?很多新手对此不是很清楚,为了帮 ...

  3. jsf登录注册页面_您将在下一个项目中使用JSF吗?

    jsf登录注册页面 上周有一篇很棒的stackoverflow博客文章,主题是" Javascript框架的残酷生命周期" . 这篇文章是关于Javascript UI框架(ang ...

  4. php登陆页面修改密码的功能,使用bootstrap创建登录注册页面并实现表单验证功能...

    本篇文章给大家介绍一下使用bootstrap创建登录注册页面并实现单验证功能的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 用bootstrap做登入注册页面,使用valid ...

  5. 清爽登录界面html,基于css3实现扁平简洁清爽的登录注册页面代码

    今天给大家分享一款基于css3实现扁平简洁清爽的登录注册页面代码,使用浅色设计,兼容移动设备,加入了基本的表单验证,适合大部分网站. 代码很简单有css样式,index.html两部分代码.感兴趣的朋 ...

  6. 【原型制作】无素材-纯原生制作-登录注册页面原型图

    有一段时间没有做过原型图了,现在因为项目需要,得做一套完整的原型图,由于时间关系,考虑制作低保真的原型,虽然低保,还是得抓一把细节,嘻嘻,在这里记录下登录注册页面纯原生做法的全过程. 工具:Axure ...

  7. 登录注册页面,JS判断用户手机号码是否已经存在,或者格式不正确

    现在的网站使用手机号码注册的越来越多,这就涉及到要在登录注册页面,判断用户手机号码是否已经存在,或者格式不正确,最近的系统里面正好遇到了,已经实现成功,在这里记录一下 如果电话号码已经存在,页面: 如 ...

  8. 登录注册页面的示例代码

    下面是使用Vue3和element-plus写登录注册页面的示例代码: 首先,在main.js文件中引入Vue和element-plus组件库: import { createApp } from ' ...

  9. 做登录/注册页面需考虑哪些问题?

    [文章摘要]现在人手一部手机的前提下,手机号登录/注册的方式无疑是最简单直接的方式.而且现在很多其他注册方式,到后面还是会引导用户去绑定手机. 这几天在做登录/注册页面.做之前看了很多其他公司的登录/ ...

最新文章

  1. 开始Hibernate介绍
  2. 编写程序将字符串中最长的单词输出
  3. Unlinked Gradle project
  4. LeetCode 143 重排链表-中等
  5. 南京php基础学习,南京玄武区php培训有哪些(学习PHP的优点有哪些)
  6. LInux下centos6.7 设置字符集,解决乱码问题
  7. AWR Report and session_cached_cursor
  8. java异常的捕获和处理
  9. 编译java源代码文件
  10. 浅谈个人对项目管理的理解
  11. CRC校验工具----CRC8校验 (x8+x2+x+1)
  12. html金额自动换算成大写,JavaScript实现将人民币小写金额自动转换成大写的方法...
  13. 教育培训行业的SOP
  14. 安装zstack云平台并搭建云主机
  15. Win10+VS2019+opencv-4.1.0 学习一:显示一张图片
  16. HDU6348 Buy and Resell
  17. 各软件版本、仓库、官网地址
  18. DevExpress中实现给GridControl下的GridView表格修改指定行、列的背景颜色和获取选择行的信息
  19. eclipse refreshing external folders解决方案
  20. uni-app打包超出2M处理

热门文章

  1. 快递是否签收,分享小技巧查询物流查看已签收件
  2. html如何让图片边缘模糊化,如何使用css滤镜获得图像:模糊和锐利的边缘?
  3. 关于 trello 和 slack 的感想及使用经验
  4. wkhtmltopdf 中文参数详解
  5. Word中使用MathType批量调整文档公式的大小
  6. 庆祝鸿蒙指的是哪个生肖,12月中头彩,苦难转幸福,3生肖,鸿蒙紫气,运走上坡路,想啥就有啥...
  7. 投资笔记4-投资风险认知
  8. 低压回路测控终端| 汉光 LPC96P低压回路测控装置
  9. 程序员如何优雅的赚零花钱?分享几个接私活的平台利器
  10. H3C设备忘记密码修改办法