added BlazorAppRadzenNet8UpgradeRadzen4to5
This commit is contained in:
M. Akif Tokatlioglu
@@ -0,0 +1,25 @@
|
|||||||
|
|
||||||
|
Microsoft Visual Studio Solution File, Format Version 12.00
|
||||||
|
# Visual Studio Version 17
|
||||||
|
VisualStudioVersion = 17.10.35004.147
|
||||||
|
MinimumVisualStudioVersion = 10.0.40219.1
|
||||||
|
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "BlazorAppRadzenNet8UpgradeRadzen4to5", "BlazorAppRadzenNet8UpgradeRadzen4to5\BlazorAppRadzenNet8UpgradeRadzen4to5.csproj", "{2A3D3409-F811-4BAD-81B1-10243349D26C}"
|
||||||
|
EndProject
|
||||||
|
Global
|
||||||
|
GlobalSection(SolutionConfigurationPlatforms) = preSolution
|
||||||
|
Debug|Any CPU = Debug|Any CPU
|
||||||
|
Release|Any CPU = Release|Any CPU
|
||||||
|
EndGlobalSection
|
||||||
|
GlobalSection(ProjectConfigurationPlatforms) = postSolution
|
||||||
|
{2A3D3409-F811-4BAD-81B1-10243349D26C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
|
||||||
|
{2A3D3409-F811-4BAD-81B1-10243349D26C}.Debug|Any CPU.Build.0 = Debug|Any CPU
|
||||||
|
{2A3D3409-F811-4BAD-81B1-10243349D26C}.Release|Any CPU.ActiveCfg = Release|Any CPU
|
||||||
|
{2A3D3409-F811-4BAD-81B1-10243349D26C}.Release|Any CPU.Build.0 = Release|Any CPU
|
||||||
|
EndGlobalSection
|
||||||
|
GlobalSection(SolutionProperties) = preSolution
|
||||||
|
HideSolutionNode = FALSE
|
||||||
|
EndGlobalSection
|
||||||
|
GlobalSection(ExtensibilityGlobals) = postSolution
|
||||||
|
SolutionGuid = {E78B5F08-4975-4B9B-B9F8-DFDD0DAE2608}
|
||||||
|
EndGlobalSection
|
||||||
|
EndGlobal
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
<Project Sdk="Microsoft.NET.Sdk.Web">
|
||||||
|
|
||||||
|
<PropertyGroup>
|
||||||
|
<TargetFramework>net8.0</TargetFramework>
|
||||||
|
<Nullable>enable</Nullable>
|
||||||
|
<ImplicitUsings>enable</ImplicitUsings>
|
||||||
|
</PropertyGroup>
|
||||||
|
|
||||||
|
<ItemGroup>
|
||||||
|
<PackageReference Include="Mapster" Version="7.4.0" />
|
||||||
|
<PackageReference Include="Microsoft.EntityFrameworkCore.InMemory" Version="8.0.7" />
|
||||||
|
<PackageReference Include="Microsoft.AspNetCore.Diagnostics.EntityFrameworkCore" Version="8.0.7" />
|
||||||
|
<PackageReference Include="Radzen.Blazor" Version="5.0.8" />
|
||||||
|
</ItemGroup>
|
||||||
|
|
||||||
|
</Project>
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
@inject NavigationManager NavigationManager
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<base href="@NavigationManager.BaseUri" />
|
||||||
|
<link rel="stylesheet" href="_content/Radzen.Blazor/css/standard-base.css" />
|
||||||
|
<link rel="stylesheet" href="css/site.css" />
|
||||||
|
<link rel="icon" href="favicon.ico" />
|
||||||
|
<HeadOutlet @rendermode="InteractiveServer" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<Routes @rendermode="InteractiveServer" />
|
||||||
|
|
||||||
|
<script src="_framework/blazor.web.js"></script>
|
||||||
|
<script src="_content/Radzen.Blazor/Radzen.Blazor.js?v=@(typeof(Radzen.Colors).Assembly.GetName().Version)"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,59 @@
|
|||||||
|
@inherits LayoutComponentBase
|
||||||
|
|
||||||
|
@inject IJSRuntime JSRuntime
|
||||||
|
@inject NavigationManager NavigationManager
|
||||||
|
@inject DialogService DialogService
|
||||||
|
@inject ContextMenuService ContextMenuService
|
||||||
|
@inject TooltipService TooltipService
|
||||||
|
@inject NotificationService NotificationService
|
||||||
|
|
||||||
|
<RadzenDialog />
|
||||||
|
<RadzenNotification />
|
||||||
|
<RadzenTooltip />
|
||||||
|
<RadzenContextMenu />
|
||||||
|
<RadzenComponents />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<RadzenLayout style="grid-template-areas: 'rz-sidebar rz-header' 'rz-sidebar rz-body';">
|
||||||
|
<RadzenHeader>
|
||||||
|
<RadzenRow JustifyContent="JustifyContent.Start" AlignItems="AlignItems.Center" Gap="0">
|
||||||
|
<RadzenColumn Size="5">
|
||||||
|
<RadzenSidebarToggle Click="@SidebarToggleClick"></RadzenSidebarToggle>
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn Size="7">
|
||||||
|
<RadzenStack AlignItems="AlignItems.Center" Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.End"></RadzenStack>
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
</RadzenHeader>
|
||||||
|
<RadzenBody Expanded="@sidebarExpanded">
|
||||||
|
<RadzenRow class="rz-mx-auto rz-px-4 rz-pt-2 rz-pt-md-4 rz-pt-lg-6 rz-pt-xl-12 rz-pb-2 rz-pb-lg-12" Style="max-width: 1440px;">
|
||||||
|
<RadzenColumn Size="12">
|
||||||
|
@Body
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
</RadzenBody>
|
||||||
|
<RadzenSidebar Expanded="@sidebarExpanded" style="z-index: 2">
|
||||||
|
<RadzenStack AlignItems="Radzen.AlignItems.Center" class="rz-py-4 rz-py-lg-6" Style="padding: var(--rz-panel-menu-item-padding); border-bottom: var(--rz-panel-menu-item-border);">
|
||||||
|
<RadzenImage Path="images/logo.png" style="width: 48px; height: 48px;" AlternateText="Application logo"></RadzenImage>
|
||||||
|
<RadzenText Text="appname" TextStyle="Radzen.Blazor.TextStyle.Subtitle1" class="rz-mb-0" style="color: var(--rz-sidebar-color);" />
|
||||||
|
</RadzenStack>
|
||||||
|
|
||||||
|
<NavMenu />
|
||||||
|
|
||||||
|
<RadzenStack AlignItems="Radzen.AlignItems.Center" Gap="0" class="rz-py-4 rz-py-lg-6" Style="padding: var(--rz-panel-menu-item-padding);">
|
||||||
|
<RadzenText Text="appname v1.0.0" TextStyle="Radzen.Blazor.TextStyle.Caption" TagName="Radzen.Blazor.TagName.P" TextAlign="Radzen.TextAlign.Center" />
|
||||||
|
<RadzenText Text="Copyright Ⓒ 2024" TextStyle="Radzen.Blazor.TextStyle.Caption" class="rz-mb-0" TagName="Radzen.Blazor.TagName.P" TextAlign="Radzen.TextAlign.Center" />
|
||||||
|
</RadzenStack>
|
||||||
|
</RadzenSidebar>
|
||||||
|
</RadzenLayout>
|
||||||
|
|
||||||
|
|
||||||
|
@code {
|
||||||
|
bool sidebarExpanded = true;
|
||||||
|
|
||||||
|
void SidebarToggleClick()
|
||||||
|
{
|
||||||
|
sidebarExpanded = !sidebarExpanded;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
|
||||||
|
<RadzenPanelMenu>
|
||||||
|
|
||||||
|
<RadzenPanelMenuItem Text="Home" Path="/" />
|
||||||
|
<RadzenPanelMenuItem Text="Posts" Path="/BlogPost" />
|
||||||
|
|
||||||
|
</RadzenPanelMenu>
|
||||||
@@ -0,0 +1,74 @@
|
|||||||
|
@page "/BlogPost/Create"
|
||||||
|
|
||||||
|
<RadzenText Text="Create" TextStyle="TextStyle.H5" />
|
||||||
|
|
||||||
|
@if (blogPostViewModel == null)
|
||||||
|
{
|
||||||
|
<p>Loading...</p>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
|
||||||
|
<RadzenStack>
|
||||||
|
<RadzenFieldset Text="New Post">
|
||||||
|
<RadzenStack Gap="2rem">
|
||||||
|
<RadzenTemplateForm TItem="BlogPostViewModel" Data="blogPostViewModel" Submit="HandleValidSubmit">
|
||||||
|
|
||||||
|
<RadzenRow Class="rz-mb-2">
|
||||||
|
<RadzenColumn Size="12" SizeMD="3" SizeLG="3">
|
||||||
|
<RadzenLabel Component="textBoxTitle" Text="Title" style="width: 100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn Size="12" SizeMD="9" SizeLG="9">
|
||||||
|
<RadzenTextBox Name="textBoxTitle" @bind-Value="@blogPostViewModel.Title" Placeholder="Title" style="width: 100%" />
|
||||||
|
<RadzenRequiredValidator Component="textBoxTitle" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
<RadzenRow Class="rz-mb-2">
|
||||||
|
<RadzenColumn Size="12" SizeMD="3" SizeLG="3">
|
||||||
|
<RadzenLabel Component="textBoxContent" Text="Content" style="width: 100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn Size="12" SizeMD="9" SizeLG="9">
|
||||||
|
<RadzenTextBox Name="textBoxContent" @bind-Value="@blogPostViewModel.Content" Placeholder="Content" style="width: 100%" />
|
||||||
|
<RadzenRequiredValidator Component="textBoxContent" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
|
||||||
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Start">
|
||||||
|
<RadzenButton ButtonType="ButtonType.Submit" ButtonStyle="ButtonStyle.Success" Icon="save" Text="Save" Variant="Variant.Flat" />
|
||||||
|
</RadzenStack>
|
||||||
|
|
||||||
|
</RadzenTemplateForm>
|
||||||
|
</RadzenStack>
|
||||||
|
</RadzenFieldset>
|
||||||
|
</RadzenStack>
|
||||||
|
|
||||||
|
<RadzenButton Text="Back" Icon="arrow_back" Class="rz-mt-2"
|
||||||
|
Click="NavigatetoBlogPostIndex"
|
||||||
|
ButtonStyle="ButtonStyle.Primary" />
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@code {
|
||||||
|
private BlogPostViewModel? blogPostViewModel;
|
||||||
|
|
||||||
|
protected override void OnInitialized()
|
||||||
|
{
|
||||||
|
blogPostViewModel = new();
|
||||||
|
}
|
||||||
|
|
||||||
|
protected async Task HandleValidSubmit()
|
||||||
|
{
|
||||||
|
if (blogPostViewModel == null) return;
|
||||||
|
|
||||||
|
var blogPost = Mapper.Map<BlogPostViewModel, BlogPost>(blogPostViewModel);
|
||||||
|
bool result = await BlogPostService.AddBlogPostAsync(blogPost);
|
||||||
|
if (result)
|
||||||
|
NavigationManager.NavigateTo("/BlogPost/");
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
private void NavigatetoBlogPostIndex() => NavigationManager.NavigateTo("/BlogPost");
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,89 @@
|
|||||||
|
@page "/BlogPost/Delete/{id:int}"
|
||||||
|
|
||||||
|
<h3>Delete</h3>
|
||||||
|
|
||||||
|
@if (blogPostViewModel == null)
|
||||||
|
{
|
||||||
|
<p>Loading...</p>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
|
||||||
|
<RadzenStack>
|
||||||
|
<RadzenFieldset Text="Post Delete">
|
||||||
|
<RadzenStack>
|
||||||
|
|
||||||
|
<RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
|
||||||
|
<RadzenLabel Text="Id" for="id" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
|
||||||
|
<RadzenTextBox id="id" Value="@blogPostViewModel.Id.ToString()"
|
||||||
|
ReadOnly=true Style="width:100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
<RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
|
||||||
|
<RadzenLabel Text="Title" for="title" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
|
||||||
|
<RadzenTextBox id="title" Value="@blogPostViewModel.Title"
|
||||||
|
ReadOnly=true Style="width:100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
<RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
|
||||||
|
<RadzenLabel Text="Content" for="content" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
|
||||||
|
<RadzenTextBox id="content" Value="@blogPostViewModel.Content"
|
||||||
|
ReadOnly=true Style="width:100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
</RadzenStack>
|
||||||
|
|
||||||
|
<RadzenButton Text="REMOVE" Icon="delete_forever" ButtonStyle="ButtonStyle.Danger"
|
||||||
|
Click="RemoveButtonClick" />
|
||||||
|
|
||||||
|
</RadzenFieldset>
|
||||||
|
</RadzenStack>
|
||||||
|
|
||||||
|
<RadzenButton Text="Back" Icon="arrow_back" Class="rz-mt-2"
|
||||||
|
Click="NavigatetoBlogPostIndex"
|
||||||
|
ButtonStyle="ButtonStyle.Primary" />
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public int id { get; set; }
|
||||||
|
|
||||||
|
BlogPostViewModel? blogPostViewModel;
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
if (blogPostViewModel == null)
|
||||||
|
{
|
||||||
|
var blogPost = await BlogPostService.GetbyId(id);
|
||||||
|
if (blogPost == null)
|
||||||
|
return;
|
||||||
|
|
||||||
|
blogPostViewModel = Mapper.Map<BlogPost, BlogPostViewModel>(blogPost);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private async void RemoveButtonClick()
|
||||||
|
{
|
||||||
|
bool result = await BlogPostService.DeletebyIdAsync(id);
|
||||||
|
if (result)
|
||||||
|
NavigationManager.NavigateTo("/BlogPost");
|
||||||
|
}
|
||||||
|
|
||||||
|
private void NavigatetoBlogPostIndex() => NavigationManager.NavigateTo("/BlogPost");
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,78 @@
|
|||||||
|
@page "/BlogPost/Detail/{id:int}"
|
||||||
|
|
||||||
|
<h3>Detail</h3>
|
||||||
|
|
||||||
|
@if (blogPostViewModel == null)
|
||||||
|
{
|
||||||
|
<p>Loading...</p>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
|
||||||
|
<RadzenStack>
|
||||||
|
<RadzenFieldset Text="Post Detail">
|
||||||
|
<RadzenStack>
|
||||||
|
|
||||||
|
<RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
|
||||||
|
<RadzenLabel Text="Id" for="id" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
|
||||||
|
<RadzenTextBox id="id" Value="@blogPostViewModel.Id.ToString()"
|
||||||
|
ReadOnly=true Style="width:100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
<RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
|
||||||
|
<RadzenLabel Text="Title" for="title" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
|
||||||
|
<RadzenTextBox id="title" Value="@blogPostViewModel.Title"
|
||||||
|
ReadOnly=true Style="width:100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
<RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
|
||||||
|
<RadzenLabel Text="Content" for="content" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
|
||||||
|
<RadzenTextBox id="content" Value="@blogPostViewModel.Content"
|
||||||
|
ReadOnly=true Style="width:100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
</RadzenStack>
|
||||||
|
</RadzenFieldset>
|
||||||
|
</RadzenStack>
|
||||||
|
|
||||||
|
<RadzenButton Text="Back" Icon="arrow_back" Class="rz-mt-2"
|
||||||
|
Click="NavigatetoBlogPostIndex"
|
||||||
|
ButtonStyle="ButtonStyle.Primary" />
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public int id { get; set; }
|
||||||
|
|
||||||
|
BlogPostViewModel? blogPostViewModel;
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
if (blogPostViewModel == null)
|
||||||
|
{
|
||||||
|
var blogPost = await BlogPostService.GetbyId(id);
|
||||||
|
if (blogPost == null)
|
||||||
|
return;
|
||||||
|
|
||||||
|
blogPostViewModel = Mapper.Map<BlogPost, BlogPostViewModel>(blogPost);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
private void NavigatetoBlogPostIndex() => NavigationManager.NavigateTo("/BlogPost");
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,101 @@
|
|||||||
|
@page "/BlogPost/Edit/{id:int}"
|
||||||
|
|
||||||
|
<h3>Edit</h3>
|
||||||
|
|
||||||
|
@if (blogPostViewModel == null)
|
||||||
|
{
|
||||||
|
<p>Loading...</p>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
|
||||||
|
<RadzenStack>
|
||||||
|
<RadzenFieldset Text="Edit Post">
|
||||||
|
<RadzenStack Gap="2rem">
|
||||||
|
<RadzenTemplateForm TItem="BlogPostViewModel" Data="blogPostViewModel" Submit="HandleValidSubmit">
|
||||||
|
|
||||||
|
<RadzenRow Class="rz-mb-2">
|
||||||
|
<RadzenColumn Size="12" SizeMD="3" SizeLG="3">
|
||||||
|
<RadzenLabel Component="textBoxTitle" Text="Title" style="width: 100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn Size="12" SizeMD="9" SizeLG="9">
|
||||||
|
<RadzenTextBox Name="textBoxTitle" @bind-Value="@blogPostViewModel.Title" Placeholder="Title" style="width: 100%" />
|
||||||
|
<RadzenRequiredValidator Component="textBoxTitle" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
<RadzenRow Class="rz-mb-2">
|
||||||
|
<RadzenColumn Size="12" SizeMD="3" SizeLG="3">
|
||||||
|
<RadzenLabel Component="textBoxContent" Text="Content" style="width: 100%" />
|
||||||
|
</RadzenColumn>
|
||||||
|
<RadzenColumn Size="12" SizeMD="9" SizeLG="9">
|
||||||
|
<RadzenTextBox Name="textBoxContent" @bind-Value="@blogPostViewModel.Content" Placeholder="Content" style="width: 100%" />
|
||||||
|
<RadzenRequiredValidator Component="textBoxContent" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
|
||||||
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Start">
|
||||||
|
<RadzenButton ButtonType="ButtonType.Submit" ButtonStyle="ButtonStyle.Success" Icon="save" Text="Save" Variant="Variant.Flat" />
|
||||||
|
</RadzenStack>
|
||||||
|
|
||||||
|
</RadzenTemplateForm>
|
||||||
|
</RadzenStack>
|
||||||
|
</RadzenFieldset>
|
||||||
|
</RadzenStack>
|
||||||
|
|
||||||
|
<RadzenButton Text="Back" Icon="arrow_back" Class="rz-mt-2"
|
||||||
|
Click="NavigatetoBlogPostIndex"
|
||||||
|
ButtonStyle="ButtonStyle.Primary" />
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public int id { get; set; }
|
||||||
|
|
||||||
|
BlogPostViewModel? blogPostViewModel;
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
if (blogPostViewModel == null)
|
||||||
|
{
|
||||||
|
var blogPost = await BlogPostService.GetbyId(id);
|
||||||
|
if (blogPost == null)
|
||||||
|
return;
|
||||||
|
|
||||||
|
blogPostViewModel = Mapper.Map<BlogPost, BlogPostViewModel>(blogPost);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
void OnPaste(HtmlEditorPasteEventArgs args)
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
void OnChange(string html)
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
void OnInput(string html)
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
void OnExecute(HtmlEditorExecuteEventArgs args)
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
protected async Task HandleValidSubmit()
|
||||||
|
{
|
||||||
|
if (blogPostViewModel == null) return;
|
||||||
|
|
||||||
|
var blogPost = Mapper.Map<BlogPostViewModel, BlogPost>(blogPostViewModel);
|
||||||
|
bool result = await BlogPostService.UpdateBlogPostAsync(id, blogPost);
|
||||||
|
if (result)
|
||||||
|
NavigationManager.NavigateTo("/BlogPost/");
|
||||||
|
}
|
||||||
|
|
||||||
|
private void NavigatetoBlogPostIndex() => NavigationManager.NavigateTo("/BlogPost");
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,81 @@
|
|||||||
|
@page "/BlogPost"
|
||||||
|
|
||||||
|
<PageTitle>Posts</PageTitle>
|
||||||
|
|
||||||
|
<RadzenRow>
|
||||||
|
|
||||||
|
<RadzenColumn SizeSM="12" SizeMD="12" SizeLG="4">
|
||||||
|
|
||||||
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center">
|
||||||
|
<RadzenText Text="Posts" TextStyle="TextStyle.H5" />
|
||||||
|
<RadzenButton Text="Create" Icon="add_circle_outline"
|
||||||
|
Click="NavigatetoCreate"
|
||||||
|
ButtonStyle="ButtonStyle.Success" class="rz-mb-2 rz-p-2" />
|
||||||
|
</RadzenStack>
|
||||||
|
|
||||||
|
</RadzenColumn>
|
||||||
|
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
<RadzenDataGrid KeyProperty="Id" IsLoading="@isLoading" ShowPagingSummary=true
|
||||||
|
Count="@totalCount" Data="@blogPosts" LoadData="@LoadData"
|
||||||
|
FilterPopupRenderMode="PopupRenderMode.OnDemand"
|
||||||
|
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
|
||||||
|
FilterMode="FilterMode.Advanced" AllowSorting="true" AllowFiltering="true"
|
||||||
|
AllowPaging="true" PageSize="@itemPageSize" PagerHorizontalAlign="HorizontalAlign.Center"
|
||||||
|
TItem="BlogPostViewModel" ColumnWidth="200px">
|
||||||
|
<Columns>
|
||||||
|
<RadzenDataGridColumn TItem="BlogPostViewModel" Property="Id" Filterable="false" Title="Id" Frozen="true" Width="30px" MinWidth="30px" TextAlign="TextAlign.Center" />
|
||||||
|
|
||||||
|
<RadzenDataGridColumn TItem="BlogPostViewModel" Property="Title" Title="Title" />
|
||||||
|
<RadzenDataGridColumn TItem="BlogPostViewModel" Property="Content" Title="Content" />
|
||||||
|
|
||||||
|
<RadzenDataGridColumn TItem="BlogPostViewModel" Context="blogPost" Filterable="false" Sortable="false" Width="150px" TextAlign="TextAlign.Center">
|
||||||
|
<Template Context="blogPost">
|
||||||
|
|
||||||
|
<RadzenRow JustifyContent="JustifyContent.Center">
|
||||||
|
<RadzenButton Icon="pageview" ButtonStyle="ButtonStyle.Info" Variant="Variant.Flat" Size="ButtonSize.Medium"
|
||||||
|
Click="@(args => NavigatetoDetail(blogPost.Id))" @onclick:stopPropagation="true">
|
||||||
|
</RadzenButton>
|
||||||
|
<RadzenButton Icon="edit" ButtonStyle="ButtonStyle.Warning" Variant="Variant.Flat" Size="ButtonSize.Medium"
|
||||||
|
Click="@(args => NavigatetoEdit(blogPost.Id))" @onclick:stopPropagation="true">
|
||||||
|
</RadzenButton>
|
||||||
|
<RadzenButton Icon="delete_forever" ButtonStyle="ButtonStyle.Danger" Variant="Variant.Flat" Size="ButtonSize.Medium"
|
||||||
|
Click="@(args => NavigatetoDelete(blogPost.Id))" @onclick:stopPropagation="true">
|
||||||
|
</RadzenButton>
|
||||||
|
</RadzenRow>
|
||||||
|
|
||||||
|
</Template>
|
||||||
|
</RadzenDataGridColumn>
|
||||||
|
</Columns>
|
||||||
|
</RadzenDataGrid>
|
||||||
|
|
||||||
|
|
||||||
|
@code {
|
||||||
|
|
||||||
|
const int itemPageSize = 10;
|
||||||
|
private bool isLoading;
|
||||||
|
private int totalCount;
|
||||||
|
private IEnumerable<BlogPostViewModel>? blogPosts;
|
||||||
|
|
||||||
|
private async Task LoadData(LoadDataArgs args)
|
||||||
|
{
|
||||||
|
isLoading = true;
|
||||||
|
|
||||||
|
var result = await BlogPostService.GetBlogPostsAsync(filter: args.Filter, top: args.Top, skip: args.Skip, orderby: args.OrderBy, count: true);
|
||||||
|
|
||||||
|
blogPosts = Mapper.Map<IEnumerable<BlogPost>, IEnumerable<BlogPostViewModel>>(result.Result);
|
||||||
|
totalCount = result.TotalCount;
|
||||||
|
|
||||||
|
isLoading = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
private void NavigatetoCreate() => NavigationManager.NavigateTo("/BlogPost/Create");
|
||||||
|
private void NavigatetoDetail(int id) => NavigationManager.NavigateTo($"/BlogPost/Detail/{id}");
|
||||||
|
private void NavigatetoEdit(int id) => NavigationManager.NavigateTo($"/BlogPost/Edit/{id}");
|
||||||
|
private void NavigatetoDelete(int id) => NavigationManager.NavigateTo($"/BlogPost/Delete/{id}");
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
@using BlazorAppRadzenNet8UpgradeRadzen4to5.Data;
|
||||||
|
@using BlazorAppRadzenNet8UpgradeRadzen4to5.Models;
|
||||||
|
@using BlazorAppRadzenNet8UpgradeRadzen4to5.Services;
|
||||||
|
@using BlazorAppRadzenNet8UpgradeRadzen4to5.ViewModels;
|
||||||
|
|
||||||
|
@inject NavigationManager NavigationManager
|
||||||
|
@inject BlogPostService BlogPostService
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
@page "/Error"
|
||||||
|
@using System.Diagnostics
|
||||||
|
|
||||||
|
<PageTitle>Error</PageTitle>
|
||||||
|
|
||||||
|
<h1 class="text-danger">Error.</h1>
|
||||||
|
<h2 class="text-danger">An error occurred while processing your request.</h2>
|
||||||
|
|
||||||
|
@if (ShowRequestId)
|
||||||
|
{
|
||||||
|
<p>
|
||||||
|
<strong>Request ID:</strong> <code>@RequestId</code>
|
||||||
|
</p>
|
||||||
|
}
|
||||||
|
|
||||||
|
<h3>Development Mode</h3>
|
||||||
|
<p>
|
||||||
|
Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<strong>The Development environment shouldn't be enabled for deployed applications.</strong>
|
||||||
|
It can result in displaying sensitive information from exceptions to end users.
|
||||||
|
For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
|
||||||
|
and restarting the app.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
@code{
|
||||||
|
[CascadingParameter]
|
||||||
|
private HttpContext? HttpContext { get; set; }
|
||||||
|
|
||||||
|
private string? RequestId { get; set; }
|
||||||
|
private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
|
||||||
|
|
||||||
|
protected override void OnInitialized() =>
|
||||||
|
RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
@page "/"
|
||||||
|
|
||||||
|
<PageTitle>Home</PageTitle>
|
||||||
|
|
||||||
|
<h1>Hello, world!</h1>
|
||||||
|
|
||||||
|
Welcome to your new app.
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
<Router AppAssembly="@typeof(Program).Assembly">
|
||||||
|
<Found Context="routeData">
|
||||||
|
<RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
|
||||||
|
@* <FocusOnNavigate RouteData="routeData" Selector="h1" /> *@
|
||||||
|
</Found>
|
||||||
|
<NotFound>
|
||||||
|
<PageTitle>Not found</PageTitle>
|
||||||
|
<LayoutView Layout="@typeof(Layout.MainLayout)">
|
||||||
|
<RadzenRow>
|
||||||
|
<RadzenColumn Size="12" style="margin-top: 5rem; margin-bottom: 5rem">
|
||||||
|
<RadzenText Text="Page not found" TextStyle="TextStyle.DisplayH1" style="margin: 0; margin-bottom: 2rem" TextAlign="TextAlign.Center" />
|
||||||
|
<RadzenText Text="Sorry, but there's nothing here!" TextStyle="TextStyle.H6" style="margin: 0" TextAlign="TextAlign.Center" TagName="TagName.P" />
|
||||||
|
</RadzenColumn>
|
||||||
|
</RadzenRow>
|
||||||
|
</LayoutView>
|
||||||
|
</NotFound>
|
||||||
|
</Router>
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
@using System.Net.Http
|
||||||
|
@using System.Net.Http.Json
|
||||||
|
@using Microsoft.AspNetCore.Components.Forms
|
||||||
|
@using Microsoft.AspNetCore.Components.Routing
|
||||||
|
@using Microsoft.AspNetCore.Components.Web
|
||||||
|
@using static Microsoft.AspNetCore.Components.Web.RenderMode
|
||||||
|
@using Microsoft.AspNetCore.Components.Web.Virtualization
|
||||||
|
@using Microsoft.JSInterop
|
||||||
|
@using BlazorAppRadzenNet8UpgradeRadzen4to5
|
||||||
|
@using BlazorAppRadzenNet8UpgradeRadzen4to5.Components
|
||||||
|
|
||||||
|
@using MapsterMapper
|
||||||
|
@using Radzen
|
||||||
|
@using Radzen.Blazor
|
||||||
|
|
||||||
|
@inject IMapper Mapper
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
using BlazorAppRadzenNet8UpgradeRadzen4to5.Models;
|
||||||
|
using Microsoft.EntityFrameworkCore;
|
||||||
|
|
||||||
|
namespace BlazorAppRadzenNet8UpgradeRadzen4to5.Data;
|
||||||
|
|
||||||
|
public class ApplicationDbContext : DbContext
|
||||||
|
{
|
||||||
|
public ApplicationDbContext(DbContextOptions<ApplicationDbContext> options)
|
||||||
|
: base(options)
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
public DbSet<BlogPost> BlogPosts => Set<BlogPost>();
|
||||||
|
|
||||||
|
protected override void OnModelCreating(ModelBuilder modelBuilder)
|
||||||
|
{
|
||||||
|
base.OnModelCreating(modelBuilder);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,101 @@
|
|||||||
|
using BlazorAppRadzenNet8UpgradeRadzen4to5.Models;
|
||||||
|
|
||||||
|
namespace BlazorAppRadzenNet8UpgradeRadzen4to5.Data;
|
||||||
|
|
||||||
|
public class SeedData
|
||||||
|
{
|
||||||
|
private readonly ApplicationDbContext _context;
|
||||||
|
|
||||||
|
public SeedData(ApplicationDbContext context)
|
||||||
|
{
|
||||||
|
_context = context;
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task CreateInitialData()
|
||||||
|
{
|
||||||
|
var posts = GetAllBlogPosts();
|
||||||
|
await _context.BlogPosts.AddRangeAsync(posts);
|
||||||
|
await _context.SaveChangesAsync();
|
||||||
|
}
|
||||||
|
|
||||||
|
private static IEnumerable<BlogPost> GetAllBlogPosts()
|
||||||
|
{
|
||||||
|
List<BlogPost> posts = new();
|
||||||
|
for (int i = 0; i < 50; i++)
|
||||||
|
{
|
||||||
|
BlogPost post = new() { Id = i + 1, Title = titles[i], Content = contents[i % 10] };
|
||||||
|
posts.Add(post);
|
||||||
|
}
|
||||||
|
|
||||||
|
return posts;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static readonly string[] titles = {
|
||||||
|
"Introduction to Object-Oriented Programming",
|
||||||
|
"Mastering Data Structures and Algorithms",
|
||||||
|
"Building Web Applications with ASP.NET",
|
||||||
|
"Creating Mobile Apps with Xamarin",
|
||||||
|
"Exploring Artificial Intelligence and Machine Learning",
|
||||||
|
"Understanding Functional Programming Concepts",
|
||||||
|
"Developing Games with Unity",
|
||||||
|
"Securing Web Applications from Cyber Attacks",
|
||||||
|
"Optimizing Code Performance for Better Efficiency",
|
||||||
|
"Implementing Design Patterns in Software Development",
|
||||||
|
"Testing and Debugging Strategies for Reliable Software",
|
||||||
|
"Working with Databases and SQL",
|
||||||
|
"Building Responsive User Interfaces with HTML and CSS",
|
||||||
|
"Exploring Cloud Computing and Serverless Architecture",
|
||||||
|
"Developing Cross-Platform Applications with React Native",
|
||||||
|
"Introduction to Internet of Things (IoT)",
|
||||||
|
"Creating Scalable Microservices with Docker and Kubernetes",
|
||||||
|
"Understanding Network Protocols and TCP/IP",
|
||||||
|
"Building RESTful APIs with Node.js and Express",
|
||||||
|
"Exploring Big Data Analytics and Apache Hadoop",
|
||||||
|
"Mastering Version Control with Git and GitHub",
|
||||||
|
"Developing Desktop Applications with WPF",
|
||||||
|
"Securing Mobile Applications from Malicious Attacks",
|
||||||
|
"Optimizing Database Performance with Indexing",
|
||||||
|
"Implementing Continuous Integration and Deployment",
|
||||||
|
"Testing Mobile Apps on Different Platforms",
|
||||||
|
"Working with NoSQL Databases like MongoDB",
|
||||||
|
"Building Progressive Web Apps with React",
|
||||||
|
"Exploring Quantum Computing and Quantum Algorithms",
|
||||||
|
"Introduction to Cybersecurity and Ethical Hacking",
|
||||||
|
"Creating Chatbots with Natural Language Processing",
|
||||||
|
"Understanding Software Development Life Cycle",
|
||||||
|
"Developing Augmented Reality (AR) Applications",
|
||||||
|
"Securing Web APIs with OAuth and JWT",
|
||||||
|
"Optimizing Front-End Performance for Better User Experience",
|
||||||
|
"Implementing Machine Learning Models with TensorFlow",
|
||||||
|
"Testing Web Applications for Cross-Browser Compatibility",
|
||||||
|
"Working with Blockchain Technology and Smart Contracts",
|
||||||
|
"Building Real-Time Applications with SignalR",
|
||||||
|
"Exploring Cryptography and Encryption Techniques",
|
||||||
|
"Introduction to Agile Software Development",
|
||||||
|
"Creating Voice User Interfaces with Amazon Alexa",
|
||||||
|
"Understanding Web Accessibility and Inclusive Design",
|
||||||
|
"Developing Natural Language Processing Applications",
|
||||||
|
"Securing Cloud Infrastructure and Services",
|
||||||
|
"Optimizing Backend Performance for Scalability",
|
||||||
|
"Implementing Continuous Monitoring and Alerting",
|
||||||
|
"Testing APIs with Postman and Swagger",
|
||||||
|
"Working with Data Visualization Libraries like D3.js",
|
||||||
|
"Building E-commerce Applications with Shopify",
|
||||||
|
"Exploring Robotic Process Automation (RPA)",
|
||||||
|
"Introduction to DevOps and CI/CD Pipelines"
|
||||||
|
};
|
||||||
|
|
||||||
|
private static readonly string[] contents = new string[]
|
||||||
|
{
|
||||||
|
"Lorem ipsum dolor sit amet, consectetur t.",
|
||||||
|
"Sed ut perspiciatis unde omnis iste natuccusantium doloremque laudantium.",
|
||||||
|
"Nemo enim ipsam voluptatem quia voluptas aut fugit.",
|
||||||
|
"Quis autem vel eum iure reprehenderit quesse quam nihil molestiae consequatur.",
|
||||||
|
"At vero eos et accusamus et iusto odio d.",
|
||||||
|
"Similique sunt in culpa qui officia de.",
|
||||||
|
"Et harum quidem rerum facilis est et expio.",
|
||||||
|
"Nam libero tempore, cum soluta nobis est.",
|
||||||
|
"Omnis voluptas assumenda est, omnis dolo",
|
||||||
|
"Temporibus autem quibusdam et aut offic"
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
namespace BlazorAppRadzenNet8UpgradeRadzen4to5.Models;
|
||||||
|
|
||||||
|
public class BlogPost
|
||||||
|
{
|
||||||
|
public int Id { get; set; }
|
||||||
|
public string Title { get; set; } = string.Empty;
|
||||||
|
public string Content { get; set; } = string.Empty;
|
||||||
|
}
|
||||||
@@ -0,0 +1,94 @@
|
|||||||
|
using BlazorAppRadzenNet8UpgradeRadzen4to5.Components;
|
||||||
|
using BlazorAppRadzenNet8UpgradeRadzen4to5.Data;
|
||||||
|
using BlazorAppRadzenNet8UpgradeRadzen4to5.Services;
|
||||||
|
using BlazorAppRadzenNet8UpgradeRadzen4to5.ViewModels;
|
||||||
|
using Mapster;
|
||||||
|
using MapsterMapper;
|
||||||
|
using Microsoft.EntityFrameworkCore;
|
||||||
|
using Radzen;
|
||||||
|
using System.Reflection;
|
||||||
|
|
||||||
|
internal class Program
|
||||||
|
{
|
||||||
|
private static void Main(string[] args)
|
||||||
|
{
|
||||||
|
var builder = WebApplication.CreateBuilder(args);
|
||||||
|
|
||||||
|
|
||||||
|
// Add services to the container.
|
||||||
|
builder.Services.AddDbContext<ApplicationDbContext>(options =>
|
||||||
|
options.UseInMemoryDatabase("ConnectionInMemory")
|
||||||
|
);
|
||||||
|
builder.Services.AddScoped<SeedData>();
|
||||||
|
builder.Services.AddScoped<BlogPostService>();
|
||||||
|
|
||||||
|
// Radzen Services
|
||||||
|
builder.Services.AddScoped<DialogService>();
|
||||||
|
builder.Services.AddScoped<NotificationService>();
|
||||||
|
builder.Services.AddScoped<TooltipService>();
|
||||||
|
builder.Services.AddScoped<ContextMenuService>();
|
||||||
|
|
||||||
|
// Add mapster mapper
|
||||||
|
builder.Services.AddMapster();
|
||||||
|
|
||||||
|
builder.Services.CreateDatabase().GetAwaiter().GetResult();
|
||||||
|
|
||||||
|
builder.Services.AddDatabaseDeveloperPageExceptionFilter();
|
||||||
|
|
||||||
|
// Add services to the container.
|
||||||
|
|
||||||
|
// Add services to the container.
|
||||||
|
builder.Services.AddRazorComponents()
|
||||||
|
.AddInteractiveServerComponents().AddHubOptions(options => options.MaximumReceiveMessageSize = 10 * 1024 * 1024);
|
||||||
|
|
||||||
|
builder.Services.AddControllers();
|
||||||
|
builder.Services.AddRadzenComponents();
|
||||||
|
builder.Services.AddHttpClient();
|
||||||
|
|
||||||
|
var app = builder.Build();
|
||||||
|
|
||||||
|
// Configure the HTTP request pipeline.
|
||||||
|
if (!app.Environment.IsDevelopment())
|
||||||
|
{
|
||||||
|
app.UseExceptionHandler("/Error", createScopeForErrors: true);
|
||||||
|
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
|
||||||
|
app.UseHsts();
|
||||||
|
}
|
||||||
|
|
||||||
|
app.UseHttpsRedirection();
|
||||||
|
app.MapControllers();
|
||||||
|
app.UseStaticFiles();
|
||||||
|
app.UseAntiforgery();
|
||||||
|
|
||||||
|
app.MapRazorComponents<App>()
|
||||||
|
.AddInteractiveServerRenderMode();
|
||||||
|
|
||||||
|
app.Run();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public static class ServiceCollectionExtensions
|
||||||
|
{
|
||||||
|
public static async Task CreateDatabase(this IServiceCollection services)
|
||||||
|
{
|
||||||
|
using (IServiceScope tmp = services.BuildServiceProvider().CreateScope())
|
||||||
|
{
|
||||||
|
await using var _context = tmp.ServiceProvider.GetRequiredService<ApplicationDbContext>();
|
||||||
|
var seedData = tmp.ServiceProvider.GetRequiredService<SeedData>();
|
||||||
|
await seedData.CreateInitialData();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public static class MapsterConfiguration
|
||||||
|
{
|
||||||
|
public static void AddMapster(this IServiceCollection services)
|
||||||
|
{
|
||||||
|
var typeAdapterConfig = TypeAdapterConfig.GlobalSettings;
|
||||||
|
Assembly applicationAssembly = typeof(BaseViewModel<,>).Assembly;
|
||||||
|
typeAdapterConfig.Scan(applicationAssembly);
|
||||||
|
|
||||||
|
var mapperConfig = new Mapper(typeAdapterConfig);
|
||||||
|
services.AddSingleton<IMapper>(mapperConfig);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"$schema": "http://json.schemastore.org/launchsettings.json",
|
||||||
|
"profiles": {
|
||||||
|
"https": {
|
||||||
|
"commandName": "Project",
|
||||||
|
"dotnetRunMessages": true,
|
||||||
|
"launchBrowser": true,
|
||||||
|
"applicationUrl": "https://localhost:5001;http://localhost:5000",
|
||||||
|
"environmentVariables": {
|
||||||
|
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,90 @@
|
|||||||
|
using BlazorAppRadzenNet8UpgradeRadzen4to5.Data;
|
||||||
|
using BlazorAppRadzenNet8UpgradeRadzen4to5.Models;
|
||||||
|
using Microsoft.EntityFrameworkCore;
|
||||||
|
using Radzen;
|
||||||
|
using System.Linq.Dynamic.Core;
|
||||||
|
|
||||||
|
namespace BlazorAppRadzenNet8UpgradeRadzen4to5.Services;
|
||||||
|
|
||||||
|
public class BlogPostService
|
||||||
|
{
|
||||||
|
private readonly ApplicationDbContext _context;
|
||||||
|
|
||||||
|
public BlogPostService(ApplicationDbContext context)
|
||||||
|
{
|
||||||
|
_context = context;
|
||||||
|
}
|
||||||
|
|
||||||
|
public Task<BlogPost?> GetbyId(int id)
|
||||||
|
{
|
||||||
|
return _context.BlogPosts.FirstOrDefaultAsync(x => x.Id == id);
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task<(IEnumerable<BlogPost> Result, int TotalCount)> GetBlogPostsAsync(string? filter = default, int? top = default, int? skip = default, string? orderby = default, string? expand = default, string? select = default, bool? count = default)
|
||||||
|
{
|
||||||
|
var query = _context.BlogPosts.AsQueryable();
|
||||||
|
|
||||||
|
if (!string.IsNullOrEmpty(filter))
|
||||||
|
query = query.Where(filter);
|
||||||
|
|
||||||
|
if (!string.IsNullOrEmpty(orderby))
|
||||||
|
query = query.OrderBy(orderby);
|
||||||
|
|
||||||
|
int totalCount = 0;
|
||||||
|
if (count == true)
|
||||||
|
totalCount = query.Count();
|
||||||
|
|
||||||
|
IEnumerable<BlogPost>? result;
|
||||||
|
if (skip == null || top == null)
|
||||||
|
result = await query.ToListAsync();
|
||||||
|
else
|
||||||
|
result = await query.Skip(skip.Value).Take(top.Value).ToListAsync();
|
||||||
|
|
||||||
|
return (result, totalCount);
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task<bool> AddBlogPostAsync(BlogPost blogPost)
|
||||||
|
{
|
||||||
|
try
|
||||||
|
{
|
||||||
|
await _context.BlogPosts.AddAsync(blogPost);
|
||||||
|
await _context.SaveChangesAsync();
|
||||||
|
}
|
||||||
|
catch (Exception ex)
|
||||||
|
{
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task<bool> UpdateBlogPostAsync(int id, BlogPost blogPost)
|
||||||
|
{
|
||||||
|
try
|
||||||
|
{
|
||||||
|
var oldBlogPost = _context.BlogPosts.FirstOrDefault(x => x.Id == id);
|
||||||
|
if (oldBlogPost == null) return false;
|
||||||
|
|
||||||
|
oldBlogPost.Title = blogPost.Title;
|
||||||
|
oldBlogPost.Content = blogPost.Content;
|
||||||
|
|
||||||
|
await _context.SaveChangesAsync();
|
||||||
|
}
|
||||||
|
catch (Exception ex)
|
||||||
|
{
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task<bool> DeletebyIdAsync(int id)
|
||||||
|
{
|
||||||
|
var blogPost = await _context.BlogPosts.FirstOrDefaultAsync(x => x.Id == id);
|
||||||
|
if (blogPost == null)
|
||||||
|
return false;
|
||||||
|
|
||||||
|
_context.BlogPosts.Remove(blogPost);
|
||||||
|
await _context.SaveChangesAsync();
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,46 @@
|
|||||||
|
using Mapster;
|
||||||
|
|
||||||
|
namespace BlazorAppRadzenNet8UpgradeRadzen4to5.ViewModels;
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Model <-> ViewModel Mapping
|
||||||
|
/// </summary>
|
||||||
|
/// <typeparam name="TViewModel">ViewModel</typeparam>
|
||||||
|
/// <typeparam name="TModel">Model</typeparam>
|
||||||
|
public abstract class BaseViewModel<TViewModel, TModel> : IRegister
|
||||||
|
where TViewModel : class, new()
|
||||||
|
where TModel : class, new()
|
||||||
|
{
|
||||||
|
|
||||||
|
public TModel ToModel()
|
||||||
|
{
|
||||||
|
return this.Adapt<TModel>();
|
||||||
|
}
|
||||||
|
|
||||||
|
public TModel ToModel(TModel model)
|
||||||
|
{
|
||||||
|
return (this as TViewModel).Adapt(model);
|
||||||
|
}
|
||||||
|
|
||||||
|
public static TViewModel FromModel(TModel model)
|
||||||
|
{
|
||||||
|
return model.Adapt<TViewModel>();
|
||||||
|
}
|
||||||
|
|
||||||
|
private TypeAdapterConfig Config { get; set; }
|
||||||
|
|
||||||
|
public virtual void AddCustomMappings() { }
|
||||||
|
|
||||||
|
|
||||||
|
protected TypeAdapterSetter<TViewModel, TModel> SetCustomMappings()
|
||||||
|
=> Config.ForType<TViewModel, TModel>();
|
||||||
|
|
||||||
|
protected TypeAdapterSetter<TModel, TViewModel> SetCustomMappingsInverse()
|
||||||
|
=> Config.ForType<TModel, TViewModel>();
|
||||||
|
|
||||||
|
public void Register(TypeAdapterConfig config)
|
||||||
|
{
|
||||||
|
Config = config;
|
||||||
|
AddCustomMappings();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
using BlazorAppRadzenNet8UpgradeRadzen4to5.Models;
|
||||||
|
using System.ComponentModel.DataAnnotations;
|
||||||
|
|
||||||
|
namespace BlazorAppRadzenNet8UpgradeRadzen4to5.ViewModels;
|
||||||
|
|
||||||
|
public class BlogPostViewModel : BaseViewModel<BlogPostViewModel, BlogPost>
|
||||||
|
{
|
||||||
|
public int Id { get; set; }
|
||||||
|
|
||||||
|
[Required(AllowEmptyStrings = false, ErrorMessage = "Title can not be empty")]
|
||||||
|
public string Title { get; set; } = string.Empty;
|
||||||
|
|
||||||
|
[Required(AllowEmptyStrings = false, ErrorMessage = "Content can not be empty")]
|
||||||
|
public string Content { get; set; } = string.Empty;
|
||||||
|
|
||||||
|
public string TitleShort { get; set; } = string.Empty;
|
||||||
|
public string ContentShort { get; set; } = string.Empty;
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
{
|
||||||
|
"Logging": {
|
||||||
|
"LogLevel": {
|
||||||
|
"Default": "Information",
|
||||||
|
"Microsoft.AspNetCore": "Warning"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
{
|
||||||
|
"Logging": {
|
||||||
|
"LogLevel": {
|
||||||
|
"Default": "Information",
|
||||||
|
"Microsoft.AspNetCore": "Warning"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"AllowedHosts": "*"
|
||||||
|
}
|
||||||
@@ -0,0 +1,86 @@
|
|||||||
|
#blazor-error-ui {
|
||||||
|
background: lightyellow;
|
||||||
|
bottom: 0;
|
||||||
|
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
display: none;
|
||||||
|
left: 0;
|
||||||
|
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
#blazor-error-ui .dismiss {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
right: 0.75rem;
|
||||||
|
top: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
font-size: var(--rz-root-font-size);
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: var(--rz-text-font-family);
|
||||||
|
color: var(--rz-text-color);
|
||||||
|
font-size: var(--rz-body-font-size);
|
||||||
|
line-height: var(--rz-body-line-height);
|
||||||
|
background-color: var(--rz-body-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rz-body {
|
||||||
|
--rz-body-padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--rz-link-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover,
|
||||||
|
a:focus {
|
||||||
|
color: var(--rz-link-hover-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.blazor-error-boundary {
|
||||||
|
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
|
||||||
|
padding: 1rem 1rem 1rem 3.7rem;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blazor-error-boundary::after {
|
||||||
|
content: "An error has occurred."
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-progress {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
width: 8rem;
|
||||||
|
height: 8rem;
|
||||||
|
margin: 20vh auto 1rem auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-progress circle {
|
||||||
|
fill: none;
|
||||||
|
stroke: #e0e0e0;
|
||||||
|
stroke-width: 0.6rem;
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-progress circle:last-child {
|
||||||
|
stroke: #1b6ec2;
|
||||||
|
stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
|
||||||
|
transition: stroke-dasharray 0.05s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-progress-text {
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-progress-text:after {
|
||||||
|
content: var(--blazor-load-percentage-text, "Loading");
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Reference in New Issue
Block a user