Hopp til innholdet
HURTIGSTART

Kom i gang

Oppe og går på fem minutter. RayCraft.Blazor er tilgjengelig på NuGet nå.

Oppsettstrinn

  1. Opprett et prosjekt
    Blazor Server, WebAssembly eller Auto på .NET 10.
  2. Installer pakken
    Legg til NuGet-pakken RayCraft.Blazor og godta lisensen (EULA) når du blir bedt om det.
  3. Registrer tjenestene
    Kall AddRayCraft() i Program.cs, i serveren og i klientprosjektet.
  4. Koble stilarket og skriptet
    Legg til stilarket og skriptet på siden din. Biblioteket farger ikke sidens brødtekst, så angi sidefargene med tokenene.
  5. Velg et tema
    Sett data-raycraft-theme på html-elementet som starttema, og bytt senere med RayCraft.setTheme('light') eller RayCraft.setTheme('dark'). Skriptet gjenoppretter det lagrede valget eller systemtemaet.
  6. Legg til din første kontroll
    Legg til @using RayCraft.Blazor.Components på siden (ikke i _Imports i standardmalen, der NavMenu finnes to ganger) og bruk kontrollen som en hvilken som helst Razor-komponent. Interaktive kontroller trenger en interaktiv gjengivelsesmodus.
  7. Dialoger og meldinger
    Bare hvis du bruker dialoger eller snackbars, plasser DialogHost og SnackbarHost én gang i layouten din.
Åpne dokumentasjonen
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 krever en lisens (eller 14 dagers prøve) og et nedlastingstoken fra kontoen din.

  1. Skaff en lisens og et token
    Logg inn på auth.raycraft.dev, start 14 dagers prøve (uten kort) eller kjøp en lisens, åpne deretter Package access og opprett et token. Sett det som RAYCRAFT_FEED_TOKEN, og RAYCRAFT_FEED_USER til en hvilken som helst tekst som ikke er tom.
  2. Legg til feeden
    Legg den viste nuget.config ved siden av solution-en din. Kildetilordningen sender bare Complete-pakkenavnene til RayCrafts feed.
  3. Installer pakkene
    RayCraft.Blazor.Complete inneholder kontrollene. RayCraft.Blazor.Complete.Office legger til kontroller for dokumenter, regneark, presentasjoner og PDF.
  4. Tekstgjenkjenning (valgfritt)
    RayCraft.Blazor.Complete.Office.Ocr.Tesseract og .Data-pakken gjenkjenner tekst i skannede PDF-sider. De fungerer bare på Windows.
  5. Ikke bland med Free
    RayCraft.Blazor (Free) og RayCraft.Blazor.Complete har de samme assembly- og navneromsnavnene. Installer aldri begge i én applikasjon; bytt pakken og behold AddRayCraft().
  6. Din egen lisens, dine egne versjoner
    Det er ingen lisensnøkkel i koden din. Etter sluttdatoen beholder du hver versjon som er utgitt frem til da. Refusjon er mulig innen 7 dager etter et kjøp.
Åpne kontoen din
<!-- 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