ASP.NET入门随想之检票的老太太

检票的需求

假设我们有一个旅游景点，景点内有一个门口，游客需要向门口处的老太太出示购票凭证，才能被允许进入景区。我们需要一个简单的系统，记录每位游客的购票情况并实时更新，向老太太提供明确的验证结果。

解决方案

基于上述的需求，我们可以使用ASP.NET框架来开发一个Web应用程序，并利用ASP.NET的强大功能来实现检票系统的需求。

我们可以创建一个ASP.NET MVC项目作为门口的检票系统。

具体步骤如下：

创建.NET Core MVC项目
打开Visual Studio，选择“创建新项目”
在“创建新项目”对话框中选择“ASP.NET Core Web 应用程序”
选择一个项目名称和存储路径
选择“.NET Core”和“Web应用程序”
点击“下一步”
在“为Web应用程序选择工具”中选择“MVC”并点击“创建”
创建项目后在“解决方案资源管理器”中右键单击“Controllers”文件夹，选择“添加”->“新建项”，然后选择“控制器类”模板来创建一个新的控制器。

这个步骤将会创建一个基本的空白MVC应用程序，包含一个HomeController类。我们可以利用HomeController类来实现门口的检票系统功能。

实现检票

为了实现门口的检票系统，我们需要在HomeController类中添加一个方法。该方法将会检查游客的购票情况并返回一个检票结果：

public class HomeController : Controller
{
    private List<string> tickets = new List<string> { "ticket1", "ticket2", "ticket3" }; // 假设我们有三种门票

    public IActionResult CheckTicket(string ticketNo)
    {
        if (string.IsNullOrWhiteSpace(ticketNo))
        {
            return Json(new { result = "请输入门票编号" });
        }

        if (tickets.Contains(ticketNo))
        {
            return Json(new { result = "门票验证成功" });
        }
        else
        {
            return Json(new { result = "门票无效，请重新检查" });
        }
    }
}

在上面的代码中，我们新增了一个CheckTicket方法，该方法可以接收一个门票编号和系统中已有的门票列表进行比对，如果该门票编号存在于门票列表中，则返回验证成功的消息，否则返回验证失败的消息。

添加前端视图

为了让门口的检票系统更加直观，我们可以添加一个简单的前端视图，允许游客在浏览器端输入门票编号并查看验证结果。

在“解决方案资源管理器”中，右键单击“Views”文件夹，选择“添加”->“新建项”，将显示“添加新项”对话框，选择“Web”>“ASP.NET Core”>“MVC视图页面”，将新建一个.cshtml文件。

现在，我们可以在Views/Home文件夹下创建一个名为Index.cshtml的文件，并添加以下代码：

<form id="checkTicketForm">
    <label for="ticketNo">请输入门票编号：</label>
    <input type="text" id="ticketNo" name="ticketNo" />

    <br />

    <input type="button" value="检票" onclick="checkTicket()" />

    <br />

    <div id="result"></div>
</form>

<script>
    function checkTicket() {
        var ticketNo = $("#ticketNo").val();

        $.ajax({
            type: "GET",
            url: "/Home/CheckTicket?ticketNo=" + ticketNo,
            success: function (response) {
                $("#result").text(response.result);
            },
            error: function () {
                alert("出现错误，请稍后再试！");
            }
        });
    }
</script>

上面这段代码会在浏览器中显示一个输入框和一个检票按钮，当游客点击检票按钮后，会向我们创建的HomeController类中的CheckTicket方法发送一个请求，并接收JSON格式的检票结果。我们使用jQuery来处理ajax请求，并在页面中展示结果。