Felhasználói eszközök
oktatas:web:blazor
Különbségek
A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
| Előző változat mindkét oldalon Előző változat Következő változat | Előző változat | ||
|
oktatas:web:blazor [2022/03/15 14:17] admin [Alkalmazás készítése] |
oktatas:web:blazor [2023/06/26 10:14] (aktuális) admin [Blazor] |
||
|---|---|---|---|
| Sor 4: | Sor 4: | ||
| * **Szerző:** Sallai András | * **Szerző:** Sallai András | ||
| - | * Copyright (c) Sallai András, 2022 | + | * Copyright (c) 2022, Sallai András |
| * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] | * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] | ||
| * Web: https://szit.hu | * Web: https://szit.hu | ||
| Sor 94: | Sor 94: | ||
| Minden lapot a "Pages" könyvtárba helyezünk. | Minden lapot a "Pages" könyvtárba helyezünk. | ||
| - | Minden Blazor komponens egy fájl. A tartalma könnyedén létrehozható a | + | Minden Blazor komponens egy fájl. A tartalma könnyedén létrehozható a "Blazor Snippet Pack" VScode bővítménnyel, csak kezdjük el gépelni: |
| + | blcomp | ||
| ===== Futtatás ===== | ===== Futtatás ===== | ||
| Sor 223: | Sor 225: | ||
| salary = 2875000 | salary = 2875000 | ||
| }; | }; | ||
| + | } | ||
| + | </code> | ||
| + | |||
| + | ==== Objektumok listában ==== | ||
| + | |||
| + | <code csharp Data/Employee.cs> | ||
| + | namespace app03.Data; | ||
| + | |||
| + | public class Employee | ||
| + | { | ||
| + | public string? name { get; set; } | ||
| + | public string? city { get; set; } | ||
| + | public double salary { get; set; } | ||
| + | | ||
| + | } | ||
| + | </code> | ||
| + | |||
| + | |||
| + | <code razor Pages/Employees.razor> | ||
| + | @page "/employees" | ||
| + | |||
| + | <table class="table"> | ||
| + | <tr> | ||
| + | <th>Név</th> | ||
| + | <th>Település</th> | ||
| + | <th>Fizetés</th> | ||
| + | </tr> | ||
| + | @foreach (var emp in emps) | ||
| + | { | ||
| + | <tr> | ||
| + | <td>@emp.name</td> | ||
| + | <td>@emp.city</td> | ||
| + | <td>@emp.salary</td> | ||
| + | </tr> | ||
| + | } | ||
| + | </table> | ||
| + | |||
| + | @using Data | ||
| + | |||
| + | @code { | ||
| + | Employee[] emps = new Employee[] { | ||
| + | new Employee() {name= "Róbert", city = "Szeged", salary = 2475000}, | ||
| + | new Employee() {name= "Tamás", city = "Szolnok", salary = 2475000} | ||
| + | }; | ||
| } | } | ||
| </code> | </code> | ||
oktatas/web/blazor.1647350274.txt.gz · Utolsó módosítás: 2022/03/15 14:17 szerkesztette: admin
Hacsak máshol nincs egyéb rendelkezés, ezen wiki tartalma a következő licenc alatt érhető el: CC Attribution-Share Alike 4.0 International
