<form role="form" action="doRegister" method="post" class="login-form">
? ?<div class="form-group">
? ? ? <label class="sr-only" for="form-username">Username</label>
? ? ? ?<input type="text" name="username" placeholder="請輸入賬號..." ?class="form-username form-control" id="form-username">
? ? </div>
? ? <div class="form-group">
? ? ? ?<label class="sr-only" for="form-password">Password</label>
? ? ? ?<input type="password" name="password" placeholder="請輸入密碼..." ?class="form-password form-control" id="form-password">
? ? </div>
? ? <div class="form-group">
? ? ? ?<label class="sr-only" for="form-password">Email</label>
? ? ? ?<input type="text" name="email" placeholder="請輸入郵箱..." class="form-password form-control" id="email"><br>
? ? ? ?<input type="button" ?onclick="abc()" class="btn btn-danger" id="emialcore" value="發(fā)送驗證碼">
? ? ? ?<input type="text" name="code" placeholder="請輸入驗證碼..." id="code">
? ? </div>
? ? <input type="submit" class="btn">
</form>

<script>
? ? ? function abc() {
? ? ? ? ? ? ? ? var time = 60;//定義60秒的倒計時
? ? ? ? ? ? ? ? var email = $('#email').val();//獲取輸入框的郵箱
? ? ? ? ? ? ? ? var user_name = $('#form-username').val();//獲取輸入的賬戶名
? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? //這里我用的是ajax將用戶名和郵箱發(fā)到后臺
? ? ? ? ? ? ? ? $.get('/api/email',
? ? ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? ? ? email:email,
? ? ? ? ? ? ? ? ? ? ? ? user_name:user_name
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? function (data) {
? ? ? ? ? ? ? ? ? ? ? ? console.log(data)
? ? ??
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? )
? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? //設(shè)置一個定時，一秒執(zhí)行一次
? ? ? ? ? ? ? ? var mytime = setInterval(function () {
? ? ? ? ? ? ? ? ? ? subs();
? ? ? ? ? ? ? ? },1000)
?
? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? function subs(){
? ? ? ? ? ? ? ? ? ? time--;
? ? ? ? ? ? ? ? ? ? $('#emialcore').attr("value","請"+time+"秒后再試");
? ? ? ? ? ? ? ? ? ? if(time===0){
? ? ? ? ? ? ? ? ? ? ? ? clearInterval(mytime);
? ? ? ? ? ? ? ? ? ? ? ? $('#emialcore').attr("value","發(fā)送驗證碼");
? ? ? ? ? ? ? ? ? ? ? ? $('#emialcore').attr("disabled",false);//按鍵可用
? ? ? ? ? ? ? ? ? ? } else{
? ? ? ? ? ? ? ? ? ? ? ? $('#emialcore').attr("disabled",true);//按鍵不可用
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
?
? ? ? ? ? ? ? ?
? ? ? ? ? ? }
</script>

//nodemailer.js
const nodemailer = require('nodemailer');
?
//創(chuàng)建一個smtp服務器
const config = {
? ? host: 'smtp.163.com',
? ? port: 465,
? ? auth: {
? ? ? ? user: '這里寫你自己的163郵箱@163.com', //注冊的163郵箱賬號
? ? ? ? pass: 'xxxxxxx' //郵箱的授權(quán)碼，不是注冊時的密碼,等你開啟的stmp服務自然就會知道了
? ? }
};
// 創(chuàng)建一個SMTP客戶端對象
const transporter = nodemailer.createTransport(config);
?
//發(fā)送郵件
module.exports = function (mail){
? ? transporter.sendMail(mail, function(error, info){
? ? ? ? if(error) {
? ? ? ? ? ? return console.log(error);
? ? ? ? }
? ? ? ? console.log('mail sent:', info.response);
? ? });
};

router.get('/email',async (ctx)=>{
?
? ? var email = ctx.query.email;//剛剛從前臺傳過來的郵箱
? ? var user_name = ctx.query.user_name;//剛剛從前臺傳過來用戶名
? ? var code = await tools.createSixNum();//這里是我寫的生成的隨機六位數(shù)，等等下面給代碼
? ? var date = new Date();//獲取當前時間
? ? var isLive = "no";
? ? //去數(shù)據(jù)庫中找有沒有同名的用戶名，這里就要自己寫了，不同的數(shù)據(jù)庫查詢方法不同
? ? var result =await DB.find('user',{user_name:user_name});
?
? ? //console.log(result);
?
? ? if(result.length>0){
? ? ? ? ctx.body ={success:false,message:"賬號已經(jīng)存在"}
? ? }else{
? ? ? ? ctx.body ={success:true,message:"賬號可行"};//數(shù)據(jù)傳回前臺
? ? ? ? var mail = {
? ? ? ? ? ? // 發(fā)件人
? ? ? ? ? ? from: '<你自己的163郵箱@163.com>',
? ? ? ? ? ? // 主題
? ? ? ? ? ? subject: '接受憑證',//郵箱主題
? ? ? ? ? ? // 收件人
? ? ? ? ? ? to:email,//前臺傳過來的郵箱
? ? ? ? ? ? // 郵件內(nèi)容，HTML格式
? ? ? ? ? ? text: '用'+code+'作為你的驗證碼'//發(fā)送驗證碼
? ? ? ? };
?
? ? ? ? var json = {user_name,email,code,date,isLive};
? ? ? ? await DB.insert('user',json);//將獲取到的驗證碼存進數(shù)據(jù)庫，待會提交時要檢查是不是一致
? ? ? ? await nodemail(mail);//發(fā)送郵件
? ? }
})

createSixNum(){
? ? ? ? var Num="";
? ? ? ? for(var i=0;i<6;i++)
? ? ? ? {
? ? ? ? ? ? Num+=Math.floor(Math.random()*10);
? ? ? ? }
? ? ? ? return Num;
? ?}

router.post('/doRegister',async (ctx)=>{?
?
? ? //console.log(ctx.request.body);
?
? ? var username = ctx.request.body.username;//獲取用戶名
? ? var password = ctx.request.body.password;//獲取密碼
? ? var code = ctx.request.body.code;//獲取你輸入的驗證碼
? ??
? ? //去數(shù)據(jù)庫把剛剛在存驗證碼的時候一起存的那條記錄找出來
? ? var result =await DB.find('user',{"user_name":username});
?
? ? var nowDate = (new Date()).getTime();//獲取當前時間
?
? ? 判斷驗證碼是否正確，時間是否超過10分鐘
? ? if(result[0].code===code && (result[0].date.getTime()) - nowDate <600000){
? ? ? ? //更新數(shù)據(jù)庫的用戶信息，把用戶密碼深的也存進去
? ? ? ? await DB.update('user',{user_name:username},{
? ? ? ? ? ? "password":password,
? ? ? ? ? ? "status":1,
? ? ? ? ? ? "isLive":"yes",//注冊成功啦
? ? ? ? ? ? "add_time":tools.getTime()
? ? ? ? });
? ? ? ??
? ? }else{
? ? ? ? ctx.render('admin/error',{
? ? ? ? ? ? //驗證碼過期或者是驗證碼錯誤，要寫點什么的話自己再去寫寫吧。
? ? ? ? })
?
? ? }
?
});