在 Razor 视图中使用 await

Question

是否可以 await 处理 Razor .cshtml 视图中的任务？

默认情况下，它抱怨它只能在标有async 的方法中使用，所以我想知道是否有隐藏的开关可以启用它？

Answer 1

在 ASP.NET Core 2.1 中，您可以在 Razor 视图中使用 await。

见https://docs.microsoft.com/en-us/aspnet/core/mvc/views/partial?view=aspnetcore-2.1

例子：

@await Html.PartialAsync("../Account/_LoginPartial.cshtml")

Answer 2

我想要这样的东西很久了——我们写的很多页面都可以由 Jr Dev 拼凑起来，如果他们不必写一堆查询的话；而且，无论如何每次都是相同的基本查询样板 - 为什么他们必须为每个控制器编写它们，而他们的大部分工作是获取内容？我使用 C#，所以我不必处理内存管理，为什么 HTML 编码器必须处理查询细节？

您可以使用一个技巧将数据异步加载到视图中。首先，您定义一个类来表达您想要的数据。然后，在每个视图的顶部，实例化该类。回到控制器中，您可以查找您知道要使用的视图，打开它，然后编译该类。然后，您可以使用它以 MVC 强制执行的方式在 Controller 中异步获取 View 所需的数据。最后，按照 MVC 的规定，通过 ViewModel 将其传递给 View，并且通过一些技巧 - 你有一个 View 来声明它将使用什么数据。

这是一个 StoryController。 Jr Devs 将故事编写为简单的 .cshtml 文件，而无需知道控制器、数据库或 LINQ 是什么：

public class StoryController : BaseController
{
    [OutputCache(Duration=CacheDuration.Days1)]
    // /story/(id)
    public async Task<ActionResult> Id(string id = null)
    {
        string storyFilename = id;

        // Get the View - story file
        if (storyFilename == null || storyFilename.Contains('.'))
            return Redirect("/");   // Disallow ../ for example

        string path = App.O.AppRoot + App.HomeViews + @"story\" + storyFilename + ".cshtml";
        if (!System.IO.File.Exists(path))
            return Redirect("/");

        return View(storyFilename);

现在所做的就是根据 URL 获取 View 文件，允许使用 WebForms 之类的东西（MVC 内部和使用 Razor 除外）。但是我们想用一些标准的 ViewModel 和 Partials 展示一些数据——在我们的例子中，是数据库中积累的人员和项目。让我们定义如何编译它。 （请注意，ConservX 恰好是我的项目的核心命名空间。）

    public async Task<ActionResult> Id(string id = null)
    {
        string storyFilename = id;

        // 1) Get the View - story file
        if (storyFilename == null || storyFilename.Contains('.'))
            return Redirect("/");   // Disallow ../ for example

        string path = App.O.AppRoot + App.HomeViews + @"story\" + storyFilename + ".cshtml";
        if (!System.IO.File.Exists(path))
            return Redirect("/");

        // 2) It exists - begin parsing it for StoryDataIds
        var lines = await FileHelper.ReadLinesUntilAsync(path, line => line.Contains("@section"));

        // 3) Is there a line that says "new StoryDataIds"?
        int i = 0;
        int l = lines.Count;
        for (; i < l && !lines[i].Contains("var dataIds = new StoryDataIds"); i++)
        {}

        if (i == l) // No StoryDataIds defined, just pass an empty StoryViewModel
            return View(storyFilename, new StoryViewModel());


        // https://stackoverflow.com/questions/1361965/compile-simple-string
        // https://msdn.microsoft.com/en-us/library/system.codedom.codecompileunit.aspx
        // https://msdn.microsoft.com/en-us/library/system.codedom.compiler.codedomprovider(v=vs.110).aspx
        string className = "__StoryData_" + storyFilename;
        string code = String.Join(" ",
            (new[] {
                "using ConservX.Areas.Home.ViewModels.Storying;",
                "public class " + className + " { public static StoryDataIds Get() {"
            }).Concat(
                lines.Skip(i).TakeWhile(line => !line.Contains("};"))
            ).Concat(
                new[] { "}; return dataIds; } }" }
            ));


        var refs = AppDomain.CurrentDomain.GetAssemblies();
        var refFiles = refs.Where(a => !a.IsDynamic).Select(a => a.Location).ToArray();
        var cSharp = (new Microsoft.CSharp.CSharpCodeProvider()).CreateCompiler();
        var compileParams = new System.CodeDom.Compiler.CompilerParameters(refFiles);
        compileParams.GenerateInMemory = true;
        compileParams.GenerateExecutable = false;

        var compilerResult = cSharp.CompileAssemblyFromSource(compileParams, code);
        var asm = compilerResult.CompiledAssembly;
        var tempType = asm.GetType(className);
        var ids = (StoryDataIds)tempType.GetMethod("Get").Invoke(null, null);

        using (var db... // Fetch the relevant data here

        var vm = new StoryViewModel();
        return View(storyFilename, vm);
    }

这是大部分工作。现在 Jr Devs 可以像这样声明他们需要的数据：

@using ConservX.Areas.Home.ViewModels.Storying
@model StoryViewModel
@{
    var dataIds = new StoryDataIds
    {
        ProjectIds = new[] { 4 }
    };

    string title = "Story Title";
    ViewBag.Title = title;
    Layout = "~/Areas/Home/Views/Shared/_Main.cshtml";
}
@section css {
...

Answer 3

我提出这个问题是因为我是 Razor 的新手，我想在我的控制器代码计算数据时显示一个简单的“正在加载...”屏幕。

所以我找到了这个链接：https://www.codeproject.com/Articles/424745/MVC-Razor-In-Progress-Icon，这很有帮助，但是因为我是 Razor 的新手，所以我无法完成这项工作。

最后对我有用的是以下内容。

1) 将代码项目中建议的“正在加载” div 添加到我的 .cshtml 文件中：

<div id="divLoading" style="margin: 0px; padding: 0px; position: fixed; right: 0px;
    top: 0px; width: 100%; height: 100%; background-color: #666666; z-index: 30001;
    opacity: .8; filter: alpha(opacity=70);display:none">
    <p style="position: absolute; top: 30%; left: 45%; color: White;">
        Loading, please wait...<img src="../../Content/Images/ajax-loading.gif">
    </p>
</div>

2) 从

修改我的 Razor 表单

<input type="submit" value="Go"/>

到

<input type="button" value="Go" onclick="JavascriptFunction()" />

3) 在我的 .cshtml 页面中创建 JavascriptFunction()：

<script type="text/javascript" language="javascript">
    function JavascriptFunction() {
        $("#divLoading").show();
        $('form').submit();
    }
</script>

如果我正确理解了以上所有内容，那么它的作用就是在我按下 Go 按钮时执行函数 JavascriptFunction。

JavascriptFunction 做了两件事： 1) 通过显示之前隐藏的 (display:none) divLoading div 来更改页面的视图。 2) 提交此页面上的所有表单（我只有一个，所以它提交的表单就像我在按钮上键入提交一样）

表单提交启动的Controller完成后，在新页面上加载新视图，初始页面（以及“正在加载”的div）消失了。任务完成。

Answer 4

您可以在剃须刀页面中等待呼叫吗？我有一个 Blazor 应用程序，我的大多数方法都是异步的：

剃刀页面：

<MatFAB Icon="@MatIconNames.Autorenew" Style="transform:scale(0.8); background:#333;"
                OnClick="@(async () => await OnInitializedAsync())"></MatFAB>

这是一个调用生命周期事件 OnInitializedAsync() 的 MatBlazor FloatingActionButton

C#代码：

protected override async Task OnInitializedAsync()
{
    // Do something like get data when the form loads
}

Answer 5

不，这是不可能的，无论如何您都不需要这样做。 Razor 视图应该包含标记和最多一些帮助调用。 async/await 属于你的后端逻辑。

Answer 6

如果你真的需要它，你可以这样做，它会很丑，但它会起作用。

在视图中

@{  
var foo = ViewBag.foo;
var bar = ViewBag.bar;
}

在控制器中

public async Task<ActionResult> Index()
        {
            ViewBag.foo = await _some.getFoo();
            ViewBag.bar = await _some.getBar();
            return View("Index");
        }

Answer 7

我知道这是一个较旧的线程，但我会添加我的输入以防其他人发现它有用。我在 ASP.Net MVC 中使用新的 MongoDB 驱动程序时遇到了这个问题 - 新驱动程序（目前）仅实现异步方法并返回异步游标，因为 asynccursor 没有实现 IEnumerable，所以不能在 foreach 中使用.示例代码通常如下所示：

while(await cursor.movenextasync)
    var batch=cursor.current
    foreach(var item in batch)
        --do stuff here--

但是，这在 razor 中不起作用，因为视图本质上不是异步的，await 并不能削减它。

我通过将第一行更改为：

while(cursor.MoveNextAsync().Result)

在光标碰到最后一个条目之前返回真。

希望有帮助！

Answer 8

根据 MaxP 的回答，尽管有 Knagis 评论，但很容易从该代码中返回一个值：

@{
    int x = DoAsyncStuffWrapper().Result;
}
@functions {
    async Task<int>DoAsyncStuffWrapper() 
    {
        await DoAsyncStuff();
    }
}