PHP+MySQL实现简单的登录注册
2024-05-10 01:13:24
1、登录界面denglu.html
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>登录页面</title>
<script type="text/javascript">//检查用户名是否填写function checkName(){var name = document.getElementById("add_name").value;var spanNode = document.getElementById("user_name");if (name != "") {spanNode.innerHTML = "已填".fontcolor("green");return true;}else{spanNode.innerHTML = "用户名不能为空！".fontcolor("red");return false;}}//检查密码是否填写function checkPassword(){var password = document.getElementById("add_password").value;var spanNode = document.getElementById("user_password");if (password != "") {spanNode.innerHTML = "已填".fontcolor("green");return true;}else{spanNode.innerHTML = "请输入密码！".fontcolor("red");return false;}}//点击登录时进行检查function checkForm(){var name = checkName();var password = checkPassword();if (name && password) {return true;}else{return false;}}
</script>
</head>
<style type="text/css">.wrapper{text-align: center;width:1000px;margin:20px auto;}h2{background-color:#7CCD7C;margin:0px;text-align:center;}.add{margin:20px auto;}.add labal{text-align: center;background-color: #FFB6C1;color: #fff;margin:20px auto;}.btn { background-color: #008CBA;;border-radius:8px;color: white;padding: 6px 93px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;}.error {color: #FF0000;}
</style>
<body>
<div class="wrapper">
<h2>个人理财管理系统</h2>
<div class="add">
<labal>登录系统</labal>
</div><div class="add"><form method="post" action="denglu.php" onsubmit="return checkForm()"><labal>用户名:</labal> <input type="text" name="add_name" id="add_name" placeholder="请输入用户名"><span id="user_name" class="error">*</span><br><br><labal>密码:</labal> <input type="password" name="add_password" id="add_password"placeholder="请输入密码"><span id="user_password" class="error">*</span><br><br><input class="btn" type="submit" value="登录"><br></form><p>没有账号？请<a href="zhuce.html">立即注册</a></p></div>
</div>
</body>
</html>denglu.php
<?php
include("./conn.php");
$user_name = $_POST['add_name'];
$user_password = $_POST['add_password'];
$password = md5($user_password);
//$data = new MysqlData;
//$sql = $data->select_user($user_name,$password);
//$res = $data->sqlRun($sql);
//若账号密码错误
//if ($res->num_rows == 0) {//释放$res占用的内存//mysqli_free_result($res);//关闭数据库连接//$data->closeConn();//提示输入正确的账号//echo "<script type='text/javascript'>";// echo "alert('账号密码错误，请重新输入');";//echo "history.back();";//echo "</script>";
//}
//若账号密码正确
//else{//获取id字段//$id = mysqli_fetch_object($res)->id;//释放$res占用的内存//mysqli_free_result($res);//关闭数据库连接//$data->closeConn();//将用户数据加入cookies//("id",$id);//("password","TRUE");
//}
//$data->closeConn();
?>2、注册界面zhuce.html
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>注册新用户</title><script type="text/javascript">//检查姓名function checkName(){var inputNode = document.getElementById("add_name");var spanNode = document.getElementById("user_name");var nameLength = document.getElementById("add_name").value.length;//获取输入框的内容var content = inputNode.value;// 检测名字是否只包含字母跟空格var reg = /^[a-zA-Z ]*$/;if(content==""){spanNode.innerHTML = "不能为空".fontcolor("red");return false;}if (nameLength > 15) {spanNode.innerHTML = "用户名长度过长".fontcolor("red");return false;}if (reg.test(content)){spanNode.innerHTML = "正确".fontcolor("green");return true;}else{spanNode.innerHTML = "只允许字母跟空格".fontcolor("red");return false;}}//检查密码function checkPassword(){var password = document.getElementById("add_password");var passwordLength = document.getElementById("add_password").value.length;var content = password.value;var spanNode = document.getElementById("user_password");if (passwordLength > 30) {spanNode.innerHTML = "密码过长".fontcolor("red");return false;}if (content != "") {spanNode.innerHTML = "已填".fontcolor("green");return true;}else{spanNode.innerHTML = "密码不能为空".fontcolor("red");return false;}}//检查再次输入的密码function checkUpassword(){var password = document.getElementById("add_password").value;var upassword = document.getElementById("upassword").value;var spanNode = document.getElementById("uupassword");if (upassword != password) {spanNode.innerHTML = "密码不一致".fontcolor("red");return false;}if (upassword != "") {spanNode.innerHTML = "已填".fontcolor("green");return true;}else{spanNode.innerHTML = "请再次输入密码".fontcolor("red");return false;}}//检查性别function checkSex(){// var inputNode = document.getElementById("add_sex");var spanNode = document.getElementById("user_sex");// var content = inputNode.value;//检查不能为空if (!document.getElementById("man").checked && !document.getElementById("women").checked) {spanNode.innerHTML = "必填".fontcolor("red");return false;}else{spanNode.innerHTML = "已填".fontcolor("green");return true;}}//检查年龄function checkAge(){var age = document.getElementById("add_age").value;var spanNode = document.getElementById("user_age");//检查年龄是否在1-120内var reg = /^(?:[1-9][0-9]?|1[01][0-9]|120)$/;if (reg.test(age)) {spanNode.innerHTML = "已填".fontcolor("green");return true;}else{spanNode.innerHTML = "年龄不合法".fontcolor("red");return false;}}//检查邮箱function checkEmail(){var email = document.getElementById("add_email").value;var spanNode = document.getElementById("user_email");//验证邮箱的正则var reg = /^[a-z0-9]\w+@[a-z0-9]+(\.[a-z]{2,3}){1,2}$/i;if(email==""){spanNode.innerHTML = "不能为空".fontcolor("red");return false;}if (reg.test(email)){spanNode.innerHTML = "正确".fontcolor("green");return true;}else{spanNode.innerHTML = "邮箱格式不正确".fontcolor("red");return false;}}//提交form表单时进行检查function checkForm(){var add_id = checkName();var add_sex = checkSex();var add_age = checkAge();var add_email = checkEmail();var add_password = checkPassword();var upassword = checkUpassword();if (add_name && add_sex && add_age && add_email && add_password && upassword) {return true;}else{return false;}}</script>
</head>
<style type="text/css">.wrapper{text-align: center;width:1000px;margin:20px auto;}h2{background-color:#7CCD7C;margin:0px;text-align:center;}.add{margin:20px auto;}.add labal{text-align: center;background-color: #FFB6C1;color: #fff;margin:20px auto;}.btn { background-color: #008CBA;;border-radius:8px;color: white;padding: 6px 93px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;}.error {color: #FF0000;}
</style>
<body>
<div class="wrapper">
<h2>用户管理系统</h2>
<div class="add">
<labal>注册新用户</labal>
</div><div><form method="post" action="zhuce.php" onsubmit="return checkForm()"><labal>用户名: </labal> <input type="text" name="add_name" id="add_name" placeholder="请设置用户名"><span id="user_name" class="error">*</span><br><br><labal>密码: </labal> <input type="password" name="add_password" id="add_password" placeholder="请设置密码"><span id="user_password" class="error">*</span><br><br><labal>确认密码:</labal><input type="password" name="upassword" id="upassword" placeholder="请再次输入密码"><span id="uupassword" class="error">*</span><br><br><labal>性别:</labal><input type="radio" name="add_sex" id="man" value="0">男<input type="radio" name="add_sex" id="women" value="1">女<span id="user_sex" class="error">*</span><br><br> <labal>年龄: </labal><input type="text" name="add_age" id="add_age"placeholder="请输入年龄"><span id="user_age"></span><br><br><labal>邮箱: </labal><input type="text" name="add_email" id="add_email" placeholder="请输入邮箱"><span id="user_email" class="error">*</span><br><br><input class="btn" type="submit" value="注册"></form></div>
</div>
</body>
</html>
3、注册成功界面zhuce.php
<?php
include("./conn.php");$name = $_POST["add_name"];
$password = $_POST["add_password"];
$upassword = $_POST["upassword"];
$sex = $_POST["add_sex"];
$age = $_POST["add_age"];
$email = $_POST["add_email"];
if(!$name and !$password and !$sex and !$age and !$email)
{echo "错误：没有数据传递！";exit;
}
if(!$name or !$password or !$sex or !$age or !$email)
{echo "错误：一些数据没有传递！";exit;
}
if(mysqli_connect_errno()){echo "错误：不能连接数据库！";exit;
}
$q="INSRET INTO user(name,sex,age,email,password)
VALUES ('$name','$sex','$age','$email','$password')";
// if(!mysqli_query($db,$q))
// {// echo "没有新用户添加到数据库！";
// }else{// echo "新用户已经添加到数据库！";
// };
mysqli_close($db);//md5加密
$user_password = md5($password);
$zhuce_password = md5($upassword);//$data = new MysqlData;
$sql = "SELECT * FROM user WHERE name = '".$name."';";
//$res = $data->sqlRun($sele_sql);
// echo $sele_sql;
//若账号被使用
if ($res->num_rows != 0) {//释放res内存mysqli_free_result($res);//提示用户已经有人使用echo "<script type='text/javascript'>";echo "alert('此账号已经有人使用');";echo "history.back();";echo "</script>";
}//若账号没人使用
else{//释放$res占用的内存//mysqli_free_result($res);////$zhuce_sql = $data->zhuceData($name,$user_password,$sex,$age,$email);//$res = $data->sqlRun($zhuce_sql);
}
//关闭数据库连接
//$data->closeConn();
?>
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>注册成功页面</title>
</head><style type="text/css">.wrapper{text-align: center;width:1000px;margin:20px auto;}h2{background-color:#7CCD7C;margin:0px;text-align:center;}.my{margin:20px auto;}.my labal{text-align: center;background-color: #FFB6C1;color: #fff;margin:20px auto;}</style>
<body>
<div class="wrapper">
<h2>个人理财管理系统</h2>
<div class="my">
<labal>我的注册信息</labal>
</div>
<labal>用户名:</labal><input type="text" value="<?php echo $name ?>" readonly="readonly"><br><br>
<labal>性别:</labal>
<input type="radio"value="0" <?php if ($sex == "0") echo "checked"?>>男
<input type="radio"value="1" <?php if ($sex == "1") echo "checked"?>>女<br><br>
<labal>年龄:</labal><input type="text" value="<?php echo $age ?>" readonly="readonly"><br><br>
<labal>邮箱:</labal><input type="text" value="<?php echo $email ?>" readonly="readonly"><br><br>
<a href="denglu.html">返回登录页面</a>
</div>
</body>
</html>
注：注释掉的代码是本来打算实现结果没有实现的，有兴趣的可以交流交流吖
PHP+MySQL实现简单的登录注册相关推荐
- PHP个人相册管理系统源码，实现了相册分类和相册分组，还有相册图片管理，数据库采用mysql，实现了登录注册功能
PHP个人相册管理系统,实现了相册分类和相册分组,还有相册图片管理,数据库采用mysql,实现了登录注册功能.PHP个人相册源码,相册管理系统,PHP相册管理系统,界面美观简单,适合用来当做课程设计或 ...
- Java实现简单的登录注册功能
登录注册在项目开发中是常用的功能需求,以下使用控制台实现一个简单的登录注册功能. 实体类: package com.csdn.entry;public class User {//实体类,对应一个表p ...
- SpringCloud一代组件+nginx实现简单的登录注册
SpringCloud一代组件+Nginx实现简单的登录注册 1.要求 2.实现步骤 1. 首先将项目骨架创建出来 2.然后将每个功能对应的子项目创建出来 3.导入对应的数据库和配置全局配置 4.配置 ...
- Angular之简单的登录注册
使用Angular实现了一个简单的登录注册的功能........ 涉及到的Angular知识点很少 主要是这个功能的实现...(*^__^*) 嘻嘻-- 里面涉及到的知识点记录: 1.本地存储的操作 ...
- 一个简单的登录注册网页的实现
一个简单的登录注册网页的实现 通过 标签让标签内的内容居中显示,再通过标签中的method属性来设置请求方式为post(一般涉及密码等机密数据都用post请求):再通过action来设置请求地址.这其 ...
- 微信小程序+SpringBoot+mybatis+MySQL实现简单的登录
微信小程序+SpringBoot+mybatis+MySQL实现简单的登录 当下微信小程序和springboot都是比较火的.今天我们来用springboot和微信小程序来实现简单的登录. 1.首先来 ...
- python做一个登录注册界面_Python 实现简单的登录注册界面
Python 实现简单的登录注册界面 注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...
- android如何实现用户注册功能,Android 实现简单的登录注册功能（SharedPreferences和SQLite）...
最近恰好作了一个Android的登陆注册界面,将数据利用SharedPreferences或者SQLite绑定到Android程序中,实现简单的登录注册功能,本文未涉及到与服务器的交流.java 首先 ...
- 使用JSP实现简单的登录注册功能，并且使用Session跟踪用户登录信息
使用JSP实现简单的登录注册功能,并且使用了Session来跟踪用户的登录信息,这个是用纯JSP来实现此功能的,由于没有连接数据库,所以使用List来模拟数据库. 第一步:创建web项目 如果有不会创 ...
最新文章
- Mysql判断工作日函数_MySQL函数查找两个日期之间的工作日数
- Python之flask结合Bootstrap框架快速搭建Web应用
- 作业09-集合与泛型
- docker 多阶段构建
- mysql实现递归查询---使用存储过程
- c 函数多次声明_C++核心准则C.132:不要没有理由就将函数声明为虚函数
- [你必须知道的.NET]第十六回：深入浅出关键字---using全接触
- Zookeeper和CAP的关系
- linux杂谈（十七）:iscsi存储分离技术
- leetcode[0142]环形链表II，判断是否存在环形链表并找到环形的入口
- NYOJ-915 +-字符串（贪心）
- 解决局域网访问共享工具
- day04-商城后台搭建
- 旅行商问题近似解——NP完全问题
- spring集成shiro原理
- 千兆路由器怎么设置网速最快_如何设置路由器使网速最快
- 菩提千年，你是我红尘中最美的缘
- SpringAOP基础以及四种实现方式
- 宣纸一笔，思重于行——聊一聊思考的价值
- openstack compute service list报错(HTTP 503)