Kom i gang

Opret et projekt
Blazor Server, WebAssembly eller Auto på .NET 10.
Installér pakken
Tilføj NuGet-pakken RayCraft.Blazor og acceptér licensen (EULA), når du bliver bedt om det.
Registrér tjenesterne
Kald AddRayCraft() i Program.cs, i serveren og i klientprojektet.
Link typografi og script
Tilføj typografiarket og scriptet til din side. Biblioteket farver ikke sidens brødtekst, så angiv sidens farver med dets tokens.
Vælg et tema
Sæt data-raycraft-theme på html-elementet som starttema, og skift det senere med RayCraft.setTheme('light') eller RayCraft.setTheme('dark'). Scriptet gendanner det gemte valg eller systemtemaet.
Tilføj din første kontrol
Tilføj @using RayCraft.Blazor.Components til siden (ikke til _Imports i standardskabelonen, hvor NavMenu findes to gange) og brug kontrollen som enhver Razor-komponent. Interaktive kontroller kræver en interaktiv gengivelsestilstand.
Dialoger og beskeder
Kun hvis du bruger dialoger eller snackbars, skal du placere DialogHost og SnackbarHost én gang i dit layout.

dotnet add package RayCraft.Blazor

// Program.cs (server and client)
builder.Services.AddRayCraft();

<!-- App.razor -->
<html data-raycraft-theme="light">
<link rel="stylesheet" href="_content/RayCraft.Blazor/css/raycraft.css" />
<script src="_content/RayCraft.Blazor/raycraft.js"></script>

/* your own css */
body { background: var(--raycraft-bg); color: var(--raycraft-text); }

@* Counter.razor *@
@using RayCraft.Blazor.Components
@rendermode InteractiveServer

<Button OnClick="Increment">Clicked @count times</Button>

@code {
    private int count;
    private void Increment() => count++;
}

RayCraft Complete

RayCraft Complete kommer fra RayCrafts private feed, ikke fra nuget.org. Det kræver en licens (eller 14 dages prøve) og et downloadtoken fra din konto.

Få en licens og et token
Log ind på auth.raycraft.dev, start 14 dages prøve (uden kort) eller køb en licens, åbn derefter Package access og opret et token. Sæt det som RAYCRAFT_FEED_TOKEN, og RAYCRAFT_FEED_USER til en vilkårlig tekst, der ikke er tom.
Tilføj feedet
Læg den viste nuget.config ved siden af din solution. Kildetilknytningen sender kun Complete-pakkenavnene til RayCraft-feedet.
Installér pakkerne
RayCraft.Blazor.Complete indeholder kontrollerne. RayCraft.Blazor.Complete.Office tilføjer kontroller til dokumenter, regneark, præsentationer og PDF.
Tekstgenkendelse (valgfrit)
RayCraft.Blazor.Complete.Office.Ocr.Tesseract og dens .Data-pakke genkender tekst i scannede PDF-sider. De virker kun på Windows.
Bland ikke med Free
RayCraft.Blazor (Free) og RayCraft.Blazor.Complete har de samme assembly- og navneområdenavne. Installér aldrig begge i én applikation; skift pakken ud og behold AddRayCraft().
Din egen licens, dine egne versioner
Der er ingen licensnøgle i din kode. Efter slutdatoen beholder du alle versioner udgivet indtil da. Refusion er mulig inden for 7 dage efter et køb.

Åbn din konto

<!-- nuget.config next to your solution -->
<configuration>
  <packageSources>
    <add key="nuget.org" value="https://api.nuget.org/v3/index.json" />
    <add key="raycraft" value="https://nuget.raycraft.dev/v3/index.json" />
  </packageSources>
  <packageSourceCredentials>
    <raycraft>
      <add key="Username" value="%RAYCRAFT_FEED_USER%" />
      <add key="ClearTextPassword" value="%RAYCRAFT_FEED_TOKEN%" />
    </raycraft>
  </packageSourceCredentials>
  <packageSourceMapping>
    <packageSource key="nuget.org"><package pattern="*" /></packageSource>
    <packageSource key="raycraft"><package pattern="RayCraft.Blazor.Complete*" /></packageSource>
  </packageSourceMapping>
</configuration>

dotnet add package RayCraft.Blazor.Complete
dotnet add package RayCraft.Blazor.Complete.Office

Opsætningstrin

RayCraft Complete