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

这篇具有很好参考价值的文章主要介绍了HTML、PHP实战:搭建一个网页登录页面。。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、实验环境。

MySQL5.7.26

FTP0.9.60

Apache2.4.39

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

数据库

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

 二、登录页面。

登录页面前端代码

文件名: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跟文件名访问网页。

效果演示

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

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

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

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

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

三、注册页面。

注册页面前端代码

文件名: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'注册失败。';
		}
	}
}
?>

效果演示

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

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

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

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

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

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

当注册成功时,可以看到数据库中新增了对应的用户名及密码。文章来源地址https://www.toymoban.com/news/detail-462093.html

到了这里,关于HTML、PHP实战:搭建一个网页登录页面。的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • ❤️创意网页:创造精彩的登录体验-3D翻转登录页面

    ✨ 博主: 命运之光   🌸 专栏: Python星辰秘典 🐳 专栏: web开发(简单好用又好看) ❤️ 专栏: Java经典程序设计 ☀️ 博主的其他文章: 点击进入博主的主页 前言: 欢迎踏入我的Web项目专栏,一段神奇而令人陶醉的数字世界! 🌌 在这里,我将带您穿越时空,揭开属于

    2024年02月16日
    浏览(60)
  • python使用selenium模拟登录网页页面

    python的selenium用于自动化测试,但是在自动化测试的时候也可以用来模拟登录,本次用selenium模拟登录某DN网页 代码如下(示例): 本次使用的是谷歌的内核若有需要,也可以换其他浏览器的内核 首先打开CSDN页面准备在页面中定位元素 为方便操作,直接在开发者界面中复制

    2024年02月13日
    浏览(42)
  • 制作一个简单HTML个人网页网页(HTML+CSS)源码

    一个简单的HTML网页,可用于大学html期末作业,照片都是网上找的 看一下成品图: 主页代码,这里的link href=\\\"images/css.css\\\" rel=\\\"stylesheet\\\" type=\\\"text/css\\\" /是引入css样的,images里面装的是css文件(完整源码见文末)  

    2024年02月11日
    浏览(68)
  • html登录页面设计

    html和CSS概述 1.html: HTML 是一种标记语言,用于定义网页的结构和内容,包括段落、标题、列表、链接等等。它使用标签来标识不同的内容,并且这些标签可以用于嵌套 2.CSS: CSS 是一种样式表语言,用于定义网页的样式和布局,例如字体、颜色、间距、位置等等。它可以控制

    2024年02月05日
    浏览(37)
  • PHP实践:手把手微信公众号网页授权登录功能实现

    🏆作者简介,黑夜开发者,全栈领域新星创作者✌,CSDN博客专家,阿里云社区专家博主,2023年6月CSDN上海赛道top4。 🏆数年电商行业从业经验,历任核心研发工程师,项目技术负责人。 🏆本文已收录于PHP专栏:PHP进阶实战教程。 🏆另有专栏PHP入门基础教程,希望各位大佬

    2024年02月12日
    浏览(53)
  • HTML实现简单注册登录页面

    以下两个页面均只用HTML实现(其中注册若要添加号码与后面的登录密码判断,涉及到javascript的内容,本文只使用了html,后续会加上这些内容) 简单注册:(读者可以自行增加图片以及其他属性) 登录:    

    2024年02月11日
    浏览(43)
  • 一个简单的HTML网页——传统节日春节网页(HTML+CSS)

    🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (

    2024年01月21日
    浏览(64)
  • 一个简单的HTML网页 、个人主页网页设计(HTML+CSS)

    🎉精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作

    2024年02月04日
    浏览(60)
  • HTML旅游景点网页作业制作——旅游中国11个页面(HTML+CSS+JavaScript)

    👨‍🎓学生HTML静态网页基础水平制作👩‍🎓,页面排版干净简洁。使用HTML+CSS页面布局设计,web大学生网页设计作业源码,这是一个不错的旅游网页制作,画面精明,排版整洁,内容丰富,主题鲜明,非常适合初学者学习使用, 这个实例比较全面,有助于同学的学习,本文将

    2024年02月05日
    浏览(60)
  • 好看的登录页面login.html

    2024年02月12日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包