HTML实现基于MD5加密的登录注册系统

前言

MD5信息摘要算法是一种被广泛使用的密码散列函数，可以产生出一个128位（16字节）的散列值（hash value），用于确保信息传输完整一致。

本博客是通过HTML来编写用户登录及注册界面，同时利用MD5对用户密码进行加密，然后使用PHP与数据库进行交互，如对加密后的密码进行存储，完成用户注册功能；读取数据库内容进行判断，完成用户登录功能。源码。

一、创建数据库

这里选择使用使用宝塔来创建数据库。安装宝塔面板可以参考这里。

二、注册实现

思路：定义表单、用户名及密码输入框、注册按钮，当点击注册按钮后，调用MD5对密码进行加密后访问“注册.php”把表单数据发送到服务器，将其写入数据库。

1、编写HTML注册页面

创建一个表单：

  <form name="myform" onsubmit="return form_submit()" action="注册.php" method="post"></form>

创建用户名输入框：

<input name="username" type="text" value="" placeholder="请输入新用户名">

创建密码输入框：

<input name="password" type="password" value="" placeholder="请输入新密码"> 

创建注册按钮：

<input name="registerButton" type="submit" value="注册">

调用MD5进行加密：

<script>
    function form_submit() {
        var pwd = $("#password").val();
        if (pwd.trim().length < 32) {
            pwd = md5(pwd);
            console.log(pwd);
        }
        $("#password").val(pwd);
    }
</script>

2、编写PHP实现将数据写入数据库

INSERT INTO 语句用于向表格中插入新的行。语法：INSERT INTO 表名称 VALUES (值1, 值2,....)。

三、登录实现

思路：定义表单、用户名及密码输入框、登录按钮，当点击登录按钮后，调用MD5对密码进行加密后访问“登录.php”，按一定条件查询数据表的内容，然后进行比较判断。即查找是否存在用户名和密码均相同的项，然后通过判断$result->num_rows是否为0，为0时表示数据库中没有相同的数据，通过echo向html页面返回‘失败’的信息，反之则返回‘成功’的信息。

1、编写HTML登录页面

同上“编写HTML注册页面”。

2、编写PHP实现数据库访问

单表查询语句：SELECT 属性名 FROM 表名 WHERE 筛选条件或SELECT * FROM 表名 WHERE 筛选条件。星号* 是选取所有列的快捷方式。