寫個發郵件的功能php的（全代碼） - qishuang－IT工程師數位筆記本

文章出處

---恢復內容開始---

正好做了個項目，需要在線留言，一般在線留言發郵件是很常見的方式，一開始從網上搜了很久都沒有很全的，也有全一點的，但是也不能用，運行不成功，下面給大家分享一下運行成功了的全部代碼。

還是按以往的套路，先看實現的截圖，再來看代碼，

在這里填上自己的信息

點擊發送

這里會顯示發送成功

而你的郵箱里會收到

這里我全都是用的小號做的實驗

做郵箱功能前先做兩個事情

第一個是需要php開啟openssl擴展

這個php的集成環境一般都會開啟，所以這個先可以不管他，等最后全做完了，如果實驗不成功的話，再改，從網上搜搜怎么開啟就可以了

第二個是你需要一個服務郵箱，就像這個一樣，反正邏輯關系有點繞，我也是屢了半天才屢清楚的，就是別人給你發郵件，你的郵箱是一定的，但是也得找一個固定發送郵件的郵箱

這個就得需要用你的小號。

打開你小號的郵箱

點擊設置

再點擊賬戶

然后開啟前兩個，下面有個生成授權碼，那個寫參數的時候可以用，那個每一次生成的授權碼都不一樣，所以不用刻意記住

接下來再說代碼部分

html 部分

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h1 class="panel-title">郵件發送測試</h1>
            </div>

            <div class="panel-body">
                <div class="form">
                    <div class="form-group">
                        <label for="email">輸入您的姓名</label>
                         <input type="text" name="email" id="email" class="form-control" placeholder="在這兒輸入你的姓名">
                         <label for="email1">輸入你的郵箱</label>
                          <input type="text" name="email1" id="email1" class="form-control" placeholder="在這兒輸入你的郵箱">
                          <label for="email2">輸入你的留言</label>
                           <input type="text" name="email2" id="email2" class="form-control" placeholder="在這兒輸入你的留言">
                       
                    </div>
                    <div class="form-group">
                        <span class="result"></span>
                    </div>
                </div>
            </div>

            <div class="panel-footer">
                <button class="btn btn-primary" id="btn-send">發送</button>
            </div>
        </div>
    </div>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#btn-send").click(function(){
                $.post('./demo.php', {email : $('#email').val() , email1 : $('#email1').val(),email2 : $('#email2').val()} , function(res){
                    if (res.errcode == 0) {
                        $('.result').text(res.message).end().addClass('text-success')
                    } else {
                        $('.result').text(res.message).end().addClass('text-danger')
                    }
                }, "json");
            })
        })
    </script>
  </body>
</html>