我可以在同一Web应用程序中使用2个(或更多)不同的ASP.NET Core编程模型吗?

时间:2019-09-21 14:37:40

标签: c# asp.net-core devexpress asp.net-core-webapi blazor

我正在使用Visual Studio 2019社区16.3.0预览版4.0,.NET Core 3.0 RC1,ASP.NET Core 3,实体框架3 RC1

我正在阅读ASP.NET Core文档。我知道ASP.NET Core具有4种编程模型:

第一个问题:我想知道,我是否可以在同一Web应用程序中使用2个不同的ASP.NET Core编程模型?

第二个问题:我按照本教程https://docs.devexpress.com/Blazor/401057/getting-started/create-a-new-application创建了Blazor网络应用,

Blazor

@page "/weather"
<h1>Weather</h1>
<DxTextBox></DxTextBox>

@code { 
    //...
}

我尝试将ASP.NET Core Razor页面编程模型应用于现有的Blazor Web应用程序 Create.cshmtml

@page "/Create"
@model RazorPagesMovie.Pages.CreateModel

@{
    ViewData["Title"] = "Create";
}

<h1>Create</h1>

<h4>Movie</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        <form method="post">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="Movie.Title" class="control-label"></label>
                <input asp-for="Movie.Title" class="form-control" />
                <span asp-validation-for="Movie.Title" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Movie.ReleaseDate" class="control-label"></label>
                <input asp-for="Movie.ReleaseDate" class="form-control" />
                <span asp-validation-for="Movie.ReleaseDate" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Movie.Genre" class="control-label"></label>
                <input asp-for="Movie.Genre" class="form-control" />
                <span asp-validation-for="Movie.Genre" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Movie.Price" class="control-label"></label>
                <input asp-for="Movie.Price" class="form-control" />
                <span asp-validation-for="Movie.Price" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
        </form>
    </div>
</div>

<div>
    <a asp-page="Index">Back to List</a>
</div>

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

Create.cshmt.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.AspNetCore.Mvc.Rendering;
using acc133blazor.Models;

namespace RazorPagesMovie.Pages
{
    public class CreateModel : PageModel
    {
        private readonly foo.Models.fooContext _context;

        public CreateModel(foo.Models.fooContext context)
        {
            _context = context;
        }

        public IActionResult OnGet()
        {
            return Page();
        }

        [BindProperty]
        public Movie Movie { get; set; }

        // To protect from overposting attacks, please enable the specific properties you want to bind to, for
        // more details see https://aka.ms/RazorPagesCRUD.
        public async Task<IActionResult> OnPostAsync()
        {
            if (!ModelState.IsValid)
            {
                return Page();
            }

            _context.Movie.Add(Movie);
            await _context.SaveChangesAsync();

            return RedirectToPage("./Index");
        }
    }
}

我不确定它能否成功运行。我尝试调试Web应用程序,转到Razor页面https://localhost:44303/Create并出现错误。

但是它的Blazor组件集还不够用(在beta中,只有12个组件https://demos.devexpress.com/blazor/),我尝试添加ASP.NET Razor页面或ASP.NET Core Control(ASP.NET Core ViewComponent {{ 3}}),我可以这样做吗?

1 个答案:

答案 0 :(得分:1)

不使用Blazor组合在一起就没有问题。

对于Blazor,尽管您可以将其与Razor Pages结合使用,但是asp-pageasp-for标签助手将不再起作用。

请参阅Blazor Component Embedded in Razor Page

  

链接到具有Blazor组件的页面,其他所有页面链接将不再起作用。您甚至可以使用Blazor Server Side应用程序的样板模板应用程序并链接到任何mvc视图或razor页面来复制相同的情况。所有链接不再起作用。这必须是启动问题。拆下   endpoints.MapBlazorHub();将允许链接再次工作,但显然会破坏Blazor组件。

对于部分视图/视图组件,它们也无法在Blazor中使用,可以将其更改为剃刀组件。

请参阅Can you use a ViewComponent in a Blazor layout

https://github.com/aspnet/Blazor/issues/1066