VT2020-Blazor-Demo - Revision history

Houda.El-Aji at 11:25, 30 November 2020

2020-11-30T11:25:31Z

← Older revision		Revision as of 11:25, 30 November 2020
Line 8:		Line 8:

	== Démonstration ==		== Démonstration ==

			Le but de cette démonstration est de créer une application Blazor de liste de tâches.

	=== Configuration ===		=== Configuration ===
Line 82:		Line 84:
	<pre> dotnet run </pre>		<pre> dotnet run </pre>
	vous pouvez consulter votre liste de tâches, maintenant sur <code> https://localhost:5001/todo</code>		vous pouvez consulter votre liste de tâches, maintenant sur <code> https://localhost:5001/todo</code>

	=== Utilisation ===

	== Voir Aussi ==

Houda.El-Aji: /* Programme */

2020-11-30T11:17:57Z

Programme

@@ Line 19: / Line 19: @@
 === Programme ===
 @page "/todo"
@@ Line 56: / Line 77: @@
+}
 === Utilisation ===

Houda.El-Aji: /* Configuration */

2020-11-30T10:55:46Z

Configuration

← Older revision		Revision as of 10:55, 30 November 2020
Line 10:		Line 10:

	=== Configuration ===		=== Configuration ===
			Tout d'abord il faut créer une l'application par la commande suivante :
			<pre> dotnet new blazorserver -o TodoList </pre>
			Mettez-vous daans le répértoire de l 'application ensuite :
			<pre> cd TodoList </pre>

			Afin d'ajouter un nouveau <code>Todo</code> Razor composant à l'application dans le dossier Pages :
			<pre> dotnet new razorcomponent -n Todo -o Pages </pre>

	=== Programme ===		=== Programme ===

Houda.El-Aji: /* Démonstration */

2020-11-30T10:47:37Z

Démonstration

← Older revision		Revision as of 10:47, 30 November 2020
Line 12:		Line 12:

	=== Programme ===		=== Programme ===
			Dans votre fichier <code>Pages/Todo.razor</code>

			Recopier le contenu suivant :

			<pre>

			@page "/todo"

			<h3>Todo (@todos.Count(todo => !todo.IsDone))</h3>

			<ul>
			@foreach (var todo in todos)
			{
			<li>
			<input type="checkbox" @bind="todo.IsDone" />
			<input @bind="todo.Title" />
			</li>
			}
			</ul>

			<input placeholder="Something todo" @bind="newTodo" />
			<button @onclick="AddTodo">Add todo</button>

			@code {
			private IList<TodoItem> todos = new List<TodoItem>();
			private string newTodo;

			private void AddTodo()
			{
			if (!string.IsNullOrWhiteSpace(newTodo))
			{
			todos.Add(new TodoItem { Title = newTodo });
			newTodo = string.Empty;
			}
			}
			}

			</pre>

	=== Utilisation ===		=== Utilisation ===

Houda.El-Aji: /* Installations */

2020-11-30T01:34:00Z

Installations

← Older revision		Revision as of 01:34, 30 November 2020
Line 2:		Line 2:

	==Installations==		==Installations==
	=== Première Installation ===

			L’exécution des codes servant à la démonstration ci-dessous nécessite l’installation de [https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor Blazor]

			* [https://www.jeremymorgan.com/blog/linux/blazor-in-linux/ Guide d'installation détaillé sur Linux]
	=== Mise à jour ===
			* [https://dotnet.microsoft.com/download Installation .Net]

	== Démonstration ==		== Démonstration ==

Houda.El-Aji: Created page with "Démonstration de Blazor en lien avec la fiche de synthèse VT2020-Blazor-Fiche dans le cadre du cours de veille technologique 2020-2021. ==Installations== === Premi..."

2020-11-29T23:26:51Z

Created page with "Démonstration de Blazor en lien avec la fiche de synthèse VT2020-Blazor-Fiche dans le cadre du cours de veille technologique 2020-2021. ==Installations== === Premi..."

New page

Démonstration de [[Blazor]] en lien avec la fiche de synthèse [[VT2020-Blazor-Fiche]] dans le cadre du cours de veille technologique 2020-2021.

==Installations==
=== Première Installation ===

=== Mise à jour ===

== Démonstration ==

=== Configuration ===

=== Programme ===

=== Utilisation ===

== Voir Aussi ==