简单登录

最新推荐文章于 2022-02-23 22:07:36 发布
最新推荐文章于 2022-02-23 22:07:36 发布
阅读量337 收藏 1
点赞数 1
分类专栏： 登录系统 文章标签： 登录系统  php mysql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhl11112222/article/details/84329045
版权

简单的登录系统

需要的语言：html css php mysql js

登录页面设计

Alt
代码片.
名：1.html

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .id{
            margin-top: 150px;
            margin-left: 300px;
            border:2px solid white;
            width: 800px;
            height: 500px;
            position: relative;
        }
        p{
            font-size: 24px;
            text-align: center;
            margin-top: 0px;
            margin-left: 85px;
            position:absolute;
        }
        #a1{
            width:200px;
            height: 20px;
        }
        #a2{
            width:200px;
            height: 20px;
            margin-left: 24px;
        }
        #a3{
            border: 2px solid white ;
            border-radius: 20%;
        }
        #gg{
            font-size: 24px;
            color: white;
            font-family: "Segoe UI Black";
            text-align: center;
            margin-left:50px;

        }
        #a3{
            margin-left: 200px;
            margin-top: 200px;
            position: absolute;
        }
        #a4{
            margin-left: 270px;
            margin-top: 200px;
            position: absolute;
            border: 2px solid white ;
            border-radius: 20%;
        }
        #a5{
            margin-left: 130px;
            margin-top: 200px;
            position: absolute;
            border: 2px solid white ;
            border-radius: 20%;

        }

        .hh{
            margin-left: 100px;
            margin-top: 100px;
            position: absolute;
        }
        .hh1{
            margin-left: 100px;
            margin-top: 130px;
            position: absolute;
        }
        .kk{
            width: 500px;
            height: 300px;
            border: 10px solid rgba(255,255,250,0.5);
            background: url("picture/1.png");//图片https://img-blog.csdnimg.cn/20181121194709361.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pobDExMTEyMjIy,size_16,color_FFFFFF,t_70)
            position: absolute;
            margin-left: 150px;
            margin-top: 30px;
        }
        p{
            margin-left:150px;
            color: white;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="id">
    <div class="kk">
<table>
    <form action="1.php" method="post" >
        <tr class="hh">
            <td id="gg">用户名</td>
            <td><input type="text" name="user" id="a1"></td>
        </tr>
        <tr class="hh1">
            <td id="gg">密码</td>
            <td><input type="password" name="password" id="a2"></td>
        </tr>
        <input type="button" id="a3" value="注册">
        <input type="button" id="a5" value="注销">
        <input type="submit" value="登录" name="name" id="a4">
    </form>
</table>
    </div>
</div>
<script type="text/javascript">
   var gh=document.getElementById("a5");
       gh.onclick=function () {
       location.assign("4.html");//注销
   }
    var gg=document.getElementById("a3");
        gg.onclick=function () {
        location.assign("2.html");//注册
    }
</script>
</body>
</html>

登录界面的后台处理

名：1.php


<?php
$user=$_POST['user'];
$password=$_POST['password'];
$con=mysqli_connect('localhost','root','123456');//连接数据库
if(!$con)
{
    echo "登陆失败";//判断数据库是否连接成功
}
mysqli_set_charset($con,"utf-8");//设置字符
mysqli_select_db($con,'school');//选择数据库
session_start();
$pass= mysqli_query($con,"SELECT password FROM test WHERE password='$password'");//发送SQL语句
$r=mysqli_num_rows($pass);//返回结果集中的行数
echo $r;
$use=mysqli_query($con,"SELECT user FROM test WHERE user='$user'");
$t=mysqli_num_rows($use);
echo $t;
if($t==0)
{
    echo "用户名为空     ";
}
if($r==0)
{
    echo "密码为空      ";
}
if($r!=0&&$t!=0)
{
    echo '{"result":true}';
    echo '登录成功';
    $_SESSION['user']=$user;
    echo '
       <script>
     setTimeout( function(){window.location.href("3.html");
     },2000);//设置跳转时间
       </script>';
}
else
{
    echo "登录失败";
    echo ' <script>
     setTimeout( function(){window.location.href("1.html");
     },2000);
</script>';
}
  mysqli_close($con);
?>

注销页面

Alt
名：4.html

<!DOCTYPE html>!
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>请输入注销用户名</h1>
<form action="4.php" method="post">
<input type="text" name="name2">
<input type="submit" value="提交" >
<input type="button" value="返回" id="a1">
</form>
<script type="text/javascript">
    var gg=document.getElementById("a1");
    gg.onclick=function () {
        location.assign("1.html");
    }
</script>
</body>
</html>

注销页面后台处理

名：4.php

<?php

$hh=$_POST['name2'];
$con=mysqli_connect('localhost','root','123456');
if($con)
{
    echo '连接成功';
}
mysqli_set_charset($con,"utf-8");
mysqli_select_db($con,'school');
$sql="select *from test";
$sql="select user from test where user='$hh'";
$res=mysqli_query($con,$sql);
$result=mysqli_num_rows($res);
if($result==0)
{
    echo "不存在该用户";
    echo "<h1>2s后返回</h1>";
    echo '
     <script>
     setTimeout( function(){window.location.href("4.html")
     },2000);
    </script>';
}
else
{
    $rr="delete from test where user='$hh' ";
    mysqli_query($con,$rr);
    echo "注销成功";
    echo '
     <script>
     setTimeout( function(){window.location.href("1.html")
     },2000);
    </script>';
}
mysqli_close($con);
?>

注册页面

Alt
名:2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .id{
            margin-top: 180px;
            margin-left: 460px;
            border:2px solid white;
            border-radius:2%;
            background: url("picture/452.jpg");/图片](https://img-blog.csdnimg.cn/20181121194454742.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pobDExMTEyMjIy,size_16,color_FFFFFF,t_70)
            width: 500px;
            height: 335px;
            position: relative;
        }
        p{
            font-size: 24px;
            text-align: center;
            margin-top: 0px;
            margin-left: 180px;
            position:absolute;
        }
        .kk{
            width: 300px;
            height: 200px;
            position: absolute;
            margin-top: 80px;
            margin-left: 100px;
        }
        #gg{
            font-size: 24px;
            color: white;
        }
        #gg1{
            font-size: 24px;
            color: white;
        }
        #a3
        {
            position: absolute;
            margin-left: 200px;
            margin-top: 100px;
            width: 60px;
        }
        #gf{

            position: absolute;
            margin-left: 100px;
            margin-top: 100px;
            width: 60px;
        }
    </style>
</head>
<body>

<div class="id">
    <div class="kk">
<table>
    <form action="2.php" method="post">
        <tr>
        <td id="gg">输入用户名</td>
            <td><input type="text" name="user" id="a1"></td>
        </tr>
        <tr>
        <td id="gg1">输入密码</td>
            <td><input type="password" name="password" id="a2"></td>

        </tr>
        <input type="button" id="gf" value="返回">
        <input type="submit" value="提交" name="name" id="a3">
        <script type="text/javascript">
            var gff=document.getElementById("gf");
            gff.onclick=function () {
                location.assign("1.html");
            }
        </script>
    </form>
</table>
    </div>
</div>

</body>
</html>

注册页面后台处理

名:2.php

?php>
 $password=$_POST['password'];
  $user=$_POST['user'];
  $connect=mysqli_connect('localhost','root','123456');
  if($connect)
  {
    // echo "连接成功";
  }
  mysqli_set_charset($connect,'utf-8');
  mysqli_select_db($connect,'school');
if($user==""&&$password=="")
{
    echo '用户名为空不能注册';
    echo "
    <script>
     setTimeout(function() {
       window.location.href='2.html';
     },2000);
     </script>
    ";
}
else {
    $use = mysqli_query($connect, "SELECT user FROM test WHERE user='$user'");
    $t = mysqli_num_rows($use);
    if ($t != 0) {
        echo "<h1>用户名已被注册，请重新注册</h1>";
        echo '<br/>';
        echo '<br/>';
        echo '<br/>';
        echo "
    <script>
     setTimeout(function() {
       window.location.href='2.html';
     },2000);
     </script>
    ";
    } else {
        $res = "select *from test";
        $res = "INSERT INTO test(user,password) VALUES('$user','$password')";
        $qq = mysqli_query($connect, $res);
        if (!$qq) {
            echo "错误";

        } else {
            echo "<h1>注册成功2秒后将返回登陆页面</h1>";
            echo "
    <script>
     setTimeout(function() {
       window.location.href='1.html';
     },2000);
   </script>";
        }
    }
}
  mysqli_close($connect);

?>

登录成功后的界面

Alt
名:3.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .id{
            width: 800px;
            height: 60px;
            border: 2px solid black;
            margin-left: 400px;
        }
       .id li{
            width: 149px;
            list-style: none;
            text-decoration: none;
            float: left;
            border-right: dashed gray;
        }
        .id li a{
            text-decoration: none;
            line-height: 40px;
            margin-left: 50px;
        }

    </style>
</head>
<body>

<div class="id">
    <ul>
        <li><a href=""> 首页</a></li>
        <li><a href=""> 新闻</a></li>
        <li><a href=""> 背景</a></li>
        <li><a href=""> 首页</a></li>
        <li><a href="" >首页</a></li>

    </ul>
</div>
<div>
    <input type="button" value="修改密码" name="nameg">
    <input type="button" value="修改用户名" name="namegg">
    <script type="text/javascript">
        var gg=document.getElementsByName("nameg")[0];
        gg.onclick=function () {
            location.assign("5.html");
        }
        var gg1=document.getElementsByName("namegg")[0]
        gg1.onclick=function () {
            location.assign("5.html");
        }

    </script>

</div>
</body>
</html>

可能会发现没有5.html，那是登录进去后的操作，所以没有贴

若有什么错误与不足肯请批评指正，小白一只，谢谢大家。

人!=机器
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
简单登录系统
08-19
适合初学者，学习使用，思路非常简单，特别好ssm框架登录系统
简单的登录
lixiaoliang0723的博客
11-12 110
记得删除 private EditText ed01; private EditText ed02; private CheckBox pswd; private CheckBox login; private Button btn01; private SharedPreferences mPreferences; private Str...
简单登录(1)
qq_45624490的博客
02-23 183
LoginServlet类 package com.ffyc.webback.servlet; import com.ffyc.webback.dao.LoginDao; import com.ffyc.webback.model.User; import com.google.gson.Gson; import com.sun.media.sound.SoftTuning; import javax.servlet.ServletException; import javax.servlet.http
wpf 简单登录
11-01
【标题】"wpf 简单登录"是关于Windows Presentation Foundation（WPF）框架下构建一个基础登录界面的学习资源，适用于初学者。WPF是.NET Framework中的一个UI框架，用于构建桌面应用程序，它提供了丰富的图形表现力...
python制作简易登录系统
12-21
通过上述解释，我们可以看出，这个Python简易登录系统利用了Python的基本语法和数据结构，实现了一个简单的用户管理功能。它是一个很好的学习示例，展示了如何用Python进行用户认证和账户管理。同时，系统还可以...
简单登录注册
04-14
在IT行业中，构建一个简单的登录注册系统是许多初学者和开发者必须掌握的基础技能。这个"简单登录注册"项目涉及到了一些关键的Java基础知识，包括前端交互、后端处理以及用户验证。下面我们将深入探讨这些知识点。 ...
H5简易登录界面
02-26
H5简易登录界面是专为移动端设计的简洁且高效的用户登录页面，它旨在提供一个直观、美观且易于使用的交互体验，尤其适用于移动设备的用户。 在设计H5登录界面时，有几个关键知识点需要注意： 1. **响应式设计**：...
简单登录注册界面模板（HTML+CSS+JavaScript）【登录注册界面代码】
06-13
简单登录注册界面模板（HTML+CSS+JavaScript）。简单登录注册界面模板（HTML+CSS+JavaScript）。简单登录注册界面模板（HTML+CSS+JavaScript）。 简单登录注册界面模板（HTML+CSS+JavaScript）【登录注册界面代码】
简单的登录系统
05-24
labview 登录 简单的登录系统 小项目应该没有问题 。。。
最简单的登录系统最简单的登录系统
05-02
最简单的登录系统最简单的登录系统最简单的登录系统最简单的登录系统最简单的登录系统
一个简单的登陆注册系统
07-01
一个简单的登陆注册系统 登录注册系统 JSP JavaBean 登录 注册
简单的学生登录系统界面
05-16
一个简单的学生信息登录界面，初学者，望交流指教
基于XML简单的登录和注册前往https://download.csdn.net/download/yangxin_blog/12541459
11-07
请下载 https://download.csdn.net/download/yangxin_blog/12541459 基于xml的简单数据库的登录和注册,全部源代码在这里。 能够实现基本用户登录和注册的功能， 主要是基于xml进行存储和读取，都是学校的一些demo
一个简单的用户登录
唐鑫的博客
04-17 628
一个简单的用户登录 在这里用的了layui 的插件和jquery的插件 一、Html部分： 1.首先得加载layui里面的弹框插件，这里的是layui的固定格式，不清楚的小伙伴可以到layui的官网研究一下。 var layer; layui.use(['layer'], function(args) { layer = layui.layer; }); 2． 然后在是绑定登录按钮的...
一个简单的登录系统
HeT55的博客
12-23 3400
一、登录功能 1.分析页面跳转 2.发送请求，需要的id， 3.实现功能 二、注销功能 1.修改退出请求【/WEB-INF/views/common/header.jsp】 @RequestMapping(value="/logout",method=RequestMethod.GET) public String logout(HttpSession session){ // 1. 销毁session session.invalidate(); // 2. 跳转到登录页面 return “logi
使用MFC创建简单登录对话框教程
"MFC创建简单登录对话框教程" 这篇教程介绍了如何使用Microsoft Foundation Class (MFC) 库在Visual C++ 6.0环境下创建一个基本的登录对话框。MFC是微软提供的一个C++类库，它封装了Windows API，使得开发者能够更...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值