想用Vue自定义alertTip组件和Go发送email吗？看看这里就够了！

2023-10-12 00:19:17

让我们再次探讨自定义组件（没错，这是一部连续剧！）。我们将定义一个弹窗组件alertTip，并分享一下最近学习的Go语言中发送邮件email的使用方法。我们先来看看效果。

虽然它没有样式，但至少该有的功能都有了（绝对不是因为懒得写样式）。我们来看看它是如何实现的。

在Vue项目中，我们需要在components文件夹中创建一个新的文件，命名为AlertTip.vue。在这个文件中，我们将定义我们的自定义组件。

<template>
  <div class="alert-tip" :class="{ 'alert-tip-success': success, 'alert-tip-error': error }">
    <p>{{ message }}</p>
    <button @click="close">关闭</button>
  </div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      required: true
    },
    success: {
      type: Boolean,
      default: false
    },
    error: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    close() {
      this.$emit('close')
    }
  }
}
</script>

<style>
.alert-tip {
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 12px;
}

.alert-tip-success {
  color: #468847;
  background-color: #dff0d8;
}

.alert-tip-error {
  color: #d9534f;
  background-color: #f2dede;
}

.alert-tip button {
  float: right;
  margin-left: 12px;
}
</style>

在App.vue中，我们需要导入我们的自定义组件并将其添加到我们的模板中。

<template>
  <div id="app">
    <alert-tip message="这是一条成功提示" success></alert-tip>
    <alert-tip message="这是一条错误提示" error></alert-tip>
  </div>
</template>

<script>
import AlertTip from './components/AlertTip.vue'

export default {
  components: {
    AlertTip
  }
}
</script>

现在，我们可以在我们的组件中使用AlertTip组件。当我们点击关闭按钮时，它将触发close事件，这将导致组件被销毁。

接下来，让我们看看如何使用Go语言发送邮件。

package main

import (
	"fmt"
	"log"
	"net/smtp"
)

func main() {
	// 发件人邮箱地址
	from := "sender@example.com"
	// 发件人邮箱密码
	password := "password"
	// 收件人邮箱地址
	to := []string{"receiver@example.com"}
	// SMTP服务器地址
	host := "smtp.example.com"
	// SMTP服务器端口
	port := 25

	// 创建消息体
	message := []byte("这是一封测试邮件")

	// 创建SMTP客户端
	auth := smtp.PlainAuth("", from, password, host)
	client, err := smtp.Dial(fmt.Sprintf("%s:%d", host, port))
	if err != nil {
		log.Fatal(err)
	}
	defer client.Close()

	// 发送邮件
	if err := client.StartTLS(nil); err != nil {
		log.Fatal(err)
	}
	if err := client.Auth(auth); err != nil {
		log.Fatal(err)
	}
	if err := client.Mail(from); err != nil {
		log.Fatal(err)
	}
	for _, addr := range to {
		if err := client.Rcpt(addr); err != nil {
			log.Fatal(err)
		}
	}
	wc, err := client.Data()
	if err != nil {
		log.Fatal(err)
	}
	if _, err := wc.Write(message); err != nil {
		log.Fatal(err)
	}
	if err := wc.Close(); err != nil {
		log.Fatal(err)
	}

	fmt.Println("邮件发送成功")
}