Oppsettstrinn
- Opprett et prosjekt
Blazor Server, WebAssembly eller Auto på .NET 10. - Installer pakken
Legg til NuGet-pakken RayCraft.Blazor og godta lisensen (EULA) når du blir bedt om det. - Registrer tjenestene
Kall AddRayCraft() i Program.cs, i serveren og i klientprosjektet. - Koble stilarket og skriptet
Legg til stilarket og skriptet på siden din. Biblioteket farger ikke sidens brødtekst, så angi sidefargene med tokenene. - 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. - 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. - Dialoger og meldinger
Bare hvis du bruker dialoger eller snackbars, plasser DialogHost og SnackbarHost én gang i layouten din.
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.
- 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. - Legg til feeden
Legg den viste nuget.config ved siden av solution-en din. Kildetilordningen sender bare Complete-pakkenavnene til RayCrafts feed. - Installer pakkene
RayCraft.Blazor.Complete inneholder kontrollene. RayCraft.Blazor.Complete.Office legger til kontroller for dokumenter, regneark, presentasjoner og PDF. - Tekstgjenkjenning (valgfritt)
RayCraft.Blazor.Complete.Office.Ocr.Tesseract og .Data-pakken gjenkjenner tekst i skannede PDF-sider. De fungerer bare på Windows. - 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(). - 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.
<!-- 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