Difference between revisions of "VT2020-Blazor-Fiche"
Houda.El-Aji (talk | contribs) |
Houda.El-Aji (talk | contribs) |
||
| Line 10: | Line 10: | ||
== Présentation == |
== Présentation == |
||
| + | |||
| + | === Exemple === |
||
| + | |||
| + | Cet exemple figurant sur la page d'accueil de la documentation de Blazor. Il montre comment implémenter un simple compteur en cliquant sur un button. |
||
| + | |||
| + | <syntaxhighlight lang="html"> |
||
| + | <h1>Blazor counter example</h1> |
||
| + | <p>count: @count</p> |
||
| + | <button class="btn btn-primary" @onclick="IncCount">Click to increment</button> |
||
| + | |||
| + | @code { |
||
| + | private int count = 0; |
||
| + | |||
| + | private void IncCount() |
||
| + | { |
||
| + | count++; |
||
| + | } |
||
| + | } |
||
| + | </syntaxhighlight> |
||
| + | |||
| + | Nous remarquons que le code '''HTML''' se positionne en haut de la feuille, en contenant la variable '''C#'''. Ainsi, le code '''C#''' vient en bas. |
||
== Rappels == |
== Rappels == |
||
Revision as of 23:21, 29 November 2020
Blazor est un framework Web gratuit et open-source qui a été créé par Microsoft en 2018. Il permet aux développeurs de créer des applications Web en utilisant C# et HTML.
Abstract
«Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries. Blazor is a feature of ASP.NET, the popular web development framework that extends the .NET developer platform with tools and libraries for building web apps.» - Documentation officielle de Blazor
Présentation
Exemple
Cet exemple figurant sur la page d'accueil de la documentation de Blazor. Il montre comment implémenter un simple compteur en cliquant sur un button.
<h1>Blazor counter example</h1>
<p>count: @count</p>
<button class="btn btn-primary" @onclick="IncCount">Click to increment</button>
@code {
private int count = 0;
private void IncCount()
{
count++;
}
}
Nous remarquons que le code HTML se positionne en haut de la feuille, en contenant la variable C#. Ainsi, le code C# vient en bas.
Rappels
Bibliographie et références
Veille Technologique 2020
- Année : VT2020
- Sujet : Blazor
- Auteur : Houda EL AJI