Bootstrap 中的订阅表单实现

Subscribe form implementation in Bootstrap

我目前参与的项目需要实现 Bootstrap 的订阅选项。
目前我有以下代码:

<center>
 <form class="form-inline" role="form">
   <div class="form-group">
    <label class="sr-only" for="exampleInputEmail2">Email address</label>
    <input type="email" class="form-control transparent" placeholder="Enter your email">
   </div>
  <button type="submit" class="btn btn-success btn-fill">Subscribe</button>
 </form>
</center>

如何将 "Subscribe" 按钮设置为 link 到电子邮件?基本上,如何才能知道是否有人订阅了时事通讯?

这里没有足够的信息来实际回答您的问题,因为我们不知道该表单被post编辑到什么后端代码。

但我会试一试...

在我看来,您有 2 个选择。这取决于项目后端的结构以及 'subscribe' 按钮的用途。

如果您只想订阅某人的邮件列表并定期向他们发送电子邮件,最简单的方法是使用 MailChimp 而不是构建您自己的基础架构。创建列表后,您可以使用表单构建器构建表单,然后可以将表单的 html 复制到您网站上的页面中。您 需要重新编写一些表单代码才能使用 bootstrap,因为他们生成的表单代码不使用 bootstrap,但这并不难做。从那里您可以登录 MailChimp 并轻松查看您的列表中有多少订阅者。

如果您想推出自己的解决方案,您需要将每个电子邮件地址存储在您控制的数据库中。通常在 MVC Web 应用程序中,稍后在视图中的表单将 post 发送到控制器,控制器从那里获取数据(模型)并调用后端的一些服务以将其存储在数据库中或以其他方式用它做点什么。然后,您需要一个页面,该页面调用后端服务中的适当方法,returns 模型和视图并显示它。

使用 MailChimp 的工作量要少得多,而且上手非常快,维护工作也更少,而且效果非常好。