标签: blazor-client-side

工具栏布局.cs

public class ToolbarLayoutBase : LayoutComponentBase
{
    public string Text { get; set; }

    public virtual void NewData()
    {
        Console.WriteLine("Save Click " + Text);
    }
    public virtual void UpdateData()
    {
        Console.WriteLine("Update Click");
    }
}

工具栏布局 Razor

@inherits ToolbarLayoutBase
BtnSave,BtnUpdate,BtnRemove HTML Button

编辑页面.cs

public class EditPageBase : ToolbarLayoutBase
{

    public override void UpdateData()
    {
        base.UpdateData();
    }

}

编辑页面剃刀

@inherits EditPageBase
@page "/editpage"

<ToolbarLayout  />

我有如上图所示的组件。我想使用我的“ToolbarLayout”组件作为基础组件，我需要方法等，我想改变。就像WinForm中的Base Form结构一样。

我的任务是运行 CLI 命令（在客户端系统中）并在 Web 应用程序上向用户显示输出。[假设，一个基于网络的 cmd.exe ]

基于对 WebAssembly 功能的了解，我使用 .NET CORE Blazor WebAssembly 来完成该任务。但是在客户端中使用System.Diagnostics.ProcessStartInfo会引发运行时错误Native error= Cannot find the specified file。

如果我对 WebAssembly 的理解有误，请告诉我。另外，建议我如何完成任务？

Razor 页面中使用的代码：

protected override async Task OnInitializedAsync()
{
    quiz = await Http.GetJsonAsync<List<QuizItem>>("Quiz");

    // My actual code...
    string process = @"C:\Windows\System32\cmd.exe", arguments = "start", workingFolder = ".";
    System.Diagnostics.ProcessStartInfo startinfo = new System.Diagnostics.ProcessStartInfo {
        FileName = process, Arguments = arguments, WorkingDirectory = workingFolder,
        CreateNoWindow = false, UseShellExecute = false,
        RedirectStandardError = true, RedirectStandardOutput …

在 Blazor WebAssembly 中，Console.WriteLine将日志写入 Javascript 控制台，并Console.Error.WriteLine写入错误。有没有办法在不使用 Javascript 的情况下编写警告或信息 - Blazor 相当于 Javascriptconsole.warn或console.info？

（一般来说，对于任何给定的函数调用，如何找出 Javascript 互操作是否有 Blazor 替代方案？）

我正在尝试与 blazor 合作进行一个学习项目。安装 blazorise 后，导航栏无法像以前一样工作。一旦我启动了 web 应用程序，导航栏就没有显示，当我最小化 chrome 时，导航栏-toggler-icon 就会出现，点击该图标后，我可以看到我的导航栏。

在 NavMenu.razor 页面上，我只添加了一些导航链接（见下面的代码）。所以css类是原始的。我在 chrome 上没有任何错误。侧边栏启动后生成的html是：

<div class="sidebar"><!--!-->
    <!--!--><div class="top-row pl-4 navbar navbar-dark"><!--!-->
    <!--!--><a class="navbar-brand" href="">Rappenspalter</a>
    <button class="navbar-toggler"><!--!-->
        <span class="navbar-toggler-icon"></span>
    </button><!--!-->
</div><!--!-->

<div class="collapse"><!--!-->
    <ul class="nav flex-column"><!--!-->
        <li class="nav-item px-3"><!--!-->
            <!--!--><a href="" class="nav-link active"><!--!-->
                <span class="oi oi-home" aria-hidden="true"></span> Home
            </a><!--!-->
        </li><!--!-->
        <li class="nav-item px-3"><!--!-->
            <!--!--><a href="counter" class="nav-link"><!--!-->
                <span class="oi oi-plus" aria-hidden="true"></span> Counter
            </a><!--!-->
        </li><!--!-->
        <li class="nav-item px-3"><!--!-->
            <!--!--><a href="fetchdata" class="nav-link"><!--!-->
                <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
            </a><!--!-->
        </li><!--!-->
        <li class="nav-item px-3"><!--!--> …

        "APIs": {
        "API-1": "http://localhost:5000/student",
        "API-2":  "http://localhost:5001/teacher"}

我在 launchSettings.json 文件中创建了这些属性。现在我需要访问 Student.razor 页面中的 API-1 和 API-2 值。我尝试像这样使用它..

List<Student> students = await http.GetFromJsonAsync<List<Student>>("API-1");
    

所以我正在编写一个带有 asp.ner 核心标识的 Blazor webassembly 应用程序。我需要获取当前用户的 ID，而不是 Identy 中的方法提供的用户名。

方法

语境。用户.身份.名称

提供用户名，但我需要模型/表中 fk 的 ID。

我不能使用用户名，因为用户名可能会改变。

我已经在网上搜索过，但是我一直只看到返回的用户名。

任何帮助将不胜感激。

我的项目是在Blazor WASM 中创建的（我不想使用 Blazor 服务器）

string pathToXsd = Path.Combine("plcda","extPL_r2.xsd");
string transformataHTML = System.IO.File.ReadAllText(pathToXsd);

Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Could not find a part of the path "/plcda/extPL_r2.xsd".
System.IO.DirectoryNotFoundException: Could not find a part of the path "/plcda/extPL_r2.xsd".