ASP.NET Core - Razor页面之Handlers处理方法
簡(jiǎn)介
在前一篇文章中,我們討論了Razor頁(yè)面。今天我們來(lái)談?wù)勌幚矸椒?#xff08;Handlers)。
我們知道可以將代碼和模型放在 .cshtml 文件里面或與 .cshtml 匹配的 .cshtml.cs 文件中。
Razor頁(yè)面處理程序或處理方法將用戶請(qǐng)求匹配到我們的方法;請(qǐng)求來(lái)自 .cshtml 文件。
Razor頁(yè)面遵循特定的命名約定。從上一篇文章可以看出,.NET Core開(kāi)發(fā)工具自動(dòng)生成了很多處理方法,例如下面這些:
- OnGet
- OnPost
- OnGetAsync
- OnPostAsync
- OnPostRemoveLoginAsync
- OnGetLinkLoginCallbackAsync
- etc..
從列表中,我們可以看到這些名稱(chēng)遵循的具體模式。它們都是從On開(kāi)始,隨后Get 或者Post,再其次是可選的 Handler名稱(chēng) (RemoveLogin,LinkLoginCallback),最后Async后綴為 異步 方法。
示例項(xiàng)目可在GitHub上找到,需要使用最新的.NET Core 2.0.0 CLI。
默認(rèn)POST和GET處理方法
打開(kāi)頁(yè)面將在代碼背后觸發(fā)默認(rèn)的Get或GetAsync處理方法;類(lèi)似地,提交表單將觸發(fā)默認(rèn)Post或PostAsync處理方法:
<form method="POST"><div>Name: <input asp-for="Category.Name" /></div><div>Description: <input asp-for="Category.Description" /></div><button type="submit" class="btn btn-primary">Save</button></form>觸發(fā)的方法:
public async Task<IActionResult> OnPostAsync(){if (!ModelState.IsValid){return Page();}_dbContext.Categories.Add(Category);await _dbContext.SaveChangesAsync();return RedirectToPage("./Index");}使用OnPostAsync或OnPost為處理方法名稱(chēng)都可以正常工作。如果您使用的是OnPost,那么代碼中不能使用異步調(diào)用。
但是,如果您同時(shí)實(shí)現(xiàn)兩種OnPostAsync和OnPOST等處理方法,您會(huì)遇到這樣的問(wèn)題:
自定義處理方法名稱(chēng)
除了默認(rèn)的處理方法名稱(chēng),我們還可以指定自定義名稱(chēng)。
在 .cshtml 文件中的實(shí)現(xiàn)以下代碼:
<form method="POST"><div>Description: <input asp-for="Category.Description" /></div><input type="submit" value="Save First" asp-page-handler="First" class="btn btn-primary btn-xs" /></form>這會(huì)創(chuàng)建一個(gè)包含Description字段的簡(jiǎn)單表單:
在Razor頁(yè)面中,將表單處理方法添加到匹配的 .cshtml.cs 文件代碼文件,方法命名為:OnPostFirst 或 OnPostFirstAsync ,具體取決于要在其中運(yùn)行的代碼類(lèi)型。假設(shè)我們需要在數(shù)據(jù)庫(kù)中插入Category并保存這些更改,使用Entity Framework的異步方法:
public async Task<IActionResult> OnPostFirstAsync(){Category.Name = "First";_dbContext.Categories.Add(Category);await _dbContext.SaveChangesAsync();return RedirectToPage("./Categories/Index");}請(qǐng)注意名稱(chēng) OnPost First Async 。
同一頁(yè)面多個(gè)POST處理方法
讓我們擴(kuò)展剛才這一段代碼,添加POST方法另一種形式:
下面是 .cshtml 的代碼:
<form method="POST"><div>Description: <input asp-for="Category.Description" /></div><input type="submit" value="Save First" asp-page-handler="First" class="btn btn-primary btn-xs" /></form><form method="POST"><div>Description: <input asp-for="Category.Description" /></div><input type="submit" value="Save Second" asp-page-handler="Second" class="btn btn-primary btn-xs" /></form>這兩個(gè)表單將分別匹配代碼中這兩種方法:
public async Task<IActionResult> OnPostFirstAsync(){return await InsertCatepory("First");}public async Task<IActionResult> OnPostSecondAsync(){return await InsertCatepory("Second");}private async Task<IActionResult> InsertCatepory(string name){Category.Name = name;_dbContext.Categories.Add(Category);await _dbContext.SaveChangesAsync();return RedirectToPage("./Categories/Index");}關(guān)鍵的代碼是使用 asp-page-handler Tag Helper,指定表單的處理方法的名稱(chēng)。
我們也可以在一個(gè)表單通過(guò)兩個(gè)提交按鈕實(shí)現(xiàn)同樣的事情:
<form method="POST"><div>Description: <input asp-for="Category.Description" /></div><input type="submit" value="Save First" asp-page-handler="First" class="btn btn-primary btn-xs" /><input type="submit" value="Save Second" asp-page-handler="Second" class="btn btn-primary btn-xs" /></form>處理方法參數(shù)
將參數(shù)傳遞給處理方法有兩種方法:
- 表單輸入
- 表單元素借助 asp-route Tag Helper
通過(guò)表單輸入傳遞參數(shù)
對(duì)于表單輸入作為輸入?yún)?shù),名稱(chēng)必須是同步的。HTML input元素的名稱(chēng)必須與處理方法參數(shù)的名稱(chēng)相匹配:
<form method="POST"><input type="text" name="query"/><button type="submit" asp-page-handler="search">Search</button></form> public async Task OnPostSearchAsync(string query){Categories = await _dbContext.Categories.AsNoTracing().Where(c => !string.IsNullOrEmpty(c.Description) && c.Description.Contains(query)).ToListAsync();}通過(guò)路由傳遞參數(shù)
以下是通過(guò)路由發(fā)送參數(shù)的兩個(gè)示例:
<div><form method="post" asp-page-handler="search" asp-route-query="Core"> <button>Search "Core"</button></form></div><div><form method="post" asp-page-handler="delete" asp-route-id="1"><button>Delete ID 1</button></form></div>第一個(gè)是以前看到的search處理方法,它發(fā)送“Core”作為查詢(xún)參數(shù)。
第二個(gè)是針對(duì)delete處理方法,并發(fā)送id為1,這表示它會(huì)刪除第一條數(shù)據(jù)。
public async Task OnPostSearchAsync(string query){Categories = await _dbContext.Categories.AsNoTracking().Where(c => !string.IsNullOrEmpty(c.Description) && c.Description.Contains(query)).ToListAsync();}public async Task<IActionResult> OnPostDeleteAsync(int id){var category = await _dbContext.Categories.FindAsync(id);if (category != null) {_dbContext.Categories.Remove(category);await _dbContext.SaveChangesAsync();}return RedirectToPage();}原文:《ASP.NET Core Razor Pages – Handler Methods》https://codingblast.com/asp-net-core-razor-pages-handlers/
翻譯:Sweet Tang
本文地址:http://www.cnblogs.com/tdfblog/p/razor-pages-handlers-in-asp-net-core.html
歡迎轉(zhuǎn)載,請(qǐng)?jiān)诿黠@位置給出出處及鏈接。
轉(zhuǎn)載于:https://www.cnblogs.com/tdfblog/p/razor-pages-handlers-in-asp-net-core.html
總結(jié)
以上是生活随笔為你收集整理的ASP.NET Core - Razor页面之Handlers处理方法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: XHTML 相对路径与绝对路径
- 下一篇: 设计模式(2)--Singleton(单