<StackLayout HorizontalOptions="Center" VerticalOptions="Center">
<Label Text="{Binding StepsCount, StringFormat='{}Button tapped {0} times!'}" />
<Button Command="{Binding IncreaseStepsCountCommand}" Text="+" />
</StackLayout> public class HelloWorldViewModel : BitViewModelBase
{
public int StepsCount { get; set; }
public BitDelegateCommand IncreaseStepsCountCommand { get; set; }
public HelloWorldViewModel()
{
IncreaseStepsCountCommand = new BitDelegateCommand(IncreaseStepsCount);
}
async Task IncreaseStepsCount()
{
StepsCount += 1;
}
} | | |
برای پابلیش پروژه نیز می‌توانید از آموزش‌های بر روی وب استفاده کنید که شامل ارائه برنامه به استفاده کنندگان با یا بدون Microsoft Store است که از فرمت نه چندان جالب appxbundle استفاده می‌کند و ما از این آموزش عبور می‌کنیم و به ذکر این نکته بسنده می‌کنیم که نسخه بعدی Visual Studio 2017 یعنی 15.9 قابلیت ساختن msix یا Windows installer را نیز دارد که از هر چیزی بهتر است و برای پابلیش بهتر است تا ارائه نسخه Stable بعدی ویژوال استودیو که احتمالا در طی کمتر از یک ماه دیگر ارائه میشود، صبر کنید. دقت کنید علاوه بر کامپیوتر، لپ تاپ و تبلت‌های ویندوزی، برنامه‌ی شما بر روی XBox نیز می‌تواند کار کند.
در قسمت بعدی، همین پروژه را بر روی Android نیز اجرا می‌کنیم.
namespace BlazorWasmSQLite.Models;
public class Car
{
public int Id { get; set; }
public string Brand { get; set; }
public int Price { get; set; }
} using Microsoft.EntityFrameworkCore;
using BlazorWasmSQLite.Models;
namespace BlazorWasmSQLite.Data;
public class ClientSideDbContext : DbContext
{
public DbSet<Car> Cars { get; set; } = default!;
public ClientSideDbContext(DbContextOptions<ClientSideDbContext> options) :
base(options)
{
}
} <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
<ItemGroup>
<!-- EF Core and Sqlite -->
<PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="6.0.1" />
</ItemGroup>
</Project> using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using BlazorWasmSQLite;
using Microsoft.EntityFrameworkCore;
using BlazorWasmSQLite.Data;
var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
// Sets up EF Core with Sqlite
builder.Services.AddDbContextFactory<ClientSideDbContext>(options =>
options
.UseSqlite($"Filename=DemoData.db")
.EnableSensitiveDataLogging());
await builder.Build().RunAsync(); @page "/"
@using Microsoft.Data.Sqlite
@using Microsoft.EntityFrameworkCore
@using BlazorWasmSQLite.Data
@using BlazorWasmSQLite.Models
<PageTitle>Index</PageTitle>
<h1>Hello, world!</h1>
Welcome to your new app.
<SurveyPrompt Title="How is Blazor working for you?" />
@code {
[Inject]
private IDbContextFactory<ClientSideDbContext> _dbContextFactory { get; set; } = default!;
protected override async Task OnInitializedAsync()
{
await using var db = await _dbContextFactory.CreateDbContextAsync();
await db.Database.EnsureCreatedAsync();
// create seed data
if (!db.Cars.Any())
{
var cars = new[]
{
new Car { Brand = "Audi", Price = 21000 },
new Car { Brand = "Volvo", Price = 11000 },
new Car { Brand = "Range Rover", Price = 135000 },
new Car { Brand = "Ford", Price = 8995 }
};
await db.Cars.AddRangeAsync(cars);
await db.SaveChangesAsync();
}
await base.OnInitializedAsync();
}
} crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: The type initializer for 'Microsoft.Data.Sqlite.SqliteConnection' threw an exception. System.TypeInitializationException: The type initializer for 'Microsoft.Data.Sqlite.SqliteConnection' threw an exception. ---> System.Reflection.TargetInvocationException: Exception has been thrown by the target of an invocation. ---> System.DllNotFoundException: e_sqlite3 at SQLitePCL.SQLite3Provider_e_sqlite3.SQLitePCL.ISQLite3Provider.sqlite3_libversion_number()
$ git clone https://github.com/cloudmeter/sqlite $ cd sqlite $ emcc sqlite3.c -shared -o e_sqlite3.o
<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
<ItemGroup>
<!-- EF Core and Sqlite -->
<PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="6.0.1" />
<NativeFileReference Include="Data\e_sqlite3.o" />
</ItemGroup>
</Project> 
using System;
using System.Web.Mvc;
namespace MvcApplication4.Helpers
{
public static class LabelExtensions
{
public static string MyLabel(this HtmlHelper helper, string target, string text)
{
return string.Format("<label for='{0}'>{1}</label>", target, text);
}
}
}
@using MvcApplication4.Helpers
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
@Html.MyLabel("firstName", "First Name:")
Index
<label for='firstName'>First Name:</label>
using System.Web.Mvc;
namespace MvcApplication4.Helpers
{
public static class LabelExtensions
{
public static MvcHtmlString MyLabel(this HtmlHelper helper, string target, string text)
{
return MvcHtmlString.Create(string.Format("<label for='{0}'>{1}</label>", target, text));
}
}
}
<pages pageBaseType="System.Web.Mvc.WebViewPage">
<namespaces>
<add namespace="System.Web.Mvc" />
<add namespace="System.Web.Mvc.Ajax" />
<add namespace="System.Web.Mvc.Html" />
<add namespace="System.Web.Routing" />
<add namespace="MvcApplication4.Helpers"/>
</namespaces>
using System.Web.Mvc;
namespace MvcApplication4.Helpers
{
public static class LabelExtensions
{
public static MvcHtmlString MyNewLabel(this HtmlHelper helper, string target, string text)
{
var labelTag = new TagBuilder("label");
labelTag.MergeAttribute("for", target);
labelTag.InnerHtml = text;
return MvcHtmlString.Create(labelTag.ToString());
}
}
}
@using MvcApplication4.Models
@helper GetProductsList(List<Product> products)
{
<ul>
@foreach (var item in products)
{
<li>@item.Name ($@item.Price)</li>
}
</ul>
}
@model List<MvcApplication4.Models.Product>
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
@ProductsList.GetProductsList(@Model)
