个人商城系统开源(发送邮箱验证码!)

原文地址:个人商城系统开源(发送邮箱验证码!) - Pleasure的博客

下面是正文内容:

前言

由于近期实在没有什么话题可写和一些有趣的项目教程可以分享。所以我只能决定将我自己亲手编写的一个迷你迷你商城系统进行开源。

也就是放在我博客右边的“我的另一个网站”(由于实在没什么生意只能开源了,充当教材)

开始分享一些前后端全栈的内容,希望对你们有所帮助。

虽然是迷你的商城系统,但是由于要实现每一部分各自的功能还是非常复杂的,比如用户的注册登录,手机号邮箱的绑定,充值支付功能的实现等等。

所以在这里我会花一周的时间按照功能进行划分来逐块解释,也好水一周的文章。顺便可以迁个站,整理一下代码。

看之前还是麻烦大家点点关注,谢谢!(就不选仅粉丝可见了)

如果在实现上存在什么问题,可以联系我。

正文

在开始之前需要说明的是,由于在注册账号的过程中需要绑定用户的邮箱,以便后续账号密码的找回,所以今天商城系统的开源就优先从绑定邮箱开始。

预备知识

三个电子邮箱协议

  • SMTP(Simple Mail Transfer Protocol): 用于发送电子邮件的协议。
  • POP3(Post Office Protocol version 3): 用于从邮件服务器下载电子邮件到本地设备的协议。
  • IMAP(Internet Message Access Protocol): 允许用户在多个设备上同步和管理邮件的协议。

预先的准备

一个域名,解析域名的账号,腾讯企业邮的账号(当然其他邮件公司也可以)

首先需要建立一个发送邮件验证码的邮箱账号,也就是针对自己的域名进行邮箱解析。

同时根据这个原理,你可以同时创建多个邮箱账号——用于一些不常用账号的注册以及广告邮件的接收。

当然也可以参考官方的使用说明!常用邮件客户端软件POP/IMAP协议设置-帮助中心-企业微信

在域名解析栏中添加下面的几个解析(或者点击快速解析常用邮箱解析)

登录腾讯企业邮箱官网(需要有企业微信账号),找到下面的这个界面,添加域名

添加邮箱账号

登录邮箱账号进行设置

记录下面的密钥,后面在发送邮箱验证码的时候需要用到(调用的凭证)

至此前置工作就算结束了

然后就是下载给出的这个调用包:https://github.com/PHPMailer/PHPMailer (相当于一个插件)

当然在商城系统的开源压缩包中也有配备,大家自行选择。

正式调用

下面就是调用邮箱发送验证码的关键代码,其中password处填写的就是上面生成的密码。

function generateRandomCode()函数用于生成六位随机验证码,并储存session用于后面在emailcheck.php中进行验证,验证完毕后通过emailaction.php在数据库中进行储存。

emailregister.php就是前段的页面,下面是emailregister.php的内容。

<?php
session_start();
$email = isset($_SESSION['email']) ? $_SESSION['email'] : '';
$token = isset($_SESSION['token']) ? $_SESSION['token'] : '';
if (isset($_SESSION['username'])) { ?>
    <!DOCTYPE html>
    <html>

    <head>
        <title>邮箱注册或更新</title>
        <meta name="content-type" ; charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
        <meta name="generator" content="Jekyll v4.0.1">
        <link rel="icon" href="../picture/avatar2.jpg" type="image">
        <link href="../bootstrap.css" rel="stylesheet">
        <link href="../loginsystem/signin.css" rel="stylesheet">
        <style>
            .bd-placeholder-img {
                font-size: 1.125rem;
                text-anchor: middle;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            @media (min-width: 768px) {
                .bd-placeholder-img-lg {
                    font-size: 3.5rem;
                }
            }
        </style>
    </head>

    <body class="text-center">
        <div class="form-signin" id="loginform">
            <img class="mb-4" src="../picture/avatar2.jpg" alt="" width="72" height="72">
            <h1 class="h3 mb-3 font-weight-normal">Please register/change here</h1><br>

            <form class="form-signin" id="loginform" action="./email.php" method="post">
                <div style="display: flex; align-items: center;">
                    <input type="email" id="email" class="form-control" name="email" required="required" value="<?php echo $email ?>" placeholder="Email" required autofocus>
                    <button class="btn btn-md btn-secondary" id="buttonefirst" type="submit" name="send">Send</button>
                </div>
            </form>
            <p>
                <?php
                $err = isset($_GET["err"]) ? $_GET["err"] : "";
                switch ($err) {
                    case 1:
                        echo "<br>发送成功!";
                        break;

                    case 2:
                        echo "<br>发送失败!";
                        break;

                    case 13:
                        echo "<br>该邮箱已被注册!";
                        break;
                }
                ?>
            </p>
            <form class="form-signin" id="loginform" action="./emailcheck.php" method="post">
                <div style="display: flex; align-items: center;">
                    <input type="text" id="verification1" class="form-control" name="verification1" required="required" value="" placeholder="Email Verification Code" required autofocus>
                    <button class="btn btn-md btn-secondary" id="buttonfirst" type="submit" name="send">Sure</button>
                </div>
            </form>
            <p>
                <?php
                $err = isset($_GET["err"]) ? $_GET["err"] : "";
                switch ($err) {
                    case 3:
                        echo "<br>验证成功!";
                        break;

                    case 4:
                        echo "<br>邮箱更新成功!";
                        header('Refresh: 3; URL=../index.php');
                        exit();
                        break;

                    case 5:
                        echo "<br>验证失败!";
                        break;

                    case 6:
                        echo "<br>验证成功!请返回登录界面登录!";
                        header('Refresh: 3; URL=../index1.html');
                        exit();
                        break;
                }
                ?>
            </p>
        </div>
    </body>

    </html>
<?php
} else {
    header('Location: ../index1.html');
    exit;
}
?>

下面是email的内容

<?php

use PHPMailerPHPMailerPHPMailer;
use PHPMailerPHPMailerException;

require '../PHPMailer-6.9.1/src/Exception.php';
require '../PHPMailer-6.9.1/src/PHPMailer.php';
require '../PHPMailer-6.9.1/src/SMTP.php';

function generateRandomCode()
{
    $code = '';
    for ($i = 0; $i < 6; $i++) {
        $code .= mt_rand(0, 9);
    }
    return $code;
}

$randomCode = generateRandomCode();

if (isset($_POST['send'])) {
    $mail = new PHPMailer(true);

    $mail->isSMTP();
    $mail->Host = 'smtp.exmail.qq.com';
    $mail->SMTPAuth = true;
    $mail->Username = '[email protected]';
    $mail->Password = '*******************';
    $mail->SMTPSecure = 'ssl';
    $mail->Port = 465;

    $mail->setFrom('[email protected]');

    $mail->addAddress($_POST["email"]);

    $mail->isHTML(true);

    $mail->Subject = "Verification Code";
    $mail->Body = "感谢您光临一鸣的小站,请在5分钟内使用验证码,祝您生活愉快。您的验证码是:$randomCode ";



    ini_set('session.cookie_lifetime', 300);
    session_start();
    $_SESSION['email_code'] = $randomCode;
    $_SESSION['email'] = $_POST["email"];
    $username = $_SESSION['username'];
    $email = $_POST["email"];
    $token = $_SESSION['token'];

    require "../conn.php";
    $stmt = $conn->prepare("SELECT email FROM email WHERE email = ? AND username != ?");
    $stmt->bind_param("ss", $email, $username);
    $stmt->execute();
    $res1 = $stmt->get_result();
    $email2 = $res1->fetch_assoc();

    if ($email2['email'] == $_POST['email']) {
        header("Location:emailregister.php?err=13");
        exit;
    }
    if ($mail->send()) {
        header("Location:emailregister.php?err=1");
    } else {
        header("Location:emailregister.php?err=2");
    }
}

下面是emailcheck.php的内容

<?php
session_start();

$userInputCode = $_POST['verification1'];
$generatedCode = $_SESSION['email_code']; 
$email = $_SESSION["email"];
$token = $_SESSION['token'];
// 进行验证

if ($userInputCode === $generatedCode) { 
   header("Location:emailaction.php");
   exit;
} else {
   header("Location:emailregister.php?err=5");
}
?>

下面是emailaction.php的内容

<?php
session_start();
$email = $_SESSION['email'];
$username = $_SESSION['username'];
$token = $_SESSION['token'];

require "../conn.php";
$stmt = $conn->prepare("SELECT email FROM email WHERE email = ?");
$stmt->bind_param("s", $email);
$stmt->execute();
$ret = $stmt->get_result();
$num = $ret->num_rows;
if ($num < 1) { if (!empty($token)) { $stmt1 = $conn->prepare("UPDATE email SET email = ? WHERE username = ?");
$stmt1->bind_param("ss", $username, $email);
$stmt1->execute();
header("Location:emailregister.php?err=6");

} else {
    $stmt1 = $conn->prepare("INSERT INTO email (email, username) VALUES (?, ?)");
    $stmt1->bind_param("ss", $email, $username);
    $stmt1->execute();
    header("Location:emailregister.php?err=3");
}

} else {
$stmt2 = $conn->prepare("UPDATE email SET email = ? WHERE username = ?");
$stmt2->bind_param("ss", $username, $email);
$stmt2->execute();
header("Location:emailregister.php?err=4");
}

大家根据自己的理解自行解读

值得注意的事,并没有验证是否所有类型的邮箱都能接收到邮件(理论上应该是都可以的,如果不行可能是设置了垃圾邮件拦截等原因)。

尾声

在使用上并不能百分百保证没有报错,尤其是数据库连接部分,可能会存在一定问题。大家自行调试。

源码下载地址:

https://download.csdn.net/download/2302_79791164/88922823

即使不从发送邮箱验证码这个目的的角度来说,这个技能也还是蛮实用的。

希望对你们有所帮助。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>