ASP.NET实例详解，如何运用实例学习？

ASP.NET 示例应用

ASP.NET 是一个由微软开发的免费、开源的服务器端 Web 应用程序框架，它允许开发者构建动态网站、服务和应用程序，以下是一个简单的 ASP.NET Core Web 应用程序的例子，该例子展示了如何创建一个简单的待办事项列表应用。

1. 创建新的 ASP.NET Core 项目

确保你的开发环境中安装了 .NET SDK，通过命令行工具创建一个新的 ASP.NET Core Web 应用程序项目：

dotnet new mvc -n ToDoListApp
cd ToDoListApp

定义模型

在Models 文件夹中创建一个名为TodoItem.cs 的文件，定义待办事项的数据模型：

namespace ToDoListApp.Models
{
    public class TodoItem
    {
        public int Id { get; set; }
        public string Title { get; set; }
        public bool IsDone { get; set; }
    }
}

创建数据库上下文

在Data 文件夹中创建一个名为ApplicationDbContext.cs 的文件，用于操作数据库：

using Microsoft.EntityFrameworkCore;
using ToDoListApp.Models;
namespace ToDoListApp.Data
{
    public class ApplicationDbContext : DbContext
    {
        public DbSet<TodoItem> TodoItems { get; set; }
        protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)
        {
            optionsBuilder.UseSqlServer("Your_Connection_String_Here");
        }
    }
}

请将"Your_Connection_String_Here" 替换为实际的数据库连接字符串。

创建控制器

在Controllers 文件夹中创建一个名为TodoController.cs 的文件，定义处理 HTTP 请求的逻辑：

using Microsoft.AspNetCore.Mvc;
using ToDoListApp.Data;
using ToDoListApp.Models;
namespace ToDoListApp.Controllers
{
    public class TodoController : Controller
    {
        private readonly ApplicationDbContext _context;
        public TodoController(ApplicationDbContext context)
        {
            _context = context;
        }
        public IActionResult Index()
        {
            return View(_context.TodoItems.ToList());
        }
        [HttpGet]
        public IActionResult Create()
        {
            return View();
        }
        [HttpPost]
        public IActionResult Create(TodoItem todoItem)
        {
            if (ModelState.IsValid)
            {
                _context.TodoItems.Add(todoItem);
                _context.SaveChanges();
                return RedirectToAction("Index");
            }
            return View(todoItem);
        }
    }
}

创建视图

在Views/Todo 文件夹中创建相应的视图文件：

Index.cshtml：显示所有待办事项。

Create.cshtml：表单页面，用于添加新的待办事项。

运行应用程序

在项目目录下运行以下命令启动应用程序：

dotnet run

打开浏览器并访问http://localhost:5000，你应该能够看到待办事项列表，并且可以添加新的待办事项。

相关问答FAQs

Q1: 如果我想在创建待办事项时自动设置完成状态为未完成，我该如何修改代码？

A1: 你可以在TodoController 的Create 方法中，在保存todoItem 到数据库之前设置其IsDone 属性为false：

[HttpPost]
public IActionResult Create(TodoItem todoItem)
{
    if (ModelState.IsValid)
    {
        todoItem.IsDone = false; // 设置完成状态为未完成
        _context.TodoItems.Add(todoItem);
        _context.SaveChanges();
        return RedirectToAction("Index");
    }
    return View(todoItem);
}

Q2: 我如何在视图中显示一个按钮来标记待办事项为已完成？

A2: 在Index.cshtml 视图文件中，你可以为每个待办事项添加一个按钮，并通过 JavaScript 或表单提交来更新数据库中的IsDone 状态，使用表单提交的方式：

@model IEnumerable<ToDoListApp.Models.TodoItem>
@foreach (var item in Model)
{
    <div>
        <h4>@item.Title</h4>
        <p>@item.IsDone ? "已完成" : "未完成"</p>
        <form asp-action="MarkAsDone" asp-route-id="@item.Id" method="post">
            <button type="submit">标记为完成</button>
        </form>
    </div>
}

然后在TodoController 中添加一个新的方法来处理标记为完成的逻辑：

[HttpPost]
public IActionResult MarkAsDone(int id)
{
    var todoItem = _context.TodoItems.Find(id);
    if (todoItem != null)
    {
        todoItem.IsDone = true;
        _context.SaveChanges();
    }
    return RedirectToAction("Index");
}