HTML、PHP实战:搭建一个网页登录页面。

2023-11-16

一、实验环境。

MySQL5.7.26

FTP0.9.60

Apache2.4.39

我这里用的是PHPstudy小皮一键搭建的。

数据库

 二、登录页面。

登录页面前端代码

文件名:denglu.html

<html>
<head>
<meta charset="UTF-8">
<title>'登录界面'</title>
</head>
<body>
<form action='./denglu.php' method="get">
<p>用户名:<input type='text' name='name'></p>
<p>密码:<input type='password' name='password'></p>
<input type='submit' value='登录'>
</form>	
<a href=http://127.0.0.1/zhuce.html><input type='submit' value='注册'></a>
</body>
</html>

登录页面后端代码

文件名:denglu.php

<meta charset="UTF-8">
<?php
$username = 'root';
$password = 'root';
$ip = '127.0.0.1';
$database = 'database';
$conn = new mysqli($ip,$username,$password,$database);

$logname = $_GET['name'];
$pw = $_GET['password'];

$sql = "select * from table_1 where username = '$logname' and password = '$pw'";

$res = mysqli_query($conn,$sql);

if($res->num_rows > 0){
	echo '登陆成功。';
}else{
	echo '登录失败。';
}
?>

使用127.0.0.1跟文件名访问网页。

效果演示

 

可以看到当我们输入用户名:zhangsan 密码:123456 时,后台的数据库能够查询到,所以登录成功。

 而当用户名和密码不匹配时则登录失败。

三、注册页面。

注册页面前端代码

文件名:zhuce.html

<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<form action="./zhuce.php" method="get">
			用户名:<input type="text" name="name"><br />
			密码:<input type="password" name="password1"><br />
			确认密码:<input type="password" name="password2"<br />
			<input type="submit" value="提交"><br />
		</form>
	</body>
</html>

注册页面后端代码

文件名:zhuce.php

<meta charset="UTF-8">
<?php
$username = 'root';
$password = 'root';
$ip = '127.0.0.1';
$database = 'database';
$conn = new mysqli($ip,$username,$password,$database);
$logname = $_GET['name'];
$password1 = $_GET['password1'];
$password2 = $_GET['password2'];

$sql = "select * from table_1 where username = '$logname';";
$res = mysqli_query($conn,$sql);

if($res->num_rows > 0){
	echo '用户已存在,3秒后跳转,请重新输入。';
	header('Refresh:3,http://127.0.0.1/zhuce.html');
}else{
	if($password1 != $password2){
		echo'密码不一致。';
	}else{
		$sql = "insert into table_1 value('$logname','$password1');";
		if(mysqli_query($conn,$sql)){
			echo'注册成功,3秒后返回登录页面。';
			header('Refresh:3,http://127.0.0.1/denglu.html');
		}else{
			echo'注册失败。';
		}
	}
}
?>

效果演示

可以看到,当输入数据库中已经存在的用户时,会显示用户已经存在,并且在3秒之后会跳转回原来的页面。

当用户注册时前后两次输入密码不一致时也会出现提示。

 

当注册成功时,可以看到数据库中新增了对应的用户名及密码。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML、PHP实战:搭建一个网页登录页面。 的相关文章

  • 在 HTML5 中创建可拖动和可缩放的网格

    与其他 HTML5 不同如何创建网格问题 我想知道如何制作一个可拖动且可扩展的 绘制网格非常简单 var c document getElementById canvas var ctx c getContext 2d var width
  • 如何防止在 PHP 中使用超出“使用”范围的特征方法

    我想知道是否有任何方法可以防止在 PHP 的任何类上下文之外使用特征方法 让我用一个简短的例子来解释我想要什么 这是我当前的代码 File MyFunctions php trait MyFunctions function hello w
  • 如何倾斜 div 并保持背景图像不倾斜

    我已经花了几个小时了 所以希望有人能提供帮助 我有一个网站 其中大部分 div 都是倾斜的 大多数 div 都包含背景图像 现在我已经让 div 倾斜了 内容完美地位于其中 唯一的问题是背景图像 它与父级一起倾斜 我用谷歌搜索了很多 但找不
  • 使用 PHP PayPal REST API 退款?

    我正在开发一个集成到 PayPal 的 REST API 中的 PHP 应用程序 我正确处理了事务并将事务 ID 保存到 MySQL 数据库中 我现在正在尝试退款 但无法让它停止给出 传入 JSON 请求未映射到 API 请求 错误 有人对
  • 如何在HTML中的PHP中注释掉HTML和PHP?

    这是我想注释掉的一行代码 h1 class post title a href title a h1 一种流行的注释方法是分别注释 html 和 php 有一个更好的方法吗
  • 如何使用 a-href 标签链接回文件夹? [复制]

    这个问题在这里已经有答案了 好吧 我在文件夹中有一个页面 该页面称为 jobs html 该文件夹简称为 jobs 它是我的 网站 文件夹的子文件夹 在 main 文件夹的主目录中是我的 home html 文件 当我尝试做的时候 a hr
  • 通过 URL 指定控制器类与为每个控制器编写一个脚本相比,有何优缺点?

    今年夏天我安装了两个不同的 PHP 系统 每个都使用两种不同的方法 方法 1 每个任务一个 PHP 文件 该方法需要一个PHP为每个主要任务创建文件 例如 我的上传脚本可以通过http www domain com upload php O
  • 用隐藏单元格补充 colspanned 表格有什么不好吗?

    我一直在表格上开发一些排序和选择功能 我发现在具有跨单元格的表格中定位非常困难 我只是添加了跨区单元格并将其隐藏 它看起来不错 它与我的 js 一起工作 非常适合索引 但我想知道这是否是合法的方法 stuffing display none
  • 如何纠正这个非法字符串偏移?

    我收到此错误 警告 第 32 行 home mysite public html wp content themes evento lib php extra class php 中的非法字符串偏移 type 我意识到文件中的这部分代码是错
  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • Facebook 应用程序无法获取会话

    我正在 Heroku 上为 Facebook 开发一个非常基本的 PHP 应用程序 它显示非常基本的用户信息 如姓名 个人资料图片 但该应用程序在 getToken 方法中停止 我在登录我的个人资料后尝试了该应用程序 但仍然出现相同的消息
  • 如何将此 HTML 表格布局解决方案转换为浮动 div 解决方案?

    我经常需要列出各种尺寸的项目images在左边和text在右边 像这样 替代文本 http www deviantsart com upload 7s01l5 png http www deviantsart com upload 7s01
  • 如何使用canvas.toDataURL()将画布保存为图像?

    我目前正在构建一个 HTML5 Web 应用程序 Phonegap 本机应用程序 我似乎不知道如何将画布保存为图像canvas toDataURL 有人可以帮我吗 这是代码 有什么问题吗 我的画布被命名为 canvasSignature J
  • Jquery 中的动态滚动位置

    请帮助我解决以下情况 我有 3 个页面 当滚动到达第二页时 用户滚动页面 它必须找到特定的 ID 然后触发一个函数 一旦第三页开始 另一个函数就会触发 根据要求我不应该使用任何插件
  • Google Chrome 106 可拖动导致元素消失

    使用拖放元素时 绝对定位元素中包含的大多数其他元素都会从屏幕上消失 如果我调整窗口大小 这些元素会出现 但在开始拖动时会再次消失 我在最新版本的 Google Chrome 106 和 Beta 版本 107 0 5304 18 以及现在的
  • 从所有会话中注销

    我有一个注销选项 这是我的代码 session start session destroy setcookie key time 60 60 24 setcookie username time 60 60 24 我想添加另一个选项来注销所
  • 我可以在 PHP 会话变量中安全地存储用户名和密码吗?

    我想在 REST api 之上制作一个轻量级的 web 应用程序 用户只需进行一次身份验证 从那时起 所有针对 web api 的请求都希望通过以某种方式保持用户名和密码有效来完成 我已经做了一个工作原型我在哪里将用户名和密码存储在会话变量
  • Stream_context_set_params 不适用于 ssh2.sftp 包装器

    我想使用类似的功能here http www php net manual en function stream notification callback php 请检查以下代码 function notify notification
  • 使用 crypt() 加密

    我目前正在做一个非常安全的登录系统 但我是 crypt 函数的新手 需要一些快速帮助 我在注册过程中使用 crypt 加密密码字符串并将其保存到数据库中 但是 我如何在登录过程中解密密钥 或者我应该怎么做 或者是否可以对提交的密码字符串进行
  • 如果产品重量超过1000克,如何以公斤为单位显示

    在 Storefront 主题中 我使用下面的代码将格式化重量从 1000g 更改为 1kg add action woocommerce after shop loop item title show weight 10 function

随机推荐