实现ASP.NET MVC邮件发送功能的完整指南

于 2025-03-13 12:40:15 发布
阅读量723 收藏 14
点赞数 14
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_32456485/article/details/146248179
版权

本文还有配套的精品资源，点击获取 menu-r.4af5f7ec.gif

简介：在C# ASP.NET MVC框架中实现邮件发送功能是Web应用常见的需求。本文将详细介绍如何利用ASP.NET MVC的特性构建邮件发送功能，并通过Microsoft Outlook SMTP服务器进行实现。将指导您如何创建邮件模型、邮件服务，以及在控制器中处理邮件发送动作和在视图中创建用户界面。

1. MVC设计模式基础

1.1 MVC设计模式的定义和原理

MVC（Model-View-Controller）是一种软件设计模式，它将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。模型代表数据和业务逻辑，视图负责展示数据，而控制器处理用户输入并调用模型和视图去完成请求。

1.2 MVC的工作流程简述

在MVC模式中，用户与视图交互，视图将请求发送到控制器，控制器再根据业务逻辑更新模型，并选择一个视图去渲染模型，最后将响应呈现给用户。这种方式将业务逻辑、数据和用户界面分离，使得代码易于管理和维护。

1.3 MVC设计模式的好处

MVC模式的好处在于它促进了关注点分离，提高了应用程序的可扩展性和可维护性。它也允许团队成员更专注和并行地工作，因为模型、视图和控制器由不同的开发者独立开发和测试。此外，MVC还提供了更好的测试性，因为各个组件能够独立地进行单元测试。

2. 安装System.Net.Mail NuGet包

2.1 NuGet包管理器简介

2.1.1 NuGet的作用和重要性

NuGet是.NET项目的包管理器，它为开发人员提供了一种方便快捷的方式来发现、安装和更新库。它极大地简化了库管理的过程，使得维护项目的依赖变得异常简单。通过NuGet，你可以：

  • 搜索并添加你需要的库到你的项目中。
  • 管理已安装的库的版本，以便于在你的应用程序中使用。
  • 简化更新库到最新版本的过程，使应用程序保持最新。
  • 分享你自己的库，以便其他开发人员可以在他们的项目中使用它们。

NuGet的使用是当今.NET开发不可或缺的一部分，它促进了代码共享和重用，并确保了项目依赖关系的清晰和一致。

2.1.2 如何在项目中安装NuGet包

安装NuGet包通常可以通过几种不同的方法，包括但不限于：

  • Visual Studio图形界面 ：通过Visual Studio解决方案资源管理器中的“管理NuGet包”对话框。
  • NuGet包管理器控制台 ：使用Visual Studio内嵌的命令行工具执行NuGet命令。
  • 命令行 ：在项目的根目录使用 nuget install 或 dotnet add package 命令。
  • 自动化脚本 ：在构建过程中，可以使用如 NuGet.exe 的工具自动安装所需的包。

通常情况下，最直接的方法是通过Visual Studio的图形用户界面来安装。首先，在Visual Studio中打开你的项目，然后按照以下步骤操作：

  1. 右击解决方案资源管理器中的“依赖项”或“引用”部分。
  2. 选择“管理NuGet包”。
  3. 切换到“浏览”选项卡。
  4. 在搜索框中输入所需的包名，例如 System.Net.Mail 。
  5. 点击“安装”，确保选择了正确的项目和版本。

这个过程将会从NuGet服务器下载包到你的项目，并且添加必要的引用到你的项目文件中。

2.2 System.Net.Mail包的介绍

2.2.1 System.Net.Mail包的功能

System.Net.Mail 是.NET Framework中的一个命名空间，提供用于发送电子邮件的类和接口。它支持基本的邮件发送功能，包括创建邮件消息、配置SMTP服务器、发送邮件等。该命名空间提供的主要功能有：

  • 构建电子邮件的头部信息，如收件人地址、发件人地址、邮件主题和邮件正文。
  • 通过SMTP协议发送邮件。
  • 添加附件到邮件。
  • 管理邮件的优先级、编码等。
  • 支持多种认证方式，以确保通过认证的SMTP服务器发送邮件。

2.2.2 安装步骤和验证

要安装 System.Net.Mail 包，你可以使用NuGet包管理器。下面的步骤会指导你如何在Visual Studio中进行安装：

  1. 打开你的.NET项目在Visual Studio中。
  2. 点击“工具”菜单，然后选择“NuGet包管理器”。
  3. 在包管理器中，选择“管理解决方案的NuGet包...”。
  4. 在打开的NuGet包管理器对话框中，点击“浏览”标签页。
  5. 在搜索框中输入“System.Net.Mail”。
  6. 找到对应的包后，点击“安装”按钮。
  7. 在弹出的对话框中确认安装，并等待安装过程完成。

为了验证 System.Net.Mail 包是否安装成功，你可以尝试添加对命名空间的引用，并查看是否有任何编译错误。例如： 

using System.Net.Mail;

如果在尝试编译项目时没有编译错误，那么这意味着 System.Net.Mail 包已经成功安装并且可以使用了。

安装示例代码块和逻辑分析 

using System;
using System.Net.Mail;

class Program
{
    static void Main()
    {
        try
        {
            MailMessage mail = new MailMessage();
            SmtpClient SmtpServer = new SmtpClient("smtp.example.com");

            mail.From = new MailAddress("your-email@example.com");
            mail.To.Add("recipient-email@example.com");
            mail.Subject = "邮件主题";
            mail.Body = "邮件正文内容";

            SmtpServer.Port = 25;
            SmtpServer.Credentials = new System.Net.NetworkCredential("username", "password");
            SmtpServer.EnableSsl = true;

            SmtpServer.Send(mail);
            Console.WriteLine("邮件已发送！");
        }
        catch (Exception ex)
        {
            Console.WriteLine("邮件发送过程中发生错误。" + ex.ToString());
        }
    }
}

在上述代码中，我们首先导入 System.Net.Mail 命名空间来获取 MailMessage 和 SmtpClient 类。然后我们创建一个邮件消息，并配置SMTP客户端来发送邮件。在实际使用过程中，需要将 smtp.example.com 、 your-email@example.com 、 recipient-email@example.com 、 username 和 password 替换成实际的SMTP服务器地址和邮箱账户凭证。

逻辑分析与参数说明 ：

  • MailMessage 类用于创建电子邮件消息。
  • SmtpClient 类用于配置和发送通过SMTP服务器的邮件。
  • SmtpClient.Port 设置SMTP服务器端口，通常为25或587（对于未加密的SMTP连接），465或587（对于SSL加密连接）。
  • SmtpServer.Credentials 设置用于SMTP认证的用户名和密码。
  • SmtpServer.EnableSsl 设置是否使用SSL加密连接。
  • SmtpServer.Send(mail) 方法用于发送邮件。异常处理( try-catch 块)用于捕获发送过程中可能出现的任何错误。

通过上述代码和逻辑分析，我们展示了如何在.NET程序中使用 System.Net.Mail 包来发送电子邮件，同时解释了每个步骤的必要性和作用。

3. 创建邮件模型（MailMessageModel）

3.1 邮件模型的作用与重要性

3.1.1 模型在MVC中的角色

在MVC（Model-View-Controller）设计模式中，模型（Model）代表应用程序的数据结构，负责保存数据。模型通常封装了应用程序的数据，并处理与这些数据相关的业务逻辑或验证规则。在创建邮件发送功能时，邮件模型扮演着至关重要的角色，它确保了邮件内容的组织和数据的一致性。通过定义一个结构化的邮件模型，开发者可以清晰地管理邮件发送过程中涉及的所有数据，如发件人、收件人、主题和邮件正文等。此外，邮件模型还可以帮助开发者维护代码的可读性和可维护性，因为它将邮件相关的数据和逻辑分离出来，使得控制器和视图能够轻松地访问和操作这些数据。

3.1.2 设计MailMessageModel的要点

在设计邮件模型时，应考虑以下几个要点以确保其有效性和可扩展性：

  1. 数据完整性 ：确保模型中包含了所有必要的邮件属性，如发件人地址、收件人地址、邮件主题、邮件正文等。
  2. 数据验证 ：为模型属性提供验证逻辑，如检查邮件地址的有效性，确保邮件主题不为空等。
  3. 清晰的属性命名 ：使用直观且易于理解的命名方式，方便其他开发人员理解每个属性的功能和用途。
  4. 面向对象 ：模型应该是一个面向对象的类，拥有其构造函数、属性、方法等，能够以对象的形式被其他部分的代码使用。
  5. 可测试性 ：设计应考虑测试的便利性，例如通过依赖注入来降低耦合度，使得单元测试能够轻松地替换邮件发送逻辑。

3.2 设计MailMessageModel类

3.2.1 MailMessageModel的属性定义

邮件模型类 MailMessageModel 应当包含以下属性： 

public class MailMessageModel
{
    public string From { get; set; }
    public string To { get; set; }
    public string Subject { get; set; }
    public string Body { get; set; }
    // 可以根据需要添加更多属性，如Cc（抄送），Bcc（密送），Attachment（附件）等
}

3.2.2 实例化和使用MailMessageModel

在使用 MailMessageModel 之前，需要首先实例化这个类，然后根据业务需要设置相应的属性值。 

// 实例化MailMessageModel
MailMessageModel emailModel = new MailMessageModel
{
    From = "sender@example.com",
    To = "receiver@example.com",
    Subject = "Test Email",
    Body = "This is a test email sent using MailMessageModel."
};

// 接下来可以将emailModel实例传递给邮件服务类进行邮件发送

为了确保代码的可读性和维护性，应该对 MailMessageModel 类中的每个属性进行详细的注释，说明每个属性的用途和预期的格式。此外，还可以添加数据验证逻辑，确保在将数据传递给邮件服务层之前，数据是符合要求的。 

public class MailMessageModel
{
    [Required(ErrorMessage = "发件人地址是必填项")]
    [EmailAddress(ErrorMessage = "发件人地址格式不正确")]
    public string From { get; set; }

    [Required(ErrorMessage = "收件人地址是必填项")]
    [EmailAddress(ErrorMessage = "收件人地址格式不正确")]
    public string To { get; set; }

    [Required(ErrorMessage = "邮件主题是必填项")]
    public string Subject { get; set; }

    [Required(ErrorMessage = "邮件正文是必填项")]
    public string Body { get; set; }

    // 更多属性及其验证规则...
}

在上述代码中，我们使用了数据注解 [Required] 和 [EmailAddress] 来指定每个字段必须提供的信息，并确保提供的电子邮件地址格式正确。这些注解可以用于执行模型验证，确保在发送邮件之前，每个字段都包含了有效且格式正确的数据。这种验证是通过框架提供的内置验证机制来实现的，它可以在模型绑定期间自动执行，并将错误信息返回给用户，从而提高用户体验和邮件发送的准确性。

4. 编写邮件服务（MailService）

4.1 邮件服务的架构设计

4.1.1 服务层的职责和设计原则

在MVC设计模式中，服务层（Service Layer）位于业务逻辑层和数据访问层之间，扮演着协调和控制业务流程的角色。服务层的职责包括：

  • 封装业务逻辑 ：将复杂的业务规则封装在服务层，对外提供简洁的API接口。
  • 数据处理 ：处理数据访问层与业务逻辑层之间的数据转换。
  • 事务管理 ：确保业务操作的原子性，保障数据的一致性。
  • 依赖分离 ：减少业务逻辑层与数据访问层的直接耦合。

在设计邮件服务时，应遵循几个关键设计原则：

  • 单一职责 ：确保每个服务方法只负责一项任务，易于管理和维护。
  • 依赖注入 ：通过依赖注入，可以轻松替换实现，提高代码的可测试性和灵活性。
  • 接口定义 ：定义清晰的接口，方便不同层之间的解耦和替换实现。

4.1.2 邮件服务的接口定义

定义邮件服务接口是确保服务层可测试性和可维护性的关键步骤。以下是一个邮件服务接口的示例定义： 

public interface IMailService
{
    Task SendAsync(MailMessage message);
}

此接口定义了一个异步发送邮件的方法。使用异步方法可以提高应用程序的响应性，尤其是在发送大量邮件时。

4.2 实现邮件发送逻辑

4.2.1 构建和配置MailMessage对象

在.NET中， MailMessage 类是负责构建邮件内容的核心对象。以下是创建 MailMessage 对象并配置其属性的代码示例： 

var message = new MailMessage
{
    From = new MailAddress("sender@example.com", "Sender Name"),
    Subject = "Email Subject",
    Body = "Email body content.",
    IsBodyHtml = true // 设置邮件内容为HTML格式
};

在这个示例中， MailMessage 对象被配置了发件人地址、邮件主题、邮件正文以及HTML内容的标识。每项属性都是自解释的，并且使邮件发送功能更加强大和灵活。

4.2.2 配置SMTP客户端并发送邮件

为了发送邮件，需要配置SMTP客户端。SMTP（简单邮件传输协议）服务器负责将邮件路由到目的地。以下是如何配置 SmtpClient 并使用它发送邮件的代码示例： 

using (var smtpClient = new SmtpClient("smtp.example.com")
{
    Port = 587,
    DeliveryMethod = SmtpDeliveryMethod.Network,
    UseDefaultCredentials = false,
    Credentials = new NetworkCredential("user@example.com", "password"),
    EnableSsl = true
})
{
    await smtpClient.SendMailAsync(message);
}

在上述代码中， SmtpClient 被配置了SMTP服务器的地址、端口、安全选项（如启用了SSL），以及用于身份验证的凭据。调用 SendMailAsync 方法来异步发送邮件。

在此阶段，需要对异常处理和资源管理给予足够的关注。使用 using 语句确保 SmtpClient 对象被正确地处理，避免资源泄漏。同时，应捕获和处理可能发生的异常，以确保应用程序的健壮性。

5. 实现控制器中的邮件发送动作（SendEmail）

5.1 控制器在MVC中的角色

5.1.1 控制器的任务和功能

在MVC（Model-View-Controller）架构中，控制器（Controller）扮演着中介者的角色，负责接收用户的输入并调用模型（Model）和视图（View）去完成用户的请求。控制器处理用户界面（通常是Web页面）发来的数据，然后根据这些数据与模型进行交互，最后选择一个视图来呈现最终结果。简而言之，控制器是应用程序中负责接收请求并做出响应的组件。

在实现邮件发送功能时，控制器的职责包括接收用户从邮件发送界面提交的数据，验证这些数据的合法性，然后创建邮件模型的实例，并通过邮件服务（MailService）将邮件发送出去。此外，控制器还需处理可能出现的异常情况，并将结果呈现给用户。

5.1.2 构建SendEmail动作

在ASP.NET MVC项目中，一个控制器动作（Action）通常对应用户请求的一个处理过程。为了实现邮件发送功能，我们需要构建一个名为 SendEmail 的控制器动作。

在创建 SendEmail 动作之前，我们需要定义邮件发送的动作方法，该方法需要包含一个模型参数（通常是 MailMessageModel 的实例），以及其他参数，如发送者、接收者、邮件主题和正文等。动作方法可以被配置为接受HTTP POST请求，这通常在用户点击“发送”按钮后触发。

下面是一个简单的 SendEmail 控制器动作示例代码： 

[HttpPost]
public ActionResult SendEmail(MailMessageModel model)
{
    if (ModelState.IsValid)
    {
        try
        {
            // 使用邮件服务发送邮件
            _mailService.Send(model);
            ViewBag.Message = "邮件发送成功！";
        }
        catch (Exception ex)
        {
            // 异常处理逻辑
            ViewBag.Message = "邮件发送失败：" + ex.Message;
        }
    }

    // 返回视图，显示发送结果
    return View(model);
}

在此段代码中， [HttpPost] 属性表示这个动作仅接受POST请求。 ModelState.IsValid 用于检查模型是否有效，若有效则调用邮件服务的 Send 方法发送邮件。如果发生异常，则捕获异常并显示错误信息。最后，无论成功或失败，都返回一个视图（View），以便向用户展示操作结果。

5.2 集成邮件服务到控制器

5.2.1 注入MailService到控制器

为了在控制器中使用邮件服务（MailService），我们首先需要通过依赖注入（Dependency Injection, DI）的方式，将 MailService 实例注入到控制器中。依赖注入是控制反转（Inversion of Control, IoC）的一种实现方式，它允许我们将组件的依赖关系从硬编码中解耦出来。

在ASP.NET MVC中，可以通过构造函数注入的方式来实现这一点。下面的示例展示了如何在控制器的构造函数中注入 MailService 实例： 

public class EmailController : Controller
{
    private readonly IMailService _mailService;

    public EmailController(IMailService mailService)
    {
        _mailService = mailService ?? throw new ArgumentNullException(nameof(mailService));
    }
    // ...
}

在这个例子中， EmailController 类通过构造函数接收一个实现了 IMailService 接口的邮件服务实例，并将其存储在私有只读字段 _mailService 中。这样，控制器就可以使用注入的邮件服务实例进行邮件发送操作了。

5.2.2 编写发送邮件的逻辑和异常处理

在控制器动作 SendEmail 中，我们已经初步实现了邮件发送的逻辑。现在，让我们进一步深入分析发送邮件的逻辑，并添加异常处理机制。

首先，我们需要创建一个邮件模型（MailMessageModel）的实例，并将用户在HTML表单中输入的数据填充到模型实例中。然后，调用 _mailService.Send(model) 方法来发送邮件。最后，根据操作的结果，向用户显示相应的提示信息。 

[HttpPost]
public ActionResult SendEmail(MailMessageModel model)
{
    if (ModelState.IsValid)
    {
        try
        {
            // 使用邮件服务发送邮件
            _mailService.Send(model);
            // 将成功提示信息添加到ViewData字典中，视图中可以显示该提示信息
            ViewData["SuccessMessage"] = "邮件发送成功！";
        }
        catch (SmtpException smtpEx)
        {
            // 针对SMTP服务异常的处理
            ViewData["ErrorMessage"] = $"邮件发送失败，SMTP服务异常：{smtpEx.Message}";
        }
        catch (Exception ex)
        {
            // 其他异常处理逻辑
            ViewData["ErrorMessage"] = $"邮件发送失败：{ex.Message}";
        }
    }

    // 返回视图，显示发送结果
    return View(model);
}

在此段代码中，我们添加了两个异常处理代码块来分别处理SMTP服务异常和其他未知异常。如果 _mailService.Send(model) 抛出 SmtpException ，则捕获它并记录相应的错误消息；对于其他类型的异常，则统一捕获并记录错误消息。

当邮件发送失败时，我们将错误信息作为消息传递给视图（View），以便用户知道发送过程中发生了什么问题。如果邮件发送成功，则将成功信息添加到 ViewData 字典中，视图中可以遍历该字典并显示相应的提示信息。

这样，我们就完成了控制器中的邮件发送动作（SendEmail）的实现，并且添加了必要的错误处理逻辑。通过这个过程，我们可以看到如何将业务逻辑与用户界面进行有效的分离，以及如何在控制器中实现对邮件服务的调用。接下来，我们将继续创建邮件发送用户界面，并将其与控制器动作进行集成。

6. 创建邮件发送用户界面（HTML表单）

6.1 用户界面设计基础

6.1.1 HTML表单的作用和设计原则

HTML表单是用户与应用程序交互的重要元素，它允许用户输入数据，并将这些数据发送到服务器进行处理。在邮件发送功能中，表单用于收集必要的邮件信息，如收件人地址、主题和邮件正文等。

设计表单时应遵循一些基本原则，以确保用户体验的流畅性和数据的正确性。这些原则包括：

  • 简洁性 ：避免不必要的元素和字段，确保用户界面清晰易懂。
  • 直观性 ：字段标签应明确，避免可能导致用户困惑的缩写或专业术语。
  • 响应性 ：确保表单在不同设备和屏幕尺寸上都能良好显示和操作。
  • 易用性 ：提供必要的输入提示和验证反馈，确保用户能够容易地填写表单。
  • 安全性 ：对用户输入进行验证和清理，防止注入攻击等安全问题。

6.1.2 设计一个简洁的邮件发送界面

为了设计一个简洁的邮件发送界面，我们可以使用HTML和CSS进行布局和样式设计。以下是一个基本的HTML表单示例，它包含了邮件发送所需的字段： 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Send Email Form</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .form-container {
            max-width: 600px;
            margin: 50px auto;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .form-group {
            margin-bottom: 15px;
        }
        label {
            display: block;
            margin-bottom: 5px;
        }
        input[type="text"],
        input[type="email"],
        textarea {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        input[type="submit"] {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #45a049;
        }
    </style>
</head>
<body>
    <div class="form-container">
        <h2>Send Email</h2>
        <form id="emailForm" action="/SendEmail" method="post">
            <div class="form-group">
                <label for="recipient">To:</label>
                <input type="email" id="recipient" name="recipient" required>
            </div>
            <div class="form-group">
                <label for="subject">Subject:</label>
                <input type="text" id="subject" name="subject" required>
            </div>
            <div class="form-group">
                <label for="body">Message:</label>
                <textarea id="body" name="body" rows="5" required></textarea>
            </div>
            <input type="submit" value="Send Email">
        </form>
    </div>
</body>
</html>

6.2 实现表单数据的提交和处理

6.2.1 表单数据的接收和验证

当用户填写完表单并点击提交按钮后，数据将通过HTTP POST请求发送到服务器端的 SendEmail 动作。在服务器端，我们需要接收这些数据，并进行必要的验证，以确保所有字段都已正确填写且数据格式符合预期。

这通常涉及以下几个步骤：

  1. 接收数据：使用请求对象（如 HttpRequest ）获取表单提交的数据。
  2. 数据验证：编写验证逻辑，检查数据是否符合要求（如非空、格式正确等）。
  3. 异常处理：对验证失败的情况进行处理，可能包括显示错误消息或重新请求输入。

6.2.2 调用控制器动作发送邮件

在验证通过之后，控制器的动作将调用之前实现的邮件服务来发送邮件。这一过程可以分为以下步骤：

  1. 创建 MailMessageModel 实例，并从表单数据中填充其属性。
  2. 将 MailMessageModel 传递给邮件服务类中的发送邮件方法。
  3. 在发送方法中，使用 System.Net.Mail 命名空间下的类来构建邮件消息并发送。
  4. 处理可能出现的异常，并向用户反馈操作结果。

下面是一个简化的示例代码，展示了如何在控制器中处理表单提交并发送邮件： 

[HttpPost]
public ActionResult SendEmail(string recipient, string subject, string body)
{
    try
    {
        // 实例化邮件模型并填充数据
        var mailModel = new MailMessageModel
        {
            To = recipient,
            Subject = subject,
            Body = body
        };

        // 调用邮件服务发送邮件
        _mailService.SendEmail(mailModel);
        return RedirectToAction("EmailSent");
    }
    catch (Exception ex)
    {
        // 处理异常情况，例如记录日志、显示错误信息等
        ModelState.AddModelError(string.Empty, "An error occurred while sending email.");
        return View();
    }
}

请注意，实际的实现可能需要考虑更多细节，例如线程安全、邮件发送的异步处理、错误日志记录等。

本文还有配套的精品资源，点击获取 menu-r.4af5f7ec.gif

简介：在C# ASP.NET MVC框架中实现邮件发送功能是Web应用常见的需求。本文将详细介绍如何利用ASP.NET MVC的特性构建邮件发送功能，并通过Microsoft Outlook SMTP服务器进行实现。将指导您如何创建邮件模型、邮件服务，以及在控制器中处理邮件发送动作和在视图中创建用户界面。

本文还有配套的精品资源，点击获取 menu-r.4af5f7ec.gif

周立-ric
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值