10 | @Body
11 |
12 |
2 |
3 | @Title
4 |
5 |
6 | Please take our
7 | brief survey
8 |
9 | and tell us what you think.
10 |
11 |
12 | @code {
13 | // Demonstrates how a parent component can supply parameters
14 | [Parameter]
15 | public string Title { get; set; }
16 | }
17 |
--------------------------------------------------------------------------------
/Blazor.Web/Pages/Index.cshtml.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Mvc;
2 | using Microsoft.AspNetCore.Mvc.RazorPages;
3 | using Microsoft.Extensions.Logging;
4 | using System;
5 | using System.Collections.Generic;
6 | using System.Linq;
7 | using System.Threading.Tasks;
8 |
9 | namespace Blazor.Web.Pages
10 | {
11 | public class IndexModel : PageModel
12 | {
13 | private readonly ILoggerForm Part 3
3 | 4 |
6 |
22 |
7 |
16 |
8 | Summary
9 |
10 |
11 |
13 |
14 |
15 |
17 |
21 |
18 |
19 |
20 |
4 |
7 |
8 |
18 |
19 | @code {
20 | [Inject] NavigationManager NavManager { get; set; }
21 | private bool _isWasm => NavManager?.Uri.Contains("wasm", StringComparison.CurrentCultureIgnoreCase) ?? false;
22 | private string _sidebarCss => _isWasm ? "sidebar sidebar-teal" : "sidebar sidebar-steel";
23 | }
24 |
--------------------------------------------------------------------------------
/Blazor.SPA/Pages/Form2.razor:
--------------------------------------------------------------------------------
1 | @inherits Form
2 |
9 |
17 |
10 | About
11 |
12 |
13 |
14 | @Body
15 |
16 | Form Part 2
3 | 4 |
6 |
22 |
7 |
16 |
8 | Temperature °
9 |
10 |
11 |
13 |
14 |
15 |
17 |
21 |
18 |
19 |
20 | Loading...
16 |
17 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/Blazor.Web/Program.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Hosting;
2 | using Microsoft.Extensions.Configuration;
3 | using Microsoft.Extensions.Hosting;
4 | using Microsoft.Extensions.Logging;
5 | using System;
6 | using System.Collections.Generic;
7 | using System.Linq;
8 | using System.Threading.Tasks;
9 |
10 | namespace Blazor.Web
11 | {
12 | public class Program
13 | {
14 | public static void Main(string[] args)
15 | {
16 | CreateHostBuilder(args).Build().Run();
17 | }
18 |
19 | public static IHostBuilder CreateHostBuilder(string[] args) =>
20 | Host.CreateDefaultBuilder(args)
21 | .ConfigureWebHostDefaults(webBuilder =>
22 | {
23 | webBuilder.UseStartupError.
8 |An error occurred while processing your request.
9 | 10 | @if (Model.ShowRequestId) 11 | { 12 |
13 | Request ID: @Model.RequestId
14 |
Development Mode
18 |19 | Swapping to the Development environment displays detailed information about the error that occurred. 20 |
21 |22 | The Development environment shouldn't be enabled for deployed applications. 23 | It can result in displaying sensitive information from exceptions to end users. 24 | For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development 25 | and restarting the app. 26 |
27 | -------------------------------------------------------------------------------- /Blazor.Web/Pages/WASM.cshtml: -------------------------------------------------------------------------------- 1 | @page "/wasm" 2 | @{ 3 | Layout = null; 4 | } 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |Loading...
23 |
24 |
29 | @*Update js sources *@
30 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/Blazor.Web/Pages/Error.cshtml.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Mvc;
2 | using Microsoft.AspNetCore.Mvc.RazorPages;
3 | using Microsoft.Extensions.Logging;
4 | using System;
5 | using System.Collections.Generic;
6 | using System.Diagnostics;
7 | using System.Linq;
8 | using System.Threading.Tasks;
9 |
10 | namespace Blazor.Web.Pages
11 | {
12 | [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
13 | [IgnoreAntiforgeryToken]
14 | public class ErrorModel : PageModel
15 | {
16 | public string RequestId { get; set; }
17 |
18 | public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
19 |
20 | private readonly ILogger
24 |
25 | An error has occurred. This application may no longer respond until reloaded.
26 |
27 |
28 | An unhandled exception has occurred. See browser dev tools for details.
29 |
30 | Reload
31 | 🗙
32 |
*@
33 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/Blazor.SPA/Pages/BasicFetchData.razor:
--------------------------------------------------------------------------------
1 | @page "/basicfetchdata"
2 | @layout MainLayout
3 | @inject HttpClient Http
4 |
5 | Weather forecast
6 | 7 |This component demonstrates fetching data from the server.
8 | 9 | @if (forecasts == null) 10 | { 11 |Loading...
12 | } 13 | else 14 | { 15 || Date | 19 |Temp. (C) | 20 |Temp. (F) | 21 |Summary | 22 |
|---|---|---|---|
| @forecast.Date.ToShortDateString() | 29 |@forecast.TemperatureC | 30 |@forecast.TemperatureF | 31 |@forecast.Summary | 32 |
Form Part 4
4 |Your Data
5 | 6 |
8 |
39 |
9 |
18 |
10 | Date
11 |
12 |
13 |
15 |
16 |
17 |
19 |
28 |
20 | Temperature °C
21 |
22 |
23 |
25 |
26 |
27 |
29 |
38 |
30 | Summary
31 |
32 |
33 |
35 |
36 |
37 | Weather forecast
5 | 6 |This component demonstrates fetching data from the server.
7 | 8 | @if (forecasts == null) 9 | { 10 |Loading...
11 | } 12 | else 13 | { 14 || Date | 18 |Temp. (C) | 19 |Temp. (F) | 20 |Summary | 21 |
|---|---|---|---|
| @forecast.Date.ToShortDateString() | 28 |@forecast.TemperatureC | 29 |@forecast.TemperatureF | 30 |@forecast.Summary | 31 |
Form Part 1
3 | 4 |
6 |
22 |
7 |
16 |
8 | Date
9 |
10 |
11 |
13 |
14 |
15 |
17 |
21 |
18 |
19 |
20 |
33 |
34 | @RenderBody()
35 |
36 |
37 |
38 |
43 |
44 |
45 |
46 |
47 |
48 | @await RenderSectionAsync("Scripts", required: false)
49 |
50 |
51 |
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | ###############################################################################
2 | # Set default behavior to automatically normalize line endings.
3 | ###############################################################################
4 | * text=auto
5 |
6 | ###############################################################################
7 | # Set default behavior for command prompt diff.
8 | #
9 | # This is need for earlier builds of msysgit that does not have it on by
10 | # default for csharp files.
11 | # Note: This is only used by command line
12 | ###############################################################################
13 | #*.cs diff=csharp
14 |
15 | ###############################################################################
16 | # Set the merge driver for project and solution files
17 | #
18 | # Merging from the command prompt will add diff markers to the files if there
19 | # are conflicts (Merging from VS is not affected by the settings below, in VS
20 | # the diff markers are never inserted). Diff markers may cause the following
21 | # file extensions to fail to load in VS. An alternative would be to treat
22 | # these files as binary and thus will always conflict and require user
23 | # intervention with every merge. To do so, just uncomment the entries below
24 | ###############################################################################
25 | #*.sln merge=binary
26 | #*.csproj merge=binary
27 | #*.vbproj merge=binary
28 | #*.vcxproj merge=binary
29 | #*.vcproj merge=binary
30 | #*.dbproj merge=binary
31 | #*.fsproj merge=binary
32 | #*.lsproj merge=binary
33 | #*.wixproj merge=binary
34 | #*.modelproj merge=binary
35 | #*.sqlproj merge=binary
36 | #*.wwaproj merge=binary
37 |
38 | ###############################################################################
39 | # behavior for image files
40 | #
41 | # image files are treated as binary by default.
42 | ###############################################################################
43 | #*.jpg binary
44 | #*.png binary
45 | #*.gif binary
46 |
47 | ###############################################################################
48 | # diff behavior for common document formats
49 | #
50 | # Convert binary document formats to text before diffing them. This feature
51 | # is only available from the command line. Turn it on by uncommenting the
52 | # entries below.
53 | ###############################################################################
54 | #*.doc diff=astextplain
55 | #*.DOC diff=astextplain
56 | #*.docx diff=astextplain
57 | #*.DOCX diff=astextplain
58 | #*.dot diff=astextplain
59 | #*.DOT diff=astextplain
60 | #*.pdf diff=astextplain
61 | #*.PDF diff=astextplain
62 | #*.rtf diff=astextplain
63 | #*.RTF diff=astextplain
64 |
--------------------------------------------------------------------------------
/Blazor.SPA/Shared/NavMenu.razor:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
46 |
47 |
48 | @code {
49 |
50 | [Parameter] public string SiteTitle { get; set; } = "Blazor";
51 |
52 | [Inject] NavigationManager NavManager { get; set; }
53 |
54 | private bool _isWasm => NavManager?.Uri.Contains("wasm", StringComparison.CurrentCultureIgnoreCase) ?? false;
55 |
56 | private string _otherContextUrl => _isWasm ? "/" : "/wasm";
57 |
58 | private string _otherContextLinkName => _isWasm ? "Server Home" : "WASM Home";
59 |
60 | private string _title => _isWasm ? "AllinOne WASM" : "AllinOne Server";
61 |
62 | private bool collapseNavMenu = true;
63 |
64 | private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
65 |
66 | private void ToggleNavMenu()
67 | {
68 | collapseNavMenu = !collapseNavMenu;
69 | }
70 |
71 | }
72 |
--------------------------------------------------------------------------------
/Blazor.Web/Startup.cs:
--------------------------------------------------------------------------------
1 | using Blazor.SPA.Services;
2 | using Microsoft.AspNetCore.Builder;
3 | using Microsoft.AspNetCore.Components;
4 | using Microsoft.AspNetCore.Hosting;
5 | using Microsoft.AspNetCore.HttpsPolicy;
6 | using Microsoft.Extensions.Configuration;
7 | using Microsoft.Extensions.DependencyInjection;
8 | using Microsoft.Extensions.Hosting;
9 | using System;
10 | using System.Collections.Generic;
11 | using System.Linq;
12 | using System.Net.Http;
13 | using System.Threading.Tasks;
14 |
15 | namespace Blazor.Web
16 | {
17 | public class Startup
18 | {
19 | public Startup(IConfiguration configuration)
20 | {
21 | Configuration = configuration;
22 | }
23 |
24 | public IConfiguration Configuration { get; }
25 |
26 | // This method gets called by the runtime. Use this method to add services to the container.
27 | public void ConfigureServices(IServiceCollection services)
28 | {
29 | services.AddRazorPages();
30 | services.AddServerSideBlazor();
31 | services.AddScoped
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `