基于WAMP环境的简单用户登录系统实现（v3版）（持续迭代）
目录
版本说明
实现环境：
流程逻辑框图：
数据库连接
登录页面：login.html
登录处理实现：doLogin.php
用户欢迎页面：welcome.php
密码修改页面：change_password.html
修改处理：doChangePassword.php
用户注册页面：register.html
注册处理：doRegister.php
版本说明
v3实现功能：
数据库连接（php）
用户登录（*前后端判断输入是否为空（弹窗））
欢迎页面（*欢迎用户）
用户注册（*前后端判断输入是否为空（弹窗））
欢迎页面（*欢迎用户）
用户密码修改
实现环境：
Windows11、Apache、MySQL、PHP8
流程逻辑框图：
数据库连接
基于php的MySQL数据库联动代码模板
外部文件，使用文件包含：include 'session_conn.php';
(以下代码都是)
登录页面：login.html
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>登录</title><style type="text/css">form{position: absolute;top: 20%;left: 39%;}/* 控制input:name=login的元素居中 */input[ name='login' ]{width: 172px;display: block;margin-left: 28%;margin-top: 3%;}input[ name='register' ]{width: 173px;display: block;margin-left: 28%;margin-top: 3%;}</style><script type="text/javascript" src="./_js/login_web.js"></script>
</head><body><form onsubmit="return checkForm(this)" action="./_php/doLogin.php" method="post" ><fieldset><legend>用户登录-php登录与注册系统测试</legend><ul><li><label> 用户名：</label><input type="text" name="username" /></li><li><label>密 码：</label><input type="password" name="password" /></li><label></label>onclick="checkForm(form)" /> --><input type="submit" name="login" value="登录" />onclick="redirectToPage()" /> --><input type="button" name="register" value="注册" onclick="redirectTopage()" /></ul></fieldset></form>
</body></html>login_web.js：
引入利用js阻断登录框空输入的判断:
function checkForm(form) {// 表单.文本域名.valueif (form.username.value == "" || form.username.value == null) {alert("用户名不能为空");form.username.focus();return false;}else if (form.password.value == "" || form.password.value == null) {alert("密码不能为空");form.password.focus();return false;}else {return true;}}
function redirectTopage() {window.location.href = './register.html';
}登录处理实现：doLogin.php
<?php
include './session_conn.php';
session_start();
// $username = htmlspecialchars($_POST['username']);
$username = $_POST['username'];
$password = md5($_POST['password']);// $conn = mysqli_connect($host, $db_username, $db_pwd, $db_name);if (!$conn) {// 判断数据库连接状态// die()，输出一条信息，然后退出脚本.die('连接数据库失败！请检查数据库是否开启' . mysqli_connect_errno());
} else {if(isset($username) && !empty($username)) {if (isset($_POST['password']) && !empty($_POST['password'])) {$Logincheck_query = mysqli_query($conn, "select * from login_user where username = '$username' limit 1");// 从查询结果中取得一行作为结果集// $arr = mysqli_fetch_assoc($Logincheck_query);$arr = mysqli_fetch_assoc(mysqli_query($conn, "select * from login_user where username = '$username' limit 1"));if ($password == $arr['password']) {$_SESSION['username'] = $arr['username'];$_SESSION['id'] = $arr['id'];echo "<script language = 'javascript'> alert('登录成功！');location = './welcome.php' </script>";return true;} else {echo "<script language = 'javascript'> alert('密码错误');location = '../login.html' </script>";return false;}} else {echo "<script language = 'javascript'> alert('请补全登录信息');location = '../login.html' </script>";return false;}} else {echo "<script language='javascript'>alert('请完善账户信息！');location='../login.html'</script>";return false;}
}
用户欢迎页面：welcome.php
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>welcome</title><style>.table{text-align: center;width: 70%;padding: 15px;background-color: skyblue;border: 5px solid green;border-collapse: collapse;margin-left: 17%;}input[type='button']{margin-left: 50%;}.change_password{margin-left: 70%;}</style><script>function redirectToPage(){window.location.href = "../htdocs/login.html";}</script>
</head>
<body><br/><br/><br/><br/><br/><br/><br/><br/><?phpinclude "./session_conn.php"; //数据库连接信息引入session_start();$user_id = $_SESSION['id'];if (empty($user_id)) {echo "<script language='javascript'> alert('请先登录');location='../login.html'</script>";exit;} else {$username = $_SESSION['username'];// $conn = mysqli_connect('$host','$db_username','$db_pwd','$db_name');if (!$conn) {die('数据库连接失败！请检查数据库是否开启？'. mysqli_connect_error());}else {if (isset($_SESSION['username']) && !empty($_SESSION['username']) ) {echo "<h2 class='table'>登录成功，欢迎用户：$username </h2> ";echo "<a class = 'change_password' href = '../change_password.html'/>修改密码</a>";} else {// $_SESSION['username'] =false;die("超时，重新登录");}}echo "<input type='button' name='back_login' value='返回登录' onclick='redirectToPage()'/>";echo "<a href='close_login.php'/>用户注销</a>";}?>
</body>
</html>密码修改页面：change_password.html
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>账户修改</title><style type="text/css">.title {text-align: center;}.change_password{text-align: center;}</style><script type="text/javascript" src="./_js/change_password.js"></script>
</head><body><div class="box"><div class="title">change your password</div><!-- <form onsubmit="return check(this)" action="doChangePassword.php" method="post"> --><form action="./_php/doChangePassword.php" method="post"><table class="change_password"><tr><th>当前用户名：</th><td><input type="text" name="username" /></td></tr><tr><th>原密码：</th><td><input type="password" name="OldPassword"></td></tr><tr><th>新密码：</th><td><input type="password" name="NewPassword" /></td></tr><tr><th>确认密码：</th><td><input type="password" name="ConfirmNewPassword" /></td></tr></table><input type="submit" name="confirm" value="确认修改" /><input type="button" name="back" value="返回登录" onclick="redirectTopage()"></form></div>
</body></html>change_password.js
引入利用js阻断空输入的判断:
function redirectTopage() {window.location.href = '../htdocs/login.html';
}
function check() {// if (form.OldPassword.value === "" && form.OldPassword.value === null && form.OldPassword.value === undefined) {if (form.OldPassword.value == "" && form.OldPassword.value == null) {alert("原密码为空");form.OldPassword.focus();return false;} else {// if (form.NewPassword.value === "" && form.NewPassword.value === null && form.NewPassword.value === undefined) {if (form.NewPassword.value == "" && form.NewPassword.value == null) {alert("输入新密码");form.NewPassword.focus();return false;}else {// if (form.ConfirmNewPassword.value === "" && form.ConfirmeNewPassword.value === null && form.ConfirmNewPassword.value === undefined) {if (form.ConfirmNewPassword.value == "" && form.ConfirmeNewPassword.value == null) {alert("请确认密码");form.ConfirmNewPassword.focus();return false;} else {return true;}}}
}
function redirectTopage(){window.location.href = './login.html';
}修改处理：doChangePassword.php
<?php
include("session_conn.php");$change_password = [];
$change_password["old_password"] = md5($_POST["OldPassword"]);
$change_password["Newpassword"] = md5($_POST["NewPassword"]);
$change_password["confirm_Newpassword"] = md5($_POST["ConfirmNewPassword"]);
$MD5_NewPassword = $change_password["Newpassword"];if (!$conn) {die('数据库连接失败！' . mysqli_connect_errno());
} else {if (isset($_POST["OldPassword"]) && (strlen($_POST["OldPassword"]) != 0)) {if (isset($_POST["NewPassword"]) && (strlen($_POST["NewPassword"]) != 0)) {if (isset($_POST["ConfirmNewPassword"]) && (strlen($_POST["ConfirmNewPassword"]) != 0)) {if ($change_password["confirm_Newpassword"] == $change_password["Newpassword"]) {// $MD5_NewPassword = $change_password["Newpassword"];$username = $_POST['username'];$sql_update = "update login_user set password = '$MD5_NewPassword' where username = '$username' ";if (mysqli_query($conn, $sql_update)) {echo "<script language='javascript'>alert('修改成功，请重新登录！');location='../login.html'</script>";return true;} else {echo "<script language='javascript'>alert('密码修改失败，请重新修改！');location='../change_password.html'</script>";return false;}} else {echo "<script language='javascript'>alert('密码确认错误');location='../change_password.html'</script>";return false;}} else {echo "<script language='javascript'>alert('请确认密码！');location = '../change_password.html'</script>";return false;}} else {echo "<script language='javascript'>alert('请输入新密码!');location='../change_password.html'</script>";return false;}} else {echo "<script language='javascript'>alert('请输入原密码信息！');location='../change_password.html'</script>";return false;}
}
用户注册页面：register.html
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>用户注册</title>
</head>
<style type="text/css">.title {/* 文本排列到中央 */text-align: center;/* 行间距 *//* line-height: 80%; */margin-top: 6%;margin-left: 8%;}.login {display: block;position: absolute;transform: translate(-50%, -61.8%);left: 56%;top: 20%;width: 450px;border: redius 8px;;background: rgba(255, 255, 255, 0.9);}input[type='submit'] {width: 173px;display: block;margin-left: 0%;margin-top: 3%;}input[type='button'] {width: 173px;display: block;margin-left: 0%;margin-top: 3%;}
</style>
<script type="text/javascript" src="./_js/register_web.js"></script>
<body><div class='box'><div class='title'>new user register</div><form onsubmit="return checkRegister(this)" action="./_php/doRegister.php" method="post" ><table class="login"><tr><th>用户名：</th><td><input type="text" name="username"></td></tr><tr><th>密码：</th><td><input type="password" name="password" ></td></tr><tr><th>确认密码：</th><td><input type="password" name="repassword" ></td></tr><tr><th></th><td><input type="submit" value="注册完成" /></td><td><input type="button" value="返回登陆" onclick=" redirectTopage() " /></td></tr></table></form></div></body></html>register_web.js
注册引导
function checkRegister(form) {if (form.username.value == "" || form.username.value == null) {alert("！请建立新用户名");form.username.focus();return false;} else {if (form.password.value == "" || form.password.value == null) {alert("！需要输入注册密码");form.password.focus();return false;} else {if (form.repassword.value == "" | form.repassword.value == null) {alert("！需要确认密码");form.repassword.focus();return false;} else {if (form.password.value == form.repassword.value) {return true;} else {alert("！确认密码不一致");form.repassword.focus();}}}}}function redirectTopage(){window.location.href = './login.html';
}注册处理：doRegister.php
<?php
include 'session_conn.php';$data = [];
// $data['$username'] = htmlspecialchars($_POST['username']);
// $data['$username'] = $_POST['username'];
// $username = $data['username'];
$username = $_POST['username'];$data['password'] = md5($_POST['password']);
$data['repassword'] = md5($_POST['repassword']);
$sql_select = "select * from login_user where username = '$username' limit 1;";
$sql_id = "select id from login_user";
$result_select = mysqli_query($conn, $sql_select);if (mysqli_num_rows($result_select) != 0) {echo "<script language='javascript'>alert('该用户已存在，请更换用户名！');location='../register.html'</script>";//释放查询结果mysqli_free_result($result_select);
} else {// 先判断是否存在，再判断是否为空if (!empty($data['password']) && !empty($data['repassword'])) {if ($data['repassword'] == $data['password']) {$password = $data['repassword'];// $result_sql_id = mysqli_query($conn, $sql_id);$result_id = mysqli_num_rows(mysqli_query($conn, $sql_id));$result_new_id = $result_id + 1;$sql_insert = "insert into login_user(id,username,password) values('$result_new_id','$username','$password')";if (mysqli_query($conn, $sql_insert)) {echo "<script language='javascript'>alert('注册成功请重新登录!');location = '../login.html'</script>";mysqli_refresh($conn,MYSQLI_REFRESH_TABLES);mysqli_close($conn);return true;} else {echo "<script language='javascript'>alert('注册失败请重新注册！');location='../register.html'</script>";return false;}} else {echo "<script language='javascript'>alert('确认密码错误！');location='../register.html'</script>";return false;}} else {echo "<script language='javascript'>alert('请完善密码。');location='../register.html'</script>";return false;}
}
相关文章：
基于WAMP环境的简单用户登录系统实现（v3版）（持续迭代）
目录 版本说明 实现环境： 流程逻辑框图： 数据库连接 登录页面：login.html 登录处理实现：doLogin.php 用户欢迎页面：welcome.php 密码修改页面：change_password.html 修改处理：doChangePa…...
大语言模型与多模态大模型loss计算
文章目录 前言一、大语言模型loss计算1、loss计算代码解读2、构建模型输入内容与label标签3、input_ids与labels格式 二、多模态大模型loss计算方法1、多模态loss计算代码解读2、多模态输入内容2、大语言模型输入内容3、图像embending如何嵌入文本embeding 前言 如果看了我前面…...
线上研讨会 | CATIA助力AI提升汽车造型设计
报名链接： 2024探索之旅第二季...
Unity新输入系统 之 InputAction（输入配置文件最基本的单位）
本文仅作笔记学习和分享，不用做任何商业用途 本文包括但不限于unity官方手册，unity唐老狮等教程知识，如有不足还请斧正 首先你应该了解新输入系统的构成结构：Unity新输入系统结构概览-CSDN博客 Input System - Unity 手册 1.In…...
【3】MySQL的安装即启动
目录 一.下载 二.安装 三.启动 一.下载 二.安装 安装MySQL时遇到的Initializing database错误：推荐下面的博客（简单就是电脑名不要出现中文） https://blog.csdn.net/m0_52775858/article/details/123705566 三.启动 PS：cmd要…...
变“金点子”为“好应用”，合合信息智能文档处理技术助力大学生探索AI创新边界
谈“糖”色变、追求养生、低卡生活……这些热门词汇频频在社交媒体上掀起讨论热潮。有这样一批年轻人不但捕捉到了这些词汇背后真实的用户需求，并且正在利用AI技术寻找解决之道。 近日，“中国大学生服务外包创新创业大赛”（以下简称“服创大…...
央行重提P2P存量业务化解，非吸案开始翻旧账？
沉寂已久的P2P，又突然以另一种意想不到的形式回到公众视野了。2018年全国P2P坍塌式暴雷，平台老板“跑路”“判刑”的消息一时间你方唱罢我登场。当年的某凰金融、某租宝、某信贷等赫赫有名的网贷平台传出的消息无非两类——查封或跑路，这几年…...
8B 端侧小模型 | 能力全面对标GPT-4V！单图、多图、视频理解端侧三冠王，这个国产AI开源项目火爆全网
这两天， Github上一个 国产开源AI 项目杀疯了！一开源就登上了 Github Trending 榜前列，一天就获得将近600 star。 这个项目就是国内大模型四小龙之一面壁智能最新大打造的面壁「小钢炮」 MiniCPM-V 2.6 。它再次刷新端侧多模态天花板…...
汽车免拆诊断案例 | DAF（达富）汽油尾气处理液故障警示
故障现象 距离我上次在货卡上工作已经有一段时间了，让它们在道路上保持安全行驶是非常重要的。因此，当故障警示灯亮起时，我们需要迅速找到问题方向以及排除故障。 车辆的仪表板亮起多个故障灯以及警示灯，我们需要用解码器查找触…...
图论算法
目录 1.引言 2.图论基础 3.Dijkstra算法 3.1 算法背景与概述 3.2 算法原理 3.3 算法步骤 3.4 示例说明 3.5 复杂度分析 3.6 优缺点及应用场景 4.Floyd-Warshall算法 4.1 算法背景与概述 4.2 算法原理 4.3 算法步骤 4.4 示例说明 4.5 复杂度分析 4.6 优缺点及应用…...
手抖跟饮食有关系吗？
手抖，医学上称为震颤（tremor），是指手部或其他身体部位的不自主抖动。饮食在某种程度上与手抖相关，但并非唯一的因素。以下是饮食与手抖之间可能存在的关系： 1. 咖啡因摄入：咖啡因是一种刺激神经…...
59. 螺旋矩阵 II
59. 螺旋矩阵 II 题目链接：59. 螺旋矩阵 II 代码如下： class Solution { public:vector<vector<int>> generateMatrix(int n) {if(n1){return {{1}};}vector<vector<int>> res(n,vector<int>(n));int num1;int left0,r…...
shiro注解不起作用：shiro进行权限校验时，@RequireRoles(“admin“)注解不起作用的解决方法
今天在写前后端分离项目时，用jwt加shiro进行登录权限校验时，RequireRoles("admin")注解不起作用，记录一下。 前提：数据库里面的user_type代表用户类型 ：0普通用户 ；1：专家࿱…...
ZABBIX邮件监控发送信息
前言：本地邮箱，第三方邮箱，第三方邮箱加脚本 1、本地邮箱测试 #cd /home # ls laiyingx [rootzabbix ~]# vim /etc/postfix/main.cf /mydestination $myhostname, localhost.$mydomain, localhost,$mydomain [rootzabbix ~]# systemctl…...
Java核心 - 减少循环次数的必要性及其实现方法
作者：逍遥Sean 简介：一个主修Java的Web网站\游戏服务器后端开发者 主页：https://blog.csdn.net/Ureliable 觉得博主文章不错的话，可以三连支持一下~ 如有疑问和建议，请私信或评论留言！ 前言 在 Java 编程中…...
国产麒麟系统下U盘只读文件系统问题
问题描述 国产麒麟系统下U盘只读文件系统问题 解决方案： 提示：卸载U盘，然后重新挂载，修复。 1.插入U盘并用df -h查看U盘信息: 命令：df -h 找到自己的U盘信息（可以根据容量大小来找）ÿ…...
STM32-定时器-定时器中断-PWM调光
1、TIM 定时器 定时器是一种电子设备或软件组件，用于在预定时间后触发一个事件或操作。它可以基于时钟信号或其他周期性信号来工作，并且可以用来测量时间间隔、生成延时、触发中断等。 时钟信号 时钟信号是一种周期性的电信号，用于同步电路中…...
【学习笔记】用线段树维护区间计数问题
前言 简单的区间计数问题可能直接推式子就行了。 但有些问题必须要数据结构维护。线段树就是一个比较好的处理区间的数据结构。 Gym102222L 思路 满足条件的区间特征： max { a i } − min { a i } 1 − c n t 0 \max\{a_i\}-\min\{a_i\}1-cnt0 max{ai}…...
4章11节：用R做数据重塑，数据的特征缩放和特征可视化
由于数据往往复杂多样，其中不同的特征变量可能具有不同的数值范围，这使得特征缩放成为一个必要的步骤。例如，当我们要处理医学数据时，对于同一个患者，肺活量的变化范围可能在1000到5000之间，而体重指数（BMI）的变化范围则可能在10到50之间，其他一些生理指标甚至可能处于…...
LVS-NAT + LVS-DR
LVS 现在lvs已经是linux内核标准的一部分，使用lvs可以达到的技术目标是：通过linux达到负载均衡技术和linux操作系统实现一个高性能高可用的linux服务器集群，他具有良好的可靠性，可延展性和可操作性，从而以低廉的成本实…...
国防科技大学计算机基础课程笔记02信息编码
1.机内码和国标码 国标码就是我们非常熟悉的这个GB2312,但是因为都是16进制，因此这个了16进制的数据既可以翻译成为这个机器码，也可以翻译成为这个国标码，所以这个时候很容易会出现这个歧义的情况； 因此，我们的这个国…...
TDengine 快速体验（Docker 镜像方式）
简介 TDengine 可以通过安装包、Docker 镜像 及云服务快速体验 TDengine 的功能，本节首先介绍如何通过 Docker 快速体验 TDengine，然后介绍如何在 Docker 环境下体验 TDengine 的写入和查询功能。如果你不熟悉 Docker，请使用 安装包的方式快…...
AI Agent与Agentic AI：原理、应用、挑战与未来展望
文章目录 一、引言二、AI Agent与Agentic AI的兴起2.1 技术契机与生态成熟2.2 Agent的定义与特征2.3 Agent的发展历程 三、AI Agent的核心技术栈解密3.1 感知模块代码示例：使用Python和OpenCV进行图像识别 3.2 认知与决策模块代码示例：使用OpenAI GPT-3进…...
线程同步：确保多线程程序的安全与高效！
全文目录： 开篇语前序前言第一部分：线程同步的概念与问题1.1 线程同步的概念1.2 线程同步的问题1.3 线程同步的解决方案 第二部分：synchronized关键字的使用2.1 使用 synchronized修饰方法2.2 使用 synchronized修饰代码块 第三部分ÿ…...
JVM垃圾回收机制全解析
Java虚拟机（JVM）中的垃圾收集器（Garbage Collector，简称GC）是用于自动管理内存的机制。它负责识别和清除不再被程序使用的对象，从而释放内存空间，避免内存泄漏和内存溢出等问题。垃圾收集器在Ja…...
【快手拥抱开源】通过快手团队开源的 KwaiCoder-AutoThink-preview 解锁大语言模型的潜力
引言： 在人工智能快速发展的浪潮中，快手Kwaipilot团队推出的 KwaiCoder-AutoThink-preview 具有里程碑意义——这是首个公开的AutoThink大语言模型（LLM）。该模型代表着该领域的重大突破，通过独特方式融合思考与非思考…...
高等数学（下）题型笔记（八）空间解析几何与向量代数
目录 0 前言 1 向量的点乘 1.1 基本公式 1.2 例题 2 向量的叉乘 2.1 基础知识 2.2 例题 3 空间平面方程 3.1 基础知识 3.2 例题 4 空间直线方程 4.1 基础知识 4.2 例题 5 旋转曲面及其方程 5.1 基础知识 5.2 例题 6 空间曲面的法线与切平面 6.1 基础知识 6.2…...
【2025年】解决Burpsuite抓不到https包的问题
环境：windows11 burpsuite:2025.5 在抓取https网站时，burpsuite抓取不到https数据包，只显示： 解决该问题只需如下三个步骤： 1、浏览器中访问 http://burp 2、下载 CA certificate 证书 3、在设置--隐私与安全--…...
Python如何给视频添加音频和字幕
在Python中，给视频添加音频和字幕可以使用电影文件处理库MoviePy和字幕处理库Subtitles。下面将详细介绍如何使用这些库来实现视频的音频和字幕添加，包括必要的代码示例和详细解释。 环境准备 在开始之前，需要安装以下Python库：…...
在鸿蒙HarmonyOS 5中使用DevEco Studio实现录音机应用
1. 项目配置与权限设置 1.1 配置module.json5 {"module": {"requestPermissions": [{"name": "ohos.permission.MICROPHONE","reason": "录音需要麦克风权限"},{"name": "ohos.permission.WRITE…...