سلام من به تازگی آموزش Blazor رو شروع کردم. توی سایت های مختلف خوندم که Blazor بر اساس کامپوننت ها کار میکنه. لطفا یک مثال ساده از ایجاد یک کامپوننت قرار بدید.
در کامپوننت FirstComponent کدهای زیر را بنویسید :
<div class="panel panel-default">
<div class="panel-heading alert alert-info" style="text-align:center;">@Title</div>
<div class="panel-body alert alert-success" style="text-align:center;">@Content</div>
</div>
@code {
[Parameter]
public string Title { get; set; }
[Parameter]
public string Content { get; set; }
}
همان طور که می بینید در این کامپوننت ما دو پارامتر هم به نام های Title و Content تعریف کردیم که می توان این پارامترها را موقع صدا زدن کامپوننت مقدار دهی کرد.
خب حالا باید از کامپوننتی که بالا تعریف کردیم استفاده کنیم. استفاده از کامپوننت بسیار ساده است. کافیست در صفحه ای که قصد استفاده از کامپوننت را دارید دستور زیر را بنویسید :
<FirstComponent Title="عنوان" Content="متن دلخواه" />
در این مثال ما در صفحه index از این کامپوننت استفاده کرده ایم.
تاریخ :
1403/12/24
- ساعت :
06:18:00 PM
- بازدید :
15
- پاسخ :
0
|
تاریخ :
1399/09/20
- ساعت :
01:21:00 PM
- بازدید :
6778
- پاسخ :
1
|
تاریخ :
1403/11/30
- ساعت :
12:08:00 PM
- بازدید :
88
- پاسخ :
1
|
تاریخ :
1399/12/21
- ساعت :
10:18:00 AM
- بازدید :
2388
- پاسخ :
1
|
تاریخ :
1399/12/21
- ساعت :
10:20:00 AM
- بازدید :
2731
- پاسخ :
1
|
تاریخ :
1399/12/22
- ساعت :
01:34:00 PM
- بازدید :
2767
- پاسخ :
1
|
تاریخ :
1403/11/17
- ساعت :
07:38:00 PM
- بازدید :
78
- پاسخ :
1
|
تاریخ :
1403/11/17
- ساعت :
05:54:00 PM
- بازدید :
125
- پاسخ :
1
|
تاریخ :
1403/11/03
- ساعت :
07:21:00 PM
- بازدید :
124
- پاسخ :
1
|
تاریخ :
1403/11/03
- ساعت :
07:34:00 PM
- بازدید :
186
- پاسخ :
1
|
تاریخ :
1403/12/23
- ساعت :
03:14:00 PM
- بازدید :
61
- پاسخ :
1
|
تاریخ :
1403/12/24
- ساعت :
06:18:00 PM
- بازدید :
15
- پاسخ :
0
|
تاریخ :
1403/12/01
- ساعت :
01:07:00 PM
- بازدید :
129
- پاسخ :
0
|
تاریخ :
1403/12/23
- ساعت :
11:21:00 AM
- بازدید :
81
- پاسخ :
1
|
تاریخ :
1399/09/20
- ساعت :
01:21:00 PM
- بازدید :
6778
- پاسخ :
1
|
تاریخ :
1401/03/31
- ساعت :
05:57:00 PM
- بازدید :
2307
- پاسخ :
1
|
تاریخ :
1403/12/22
- ساعت :
11:05:00 AM
- بازدید :
114
- پاسخ :
1
|
تاریخ :
1399/11/25
- ساعت :
11:22:00 AM
- بازدید :
3811
- پاسخ :
2
|
تاریخ :
1403/12/19
- ساعت :
11:21:00 PM
- بازدید :
36
- پاسخ :
1
|
تاریخ :
1403/12/20
- ساعت :
12:05:00 AM
- بازدید :
46
- پاسخ :
1
|