3.3 MVC控制器与视图

3.3.1 MVC基础概念

MVC（Model-View-Controller）是一种软件设计模式，用于将应用程序的逻辑分离为三个主要组件：

• 模型（Model）：表示应用程序的数据和业务逻辑
• 视图（View）：负责渲染用户界面
• 控制器（Controller）：处理用户请求，协调模型和视图

在ASP.NET Core MVC中，控制器接收HTTP请求，调用适当的业务逻辑，然后返回视图或JSON数据。视图使用Razor语法渲染HTML，显示模型数据给用户。

ABP框架扩展了ASP.NET Core MVC，提供了以下增强功能：

• 控制器基类，简化控制器的创建
• 视图组件支持
• 主题系统
• 本地化支持
• 权限控制
• 异常处理

3.3.2 ABP框架中的控制器基类

ABP框架提供了一系列控制器基类，简化了控制器的创建和管理：

基类	描述	适用场景
AbpController	基本控制器基类，提供常用的控制器功能	所有MVC控制器
AbpControllerBase	更基础的控制器基类，不包含视图相关功能	API控制器或不需要视图的控制器
AbpRazorPagesPageModel	Razor Pages页面模型基类	Razor Pages页面
AbpMvcController	包含MVC特定功能的控制器基类	需要MVC特定功能的控制器

3.3.3 控制器创建与实现

3.3.3.1 基本控制器创建

创建一个基本的图书控制器：

using System;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Volo.Abp.AspNetCore.Mvc;using BookStore.Application.Books;
using BookStore.Application.Authors;

namespace BookStore.Web.Controllers
{
    // 图书控制器，继承自AbpController
    public class BooksController : AbpController
    {
        // 注入应用服务
        private readonly IBookAppService _bookAppService;
        private readonly IAuthorAppService _authorAppService;
        
        public BooksController(
            IBookAppService bookAppService,
            IAuthorAppService authorAppService)
        {
            _bookAppService = bookAppService;
            _authorAppService = authorAppService;
        }
        
        // GET: /Books
        public async Task<IActionResult> Index(GetBookListViewModel model)
        {
            // 调用应用服务获取图书列表
            var result = await _bookAppService.GetListAsync(
                new GetBookListDto
                {
                    Filter = model.Filter,
                    AuthorId = model.AuthorId,
                    IsBorrowed = model.IsBorrowed,
                    SkipCount = (model.PageIndex - 1) * model.PageSize,
                    MaxResultCount = model.PageSize,
                    Sorting = model.Sorting
                }
            );
            
            // 转换为视图模型
            model.Items = result.Items;
            model.TotalCount = result.TotalCount;
            
            // 获取作者列表用于筛选
            ViewBag.Authors = await _authorAppService.GetAuthorLookupAsync();
            
            return View(model);
        }
        
        // GET: /Books/Details/{id}
        public async Task<IActionResult> Details(Guid id)
        {
            var book = await _bookAppService.GetAsync(id);
            return View(book);
        }
        
        // GET: /Books/Create
        public async Task<IActionResult> Create()
        {
            // 获取作者列表用于下拉选择
            ViewBag.Authors = await _authorAppService.GetAuthorLookupAsync();
            return View();
        }
        
        // POST: /Books/Create
        [HttpPost]
        [ValidateAntiForgeryToken]
        public async Task<IActionResult> Create(CreateBookViewModel model)
        {
            if (!ModelState.IsValid)
            {
                // 验证失败，重新返回视图
                ViewBag.Authors = await _authorAppService.GetAuthorLookupAsync();
                return View(model);
            }
            
            // 调用应用服务创建图书
            await _bookAppService.CreateAsync(
                new CreateBookDto
                {
                    Name = model.Name,
                    Isbn = model.Isbn,
                    Price = model.Price,
                    AuthorId = model.AuthorId
                }
            );
            
            // 重定向到列表页面
            return RedirectToAction(nameof(Index));
        }
        
        // GET: /Books/Edit/{id}
        public async Task<IActionResult> Edit(Guid id)
        {
            var book = await _bookAppService.GetAsync(id);
            
            // 转换为编辑视图模型
            var model = ObjectMapper.Map<BookDto, EditBookViewModel>(book);
            
            // 获取作者列表用于下拉选择
            ViewBag.Authors = await _authorAppService.GetAuthorLookupAsync();
            
            return View(model);
        }
        
        // POST: /Books/Edit/{id}
        [HttpPost]
        [ValidateAntiForgeryToken]
        public async Task<IActionResult> Edit(Guid id, EditBookViewModel model)
        {
            if (!ModelState.IsValid)
            {
                ViewBag.Authors = await _authorAppService.GetAuthorLookupAsync();
                return View(model);
            }
            
            // 调用应用服务更新图书
            await _bookAppService.UpdateAsync(
                id,
                new UpdateBookDto
                {
                    Name = model.Name,
                    Isbn = model.Isbn,
                    Price = model.Price,
                    AuthorId = model.AuthorId
                }
            );
            
            return RedirectToAction(nameof(Index));
        }
        
        // GET: /Books/Delete/{id}
        public async Task<IActionResult> Delete(Guid id)
        {
            var book = await _bookAppService.GetAsync(id);
            return View(book);
        }
        
        // POST: /Books/Delete/{id}
        [HttpPost, ActionName("Delete")]
        [ValidateAntiForgeryToken]
        public async Task<IActionResult> DeleteConfirmed(Guid id)
        {
            await _bookAppService.DeleteAsync(id);
            return RedirectToAction(nameof(Index));
        }
    }
}

3.3.3.2 控制器视图模型

创建控制器使用的视图模型：

using System;
using System.Collections.Generic;
using BookStore.Application.Books;

namespace BookStore.Web.Models.Books
{
    // 图书列表视图模型
    public class GetBookListViewModel
    {
        public string Filter { get; set; }
        public Guid? AuthorId { get; set; }
        public bool? IsBorrowed { get; set; }
        public string Sorting { get; set; } = "Name";
        public int PageIndex { get; set; } = 1;
        public int PageSize { get; set; } = 10;
        public List<BookDto> Items { get; set; } = new List<BookDto>();
        public long TotalCount { get; set; }
    }
    
    // 创建图书视图模型
    public class CreateBookViewModel
    {
        public string Name { get; set; }
        public string Isbn { get; set; }
        public decimal Price { get; set; }
        public Guid AuthorId { get; set; }
    }
    
    // 编辑图书视图模型
    public class EditBookViewModel
    {
        public Guid Id { get; set; }
        public string Name { get; set; }
        public string Isbn { get; set; }
        public decimal Price { get; set; }
        public Guid AuthorId { get; set; }
    }
}

3.3.4 视图设计与实现

视图负责渲染用户界面，使用Razor语法混合HTML和C#代码。

3.3.4.1 列表视图

创建图书列表视图：

@model GetBookListViewModel
@inject IHtmlLocalizer<BookStoreResource> Localizer

<h1>@Localizer["BookStore:Books:List"]</h1>

<!-- 筛选表单 -->
<div class="card mb-3">
    <div class="card-body">
        <form asp-controller="Books" asp-action="Index" method="get">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label asp-for="Filter" class="control-label">@Localizer["Common:Search"]</label>
                        <input asp-for="Filter" class="form-control" placeholder="@Localizer["BookStore:Books:SearchPlaceholder"]" />
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label asp-for="AuthorId" class="control-label">@Localizer["BookStore:Books:Author"]</label>
                        <select asp-for="AuthorId" class="form-control">
                            <option value="">@Localizer["Common:All"]</option>
                            @foreach (var author in ViewBag.Authors)
                            {
                                <option value="@author.Id">@author.Name</option>
                            }
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label asp-for="IsBorrowed" class="control-label">@Localizer["BookStore:Books:Status"]</label>
                        <select asp-for="IsBorrowed" class="form-control">
                            <option value="">@Localizer["Common:All"]</option>
                            <option value="false">@Localizer["BookStore:Books:Available"]</option>
                            <option value="true">@Localizer["BookStore:Books:Borrowed"]</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label asp-for="Sorting" class="control-label">@Localizer["Common:SortBy"]</label>
                        <select asp-for="Sorting" class="form-control">
                            <option value="Name">@Localizer["BookStore:Books:Name"]</option>
                            <option value="Price">@Localizer["BookStore:Books:Price"]</option>
                            <option value="CreationTime">@Localizer["Common:CreatedAt"]</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-2 align-self-end">
                    <button type="submit" class="btn btn-primary btn-block">@Localizer["Common:Filter"]</button>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- 图书列表 -->
<div class="card">
    <div class="card-header">
        <div class="d-flex justify-content-between">
            <h5 class="card-title mb-0">@Localizer["BookStore:Books:List"]</h5>
            <a asp-action="Create" class="btn btn-primary">
                <i class="fas fa-plus"></i> @Localizer["BookStore:Books:Create"]
            </a>
        </div>
    </div>
    <div class="card-body">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>@Localizer["BookStore:Books:Name"]</th>
                    <th>@Localizer["BookStore:Books:Isbn"]</th>
                    <th>@Localizer["BookStore:Books:Price"]</th>
                    <th>@Localizer["BookStore:Books:Author"]</th>
                    <th>@Localizer["BookStore:Books:Status"]</th>
                    <th>@Localizer["Common:Actions"]</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var book in Model.Items)
                {
                    <tr>
                        <td>@book.Name</td>
                        <td>@book.Isbn</td>
                        <td>@book.Price.ToString("C2")</td>
                        <td>@book.AuthorName</td>
                        <td>
                            <span class="badge @(book.IsBorrowed ? "badge-danger" : "badge-success")">
                                @(book.IsBorrowed ? Localizer["BookStore:Books:Borrowed"] : Localizer["BookStore:Books:Available"])
                            </span>
                        </td>
                        <td>
                            <a asp-action="Details" asp-route-id="@book.Id" class="btn btn-sm btn-info">
                                <i class="fas fa-eye"></i> @Localizer["Common:View"]
                            </a>
                            <a asp-action="Edit" asp-route-id="@book.Id" class="btn btn-sm btn-primary">
                                <i class="fas fa-edit"></i> @Localizer["Common:Edit"]
                            </a>
                            <a asp-action="Delete" asp-route-id="@book.Id" class="btn btn-sm btn-danger">
                                <i class="fas fa-trash"></i> @Localizer["Common:Delete"]
                            </a>
                        </td>
                    </tr>
                }
            </tbody>
        </table>
        
        <!-- 分页控件 -->
        <div class="mt-3">
            <abp-pager model="@Model"></abp-pager>
        </div>
    </div>
</div>

3.3.4.2 创建/编辑视图

创建图书创建视图：

@model CreateBookViewModel
@inject IHtmlLocalizer<BookStoreResource> Localizer

<h1>@Localizer["BookStore:Books:Create"]</h1>

<form asp-controller="Books" asp-action="Create" method="post" class="mt-4">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
    
    <div class="form-group">
        <label asp-for="Name" class="control-label">@Localizer["BookStore:Books:Name"]</label>
        <input asp-for="Name" class="form-control" />
        <span asp-validation-for="Name" class="text-danger"></span>
    </div>
    
    <div class="form-group">
        <label asp-for="Isbn" class="control-label">@Localizer["BookStore:Books:Isbn"]</label>
        <input asp-for="Isbn" class="form-control" />
        <span asp-validation-for="Isbn" class="text-danger"></span>
    </div>
    
    <div class="form-group">
        <label asp-for="Price" class="control-label">@Localizer["BookStore:Books:Price"]</label>
        <input asp-for="Price" class="form-control" />
        <span asp-validation-for="Price" class="text-danger"></span>
    </div>
    
    <div class="form-group">
        <label asp-for="AuthorId" class="control-label">@Localizer["BookStore:Books:Author"]</label>
        <select asp-for="AuthorId" class="form-control">
            <option value="">@Localizer["Common:Select"]</option>
            @foreach (var author in ViewBag.Authors)
            {
                <option value="@author.Id">@author.Name</option>
            }
        </select>
        <span asp-validation-for="AuthorId" class="text-danger"></span>
    </div>
    
    <div class="form-group mt-4">
        <button type="submit" class="btn btn-primary">@Localizer["Common:Save"]</button>
        <a asp-action="Index" class="btn btn-secondary">@Localizer["Common:Cancel"]</a>
    </div>
</form>

3.3.5 视图组件使用

视图组件是ASP.NET Core MVC中的一种可重用UI组件，类似于部分视图，但具有自己的逻辑。

3.3.5.1 创建视图组件

创建图书统计视图组件：

using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using BookStore.Application.Books;

namespace BookStore.Web.ViewComponents
{
    // 图书统计视图组件
    [ViewComponent(Name = "BookStatistics")]
    public class BookStatisticsViewComponent : AbpViewComponent
    {
        private readonly IBookAppService _bookAppService;
        
        public BookStatisticsViewComponent(IBookAppService bookAppService)
        {
            _bookAppService = bookAppService;
        }
        
        // 调用视图组件
        public async Task<IViewComponentResult> InvokeAsync()
        {
            // 获取图书统计信息
            var statistics = await _bookAppService.GetStatisticsAsync();
            
            return View(statistics);
        }
    }
}

3.3.5.2 创建视图组件视图

创建视图组件的视图文件，位于Views/Shared/Components/BookStatistics/Default.cshtml：

@model BookStatisticsDto
@inject IHtmlLocalizer<BookStoreResource> Localizer

<div class="card">
    <div class="card-header">
        <h5 class="card-title mb-0">@Localizer["BookStore:Books:Statistics"]</h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-3">
                <div class="text-center">
                    <h3 class="display-4">@Model.TotalBooks</h3>
                    <p class="text-muted">@Localizer["BookStore:Books:TotalBooks"]</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="text-center">
                    <h3 class="display-4 text-success">@Model.AvailableBooks</h3>
                    <p class="text-muted">@Localizer["BookStore:Books:Available"]</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="text-center">
                    <h3 class="display-4 text-danger">@Model.BorrowedBooks</h3>
                    <p class="text-muted">@Localizer["BookStore:Books:Borrowed"]</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="text-center">
                    <h3 class="display-4">@Model.TotalValue.ToString("C2")</h3>
                    <p class="text-muted">@Localizer["BookStore:Books:TotalValue"]</p>
                </div>
            </div>
        </div>
    </div>
</div>

3.3.5.3 使用视图组件

在视图中使用视图组件：

<!-- 在图书列表视图中使用图书统计视图组件 -->
<div class="mb-3">
    @await Component.InvokeAsync("BookStatistics")
</div>

<!-- 或者使用标签帮助器 -->
<div class="mb-3">
    <vc:book-statistics></vc:book-statistics>
</div>

3.3.6 布局与主题定制

ABP框架提供了灵活的布局系统，支持主题定制。

3.3.6.1 布局文件

创建主布局文件：

<!DOCTYPE html>
<html lang="@CultureInfo.CurrentCulture.Name">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - @Localizer["AppName"]</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/lib/font-awesome/css/all.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    @await RenderSectionAsync("Styles", required: false)
</head>
<body>
    <!-- 头部导航 -->
    <header class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container">
            <a class="navbar-brand" asp-controller="Home" asp-action="Index">@Localizer["AppName"]</a>
            
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            
            <div class="collapse navbar-collapse" id="navbarNav">
                <abp-navbar-nav class="mr-auto"></abp-navbar-nav>
                
                <!-- 语言切换 -->
                <div class="navbar-nav ml-auto">
                    @await Html.PartialAsync("/Views/Languages/_LanguageSwitcher.cshtml")
                </div>
            </div>
        </div>
    </header>
    
    <!-- 主要内容 -->
    <main class="container mt-4">
        <!-- 页面标题 -->
        @await RenderSectionAsync("Header", required: false)
        
        <!-- 通知消息 -->
        <abp-alerts></abp-alerts>
        
        <!-- 页面内容 -->
        @RenderBody()
    </main>
    
    <!-- 底部 -->
    <footer class="footer mt-auto py-3 bg-light">
        <div class="container text-center">
            <span class="text-muted">© 2025 @Localizer["AppName"]</span>
        </div>
    </footer>
    
    <!-- JavaScript -->
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js"></script>
    @await RenderSectionAsync("Scripts", required: false)
</body>
</html>

3.3.6.2 主题定制

ABP框架支持主题定制，可以通过以下方式定制主题：

1. 修改CSS变量：在site.css中修改CSS变量，定制主题颜色和样式

/* 修改主题颜色 */
:root {
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
}

/* 自定义导航栏样式 */
.navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 自定义卡片样式 */
.card {
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

2. 使用主题包：ABP框架支持主题包，可以通过NuGet安装不同的主题包

# 安装Lepton主题
Install-Package Volo.Abp.AspNetCore.Mvc.UI.Theme.Lepton

3. 自定义主题：创建自定义主题，继承自ABP的主题基类

3.3.7 模型绑定与验证

模型绑定是将HTTP请求数据转换为控制器方法参数的过程，模型验证是验证模型数据是否符合业务规则的过程。

3.3.7.1 模型验证

在视图模型中使用数据注解进行验证：

using System.ComponentModel.DataAnnotations;

namespace BookStore.Web.Models.Books
{
    public class CreateBookViewModel
    {
        [Required(ErrorMessage = "{0} is required.")]
        [StringLength(100, ErrorMessage = "{0} must be at most {1} characters.")]
        [Display(Name = "BookStore:Books:Name")]
        public string Name { get; set; }
        
        [Required(ErrorMessage = "{0} is required.")]
        [StringLength(20, ErrorMessage = "{0} must be at most {1} characters.")]
        [RegularExpression(@"^[0-9]{10}$|^[0-9]{13}$", ErrorMessage = "{0} is invalid.")]
        [Display(Name = "BookStore:Books:Isbn")]
        public string Isbn { get; set; }
        
        [Required(ErrorMessage = "{0} is required.")]
        [Range(0.01, double.MaxValue, ErrorMessage = "{0} must be greater than zero.")]
        [Display(Name = "BookStore:Books:Price")]
        public decimal Price { get; set; }
        
        [Required(ErrorMessage = "{0} is required.")]
        [Display(Name = "BookStore:Books:Author")]
        public Guid AuthorId { get; set; }
    }
}

3.3.7.2 在视图中显示验证错误

在视图中显示模型验证错误：

<form asp-controller="Books" asp-action="Create" method="post">
    <!-- 验证摘要 -->
    <div asp-validation-summary="All" class="alert alert-danger"></div>
    
    <!-- 单个字段验证 -->
    <div class="form-group">
        <label asp-for="Name" class="control-label"></label>
        <input asp-for="Name" class="form-control" />
        <span asp-validation-for="Name" class="text-danger"></span>
    </div>
    
    <!-- 其他字段... -->
    
    <button type="submit" class="btn btn-primary">Save</button>
</form>

<!-- 客户端验证脚本 -->
@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}

3.3.8 企业级最佳实践

3.3.8.1 控制器设计最佳实践

1. 保持控制器简洁：控制器应该只负责处理HTTP请求，调用应用服务，然后返回结果
2. 使用依赖注入：通过构造函数注入应用服务和其他依赖
3. 实现RESTful API：遵循RESTful设计原则，使用适当的HTTP动词（GET、POST、PUT、DELETE）
4. 使用视图模型：使用专门的视图模型传输数据，避免直接使用DTO或领域对象
5. 实现异常处理：优雅地处理异常，并返回友好的错误信息
6. 添加日志记录：记录控制器的关键操作，便于调试和审计
7. 实现权限控制：使用Authorize特性或手动检查权限

3.3.8.2 视图设计最佳实践

1. 使用Razor语法：充分利用Razor语法的强大功能，如条件渲染、循环、布局等
2. 保持视图简洁：视图应该只负责渲染HTML，避免包含复杂的业务逻辑
3. 使用视图组件：将可重用的UI组件封装为视图组件
4. 实现本地化：使用IHtmlLocalizer进行本地化，支持多语言
5. 优化性能：减少视图中的计算和数据库查询，使用缓存
6. 实现响应式设计：使用Bootstrap等框架实现响应式设计，适配不同设备
7. 使用HTML辅助器：使用ASP.NET Core的HTML辅助器，如asp-for、asp-action等

3.3.8.3 模型绑定与验证最佳实践

1. 使用数据注解：使用数据注解进行模型验证，保持验证逻辑与模型在一起
2. 实现IValidatableObject：对于复杂的验证逻辑，实现IValidatableObject接口
3. 使用自定义验证属性：创建自定义验证属性，实现复杂的验证规则
4. 启用客户端验证：启用客户端验证，提高用户体验
5. 实现服务器端验证：始终实现服务器端验证，防止绕过客户端验证
6. 提供友好的错误信息：提供清晰、友好的错误信息，帮助用户纠正错误

3.3.8.4 性能优化最佳实践

1. 使用异步方法：控制器方法使用async/await，提高系统的并发性能
2. 实现分页：对于大量数据，使用分页减少内存消耗
3. 使用缓存：对于频繁访问的数据，使用缓存提高性能
4. 优化视图渲染：减少视图中的计算和数据库查询
5. 使用CDN：使用CDN加载第三方库，提高页面加载速度
6. 压缩资源：压缩CSS和JavaScript资源，减少网络传输时间

3.3.9 实际案例：图书管理系统中的MVC实现

3.3.9.1 控制器实现

实现图书管理控制器，包含完整的CRUD操作：

using System;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Volo.Abp.AspNetCore.Mvc;
using BookStore.Application.Books;
using BookStore.Application.Authors;

namespace BookStore.Web.Controllers
{
    [Route("books")]
    public class BooksController : AbpController
    {
        private readonly IBookAppService _bookAppService;
        private readonly IAuthorAppService _authorAppService;
        
        public BooksController(
            IBookAppService bookAppService,
            IAuthorAppService authorAppService)
        {
            _bookAppService = bookAppService;
            _authorAppService = authorAppService;
        }
        
        [HttpGet]
        public async Task<IActionResult> Index(GetBookListViewModel model)
        {
            // 实现列表查询...
        }
        
        [HttpGet("create")]
        public async Task<IActionResult> Create()
        {
            // 实现创建页面...
        }
        
        [HttpPost("create")]
        [ValidateAntiForgeryToken]
        public async Task<IActionResult> Create(CreateBookViewModel model)
        {
            // 实现创建逻辑...
        }
        
        [HttpGet("{id}")]
        public async Task<IActionResult> Details(Guid id)
        {
            // 实现详情页面...
        }
        
        [HttpGet("{id}/edit")]
        public async Task<IActionResult> Edit(Guid id)
        {
            // 实现编辑页面...
        }
        
        [HttpPost("{id}/edit")]
        [ValidateAntiForgeryToken]
        public async Task<IActionResult> Edit(Guid id, EditBookViewModel model)
        {
            // 实现编辑逻辑...
        }
        
        [HttpGet("{id}/delete")]
        public async Task<IActionResult> Delete(Guid id)
        {
            // 实现删除确认页面...
        }
        
        [HttpPost("{id}/delete")]
        [ValidateAntiForgeryToken]
        public async Task<IActionResult> DeleteConfirmed(Guid id)
        {
            // 实现删除逻辑...
        }
    }
}

3.3.9.2 视图实现

实现图书管理的各种视图，包括列表、创建、编辑、详情和删除确认页面。

3.3.9.3 视图组件实现

实现图书统计、最近借阅记录等视图组件，用于在首页或侧边栏显示。

3.3.10 实践练习

1. 创建控制器：创建图书管理系统的控制器，包含完整的CRUD操作
2. 设计视图：设计图书列表、创建、编辑、详情和删除确认视图
3. 实现视图组件：创建图书统计和最近借阅记录视图组件
4. 设计布局：创建主布局文件，包含导航栏、页脚和侧边栏
5. 实现模型验证：使用数据注解实现模型验证
6. 实现本地化：为视图添加本地化支持
7. 优化性能：实现分页、缓存等性能优化
8. 测试响应式设计：测试视图在不同设备上的显示效果

3.3.11 总结与进阶指南

3.3.11.1 本章总结

• MVC是一种软件设计模式，用于将应用程序逻辑分离为模型、视图和控制器
• ABP框架提供了控制器基类，简化了控制器的创建和管理
• 控制器负责处理HTTP请求，调用应用服务，然后返回视图或JSON数据
• 视图使用Razor语法渲染HTML，显示模型数据给用户
• 视图组件是可重用的UI组件，具有自己的逻辑
• 布局文件用于定义应用程序的整体结构
• 模型绑定将HTTP请求数据转换为控制器方法参数
• 模型验证用于验证模型数据是否符合业务规则

3.3.11.2 进阶学习资源

1. ASP.NET Core MVC文档
2. ABP框架MVC文档
3. Razor语法参考
4. Bootstrap文档
5. 响应式设计最佳实践
6. 性能优化指南

通过本章的学习，你已经掌握了ABP框架中MVC控制器与视图的核心概念和最佳实践。在实际开发中，合理设计和实现控制器与视图可以大大提高应用程序的用户体验和可维护性。

下一章，我们将学习API开发，了解如何实现RESTful API，包括基于控制器的API、自动API控制器、API版本控制和文档生成等内容。