在 Razor 视图中使用 await

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

请参阅 https://learn.microsoft.com/en-us/aspnet/core/mvc/views/partial?view=aspnetcore-2.1

例：

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

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

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

这是一个故事控制器。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获取视图文件，允许像WebForms这样的东西(除了在MVC内部和使用Razor(。但是我们希望显示一些数据 - 在我们的例子中，是数据库中积累的人员和项目 - 以及一些标准的ViewModels和Parts。让我们定义如何并编译出来。(请注意，在我的情况下，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 {
...

我之所以回答这个问题，是因为我是 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( 修改我的剃须刀表单

<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( 通过显示先前隐藏的(显示：无(divLoadingdiv 来更改页面的视图。2(提交此页面上的所有表单(我只有一个，因此它提交表单的方式与我在按钮上输入的表单相同(

表单提交启动的控制器完成后，它会在新页面上加载一个新视图，并且初始页面(和"加载"div(消失。 任务完成。

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

剃须刀页面：

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

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

C# 代码：

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

不，这是不可能的，无论如何你都不需要这样做。Razor 视图应包含标记，最多应包含一些帮助程序调用。异步/等待属于后端逻辑。

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

在视图中

@{  
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");
        }

按照 MaxP 的答案，很容易从该代码中返回一个值，尽管 Knagis 评论：

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

我知道

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

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

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

我通过将第一行更改为：

while(cursor.MoveNextAsync().Result)

返回 true，直到光标到达最后一个条目。

希望对您有所帮助！