tsai
/
abp
mirror of https://github.com/abpframework/abp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Refactor Index.razor pages to use MudBlazor components for improved UI consistency and responsiveness; updated links and content for better user engagement.

pull/25235/head
maliming 6 months ago
parent
451ace3bb8
commit
15e99a0adf
No known key found for this signature in database GPG Key ID: A646B9CB645ECEA4
18 changed files with 972 additions and 1671 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      modules/account/src/Volo.Abp.Account.Blazor.MudBlazor/Pages/Account/AccountManage.razor
  2. 2
      modules/basic-theme/src/Volo.Abp.AspNetCore.Components.Server.MudBlazorBasicTheme/Themes/Basic/LoginDisplay.razor
  3. 2
      modules/basic-theme/src/Volo.Abp.AspNetCore.Components.WebAssembly.MudBlazorBasicTheme/Themes/Basic/LoginDisplay.razor
  4. 3
      modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor
  5. 4
      modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/RoleManagement.razor
  6. 4
      modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/UserManagement.razor
  7. 2
      modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/PermissionManagementModal.razor
  8. 6
      modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/ResourcePermissionManagementModal.razor
  9. 2
      modules/setting-management/src/Volo.Abp.SettingManagement.Blazor.MudBlazor/Pages/SettingManagement/EmailSettingGroup/EmailSettingGroupViewComponent.razor
  10. 5
      modules/tenant-management/src/Volo.Abp.TenantManagement.Blazor.MudBlazor/Pages/TenantManagement/TenantManagement.razor
  11. 394
      templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.Server.Mongo/Components/Pages/Index.razor
  12. 394
      templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.Server/Components/Pages/Index.razor
  13. 394
      templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.WebAssembly/Client/Pages/Index.razor
  14. 198
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Client/Pages/Index.razor
  15. 397
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/Components/Pages/Index.razor
  16. 211
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/Components/Pages/Index.razor
  17. 226
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp.Client/Pages/Index.razor
  18. 397
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp.Tiered.Client/Pages/Index.razor

2
modules/account/src/Volo.Abp.Account.Blazor.MudBlazor/Pages/Account/AccountManage.razor
View File

@ -6,7 +6,7 @@
@inherits AbpAccountComponentBase
<MudGrid>
<MudGrid Spacing="0">
<MudItem xs="12">
<MudTabs @bind-ActivePanelIndex="@_activeTabIndex" PanelClass="pa-4">
<MudTabPanel Text="@L["ProfileTab:Password"]">

2
modules/basic-theme/src/Volo.Abp.AspNetCore.Components.Server.MudBlazorBasicTheme/Themes/Basic/LoginDisplay.razor
View File

@ -34,6 +34,6 @@
</MudMenu>
</Authorized>
<NotAuthorized>
<MudButton Variant="Variant.Text" Href="Account/Login">@L["Login"]</MudButton>
<MudButton Variant="Variant.Text" Color="Color.Inherit" Href="Account/Login">@L["Login"]</MudButton>
</NotAuthorized>
</AuthorizeView>

2
modules/basic-theme/src/Volo.Abp.AspNetCore.Components.WebAssembly.MudBlazorBasicTheme/Themes/Basic/LoginDisplay.razor
View File

@ -39,6 +39,6 @@
</MudMenu>
</Authorized>
<NotAuthorized>
<MudButton Variant="Variant.Text" Href="@AuthenticationOptions.Value.LoginUrl">@UiLocalizer["Login"]</MudButton>
<MudButton Variant="Variant.Text" Color="Color.Inherit" Href="@AuthenticationOptions.Value.LoginUrl">@UiLocalizer["Login"]</MudButton>
</NotAuthorized>
</AuthorizeView>

3
modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor.MudBlazor/Components/FeatureManagementModal.razor
View File

@ -5,8 +5,7 @@
@using Volo.Abp.FeatureManagement.Localization
@inherits AbpFeatureManagementComponentBase
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true })"
CloseOnEscapeKey="true">
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["Features"]@ProviderKeyDisplayName</MudText>
</TitleContent>

4
modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/RoleManagement.razor
View File

@ -32,7 +32,7 @@
@* ************************* CREATE DIALOG ************************* *@
@if (HasCreatePermission)
{
<MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["NewRole"]</MudText>
</TitleContent>
@ -57,7 +57,7 @@
@* ************************* EDIT DIALOG ************************* *@
@if (HasUpdatePermission)
{
<MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["Edit"]</MudText>
</TitleContent>

4
modules/identity/src/Volo.Abp.Identity.Blazor.MudBlazor/Pages/Identity/UserManagement.razor
View File

@ -43,7 +43,7 @@
@* ************************* CREATE DIALOG ************************* *@
@if (HasCreatePermission)
{
<MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["NewUser"]</MudText>
</TitleContent>
@ -107,7 +107,7 @@
@* ************************* EDIT DIALOG ************************* *@
@if (HasUpdatePermission)
{
<MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["Edit"]</MudText>
</TitleContent>

2
modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/PermissionManagementModal.razor
View File

@ -3,7 +3,7 @@
@using JetBrains.Annotations
@using Volo.Abp.PermissionManagement.Localization
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Large, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["Permissions"] - @_entityDisplayName</MudText>
</TitleContent>

6
modules/permission-management/src/Volo.Abp.PermissionManagement.Blazor.MudBlazor/Components/ResourcePermissionManagementModal.razor
View File

@ -1,7 +1,7 @@
@using global::MudBlazor
@inherits Volo.Abp.AspNetCore.Components.AbpComponentBase
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.ExtraLarge, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @bind-Visible="@_isVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.ExtraLarge, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["ResourcePermissions"] - @ResourceDisplayName</MudText>
</TitleContent>
@ -82,7 +82,7 @@
@* Create Resource Permission Dialog *@
@if (_createDialogVisible)
{
<MudDialog @bind-Visible="@_createDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @bind-Visible="@_createDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["AddResourcePermission"]</MudText>
</TitleContent>
@ -127,7 +127,7 @@
@* Edit Resource Permission Dialog *@
@if (_editDialogVisible)
{
<MudDialog @bind-Visible="@_editDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @bind-Visible="@_editDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["UpdateResourcePermission"]</MudText>
</TitleContent>

2
modules/setting-management/src/Volo.Abp.SettingManagement.Blazor.MudBlazor/Pages/SettingManagement/EmailSettingGroup/EmailSettingGroupViewComponent.razor
View File

@ -73,7 +73,7 @@
@if (HasSendTestEmailPermission)
{
<MudDialog @bind-Visible="@_sendTestEmailDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @bind-Visible="@_sendTestEmailDialogVisible" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["SendTestEmail"]</MudText>
</TitleContent>

5
modules/tenant-management/src/Volo.Abp.TenantManagement.Blazor.MudBlazor/Pages/TenantManagement/TenantManagement.razor
View File

@ -31,7 +31,7 @@
@* ************************* CREATE MODAL ************************* *@
@if (HasCreatePermission)
{
<MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })" CloseOnEscapeKey="true">
<MudDialog @ref="_createDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["NewTenant"]</MudText>
</TitleContent>
@ -68,8 +68,7 @@
@* ************************* EDIT MODAL ************************* *@
@if (HasUpdatePermission)
{
<MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true })"
CloseOnEscapeKey="true">
<MudDialog @ref="_editDialog" Options="@(new DialogOptions { MaxWidth = MaxWidth.Medium, FullWidth = true, CloseOnEscapeKey = true })">
<TitleContent>
<MudText Typo="Typo.h6">@L["Edit"]</MudText>
</TitleContent>

394
templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.Server.Mongo/Components/Pages/Index.razor
View File

@ -1,281 +1,127 @@
@page "/"
@page "/"
@inherits MyProjectNameComponentBase
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run
a
new web application using the application startup
template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting
Started</a>
<h4>Web Application Development Tutorial</h4>
<p class="text-muted mb-2">Learn how to build an ABP based
web
application named Acme.BookStore.</p>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<MudGrid Class="mb-3">
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
@if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Customize Lepton Theme</h4>
<p class="text-muted mb-2">Learn how to customize LeptonX
Theme
as you wish.</p>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<MudText Typo="Typo.h6">Getting Started</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-community abp-logo mb-2"></div>
<p class="lead text-muted">A unique community platform
for <span class="fw-bold">ABP Lovers!</span></p>
<p class="text-muted mb-2">Explore all ABP users'
experiences with the ABP Framework, discover
articles and videos on how to use ABP, and join
raffles for a chance to win surprise gifts!</p>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<div class="row">
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">More from ABP.IO</div>
</div>
<div class="card-body pt-0">
<MudDivider Class="my-3" />
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Latest Release Logs </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://github.com/abpframework/abp/releases" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Video Courses </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/video-courses" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Samples </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Books </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/books" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> FAQ </div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://commercial.abp.io/faq" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<MudButton Href="https://blog.abp.io/abp" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">Follow us on Social Media</div>
</div>
<div class="card-body pt-0">
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;">
<div>X.com</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://twitter.com/abpframework" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/discord.svg" class="me-2">
<div>Discord</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://community.abp.io/discord" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/stack-overflow.svg" class="me-2">
<div>Stack Overflow</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/youtube.svg" class="me-2">
<div>YouTube</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://www.youtube.com/@@Volosoft" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<img src="/images/getting-started/instagram.svg" class="me-2">
<div>Instagram</div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://www.instagram.com/abpframework/" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<MudGrid>
<MudItem xs="12" lg="4">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudList T="string" Dense="true">
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://github.com/abpframework/abp/releases" Target="_blank">
Latest Release Logs
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/video-courses/essentials" Target="_blank">
Video Courses
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
Samples
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/books" Target="_blank">
Books
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/faq" Target="_blank">
FAQ
</MudListItem>
</MudList>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" lg="8">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">Follow us on Social Media</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudGrid Spacing="0">
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="https://twitter.com/abpframework" Target="_blank"
Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
X.com (Twitter)
</MudListItem>
<MudListItem Href="https://community.abp.io/discord" Target="_blank"
Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
Discord
</MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

394
templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.Server/Components/Pages/Index.razor
View File

@ -1,281 +1,127 @@
@page "/"
@page "/"
@inherits MyProjectNameComponentBase
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run
a
new web application using the application startup
template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting
Started</a>
<h4>Web Application Development Tutorial</h4>
<p class="text-muted mb-2">Learn how to build an ABP based
web
application named Acme.BookStore.</p>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<MudGrid Class="mb-3">
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
@if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Customize Lepton Theme</h4>
<p class="text-muted mb-2">Learn how to customize LeptonX
Theme
as you wish.</p>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<MudText Typo="Typo.h6">Getting Started</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-community abp-logo mb-2"></div>
<p class="lead text-muted">A unique community platform
for <span class="fw-bold">ABP Lovers!</span></p>
<p class="text-muted mb-2">Explore all ABP users'
experiences with the ABP Framework, discover
articles and videos on how to use ABP, and join
raffles for a chance to win surprise gifts!</p>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<div class="row">
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">More from ABP.IO</div>
</div>
<div class="card-body pt-0">
<MudDivider Class="my-3" />
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Latest Release Logs </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://github.com/abpframework/abp/releases" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Video Courses </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/video-courses" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Samples </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Books </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/books" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> FAQ </div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://commercial.abp.io/faq" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<MudButton Href="https://blog.abp.io/abp" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">Follow us on Social Media</div>
</div>
<div class="card-body pt-0">
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;">
<div>X.com</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://twitter.com/abpframework" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/discord.svg" class="me-2">
<div>Discord</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://community.abp.io/discord" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/stack-overflow.svg" class="me-2">
<div>Stack Overflow</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/youtube.svg" class="me-2">
<div>YouTube</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://www.youtube.com/@@Volosoft" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<img src="/images/getting-started/instagram.svg" class="me-2">
<div>Instagram</div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://www.instagram.com/abpframework/" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<MudGrid>
<MudItem xs="12" lg="4">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudList T="string" Dense="true">
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://github.com/abpframework/abp/releases" Target="_blank">
Latest Release Logs
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/video-courses/essentials" Target="_blank">
Video Courses
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
Samples
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/books" Target="_blank">
Books
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/faq" Target="_blank">
FAQ
</MudListItem>
</MudList>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" lg="8">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">Follow us on Social Media</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudGrid Spacing="0">
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="https://twitter.com/abpframework" Target="_blank"
Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
X.com (Twitter)
</MudListItem>
<MudListItem Href="https://community.abp.io/discord" Target="_blank"
Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
Discord
</MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

394
templates/app-nolayers/aspnet-core/MyCompanyName.MyProjectName.Blazor.WebAssembly/Client/Pages/Index.razor
View File

@ -1,281 +1,127 @@
@page "/"
@page "/"
@inherits MyProjectNameComponentBase
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run
a
new web application using the application startup
template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting
Started</a>
<h4>Web Application Development Tutorial</h4>
<p class="text-muted mb-2">Learn how to build an ABP based
web
application named Acme.BookStore.</p>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<MudGrid Class="mb-3">
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
@if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Customize Lepton Theme</h4>
<p class="text-muted mb-2">Learn how to customize LeptonX
Theme
as you wish.</p>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<MudText Typo="Typo.h6">Getting Started</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-community abp-logo mb-2"></div>
<p class="lead text-muted">A unique community platform
for <span class="fw-bold">ABP Lovers!</span></p>
<p class="text-muted mb-2">Explore all ABP users'
experiences with the ABP Framework, discover
articles and videos on how to use ABP, and join
raffles for a chance to win surprise gifts!</p>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<div class="row">
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">More from ABP.IO</div>
</div>
<div class="card-body pt-0">
<MudDivider Class="my-3" />
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Latest Release Logs </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://github.com/abpframework/abp/releases" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Video Courses </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/video-courses" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Samples </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Books </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/books" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> FAQ </div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://commercial.abp.io/faq" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<MudButton Href="https://blog.abp.io/abp" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">Follow us on Social Media</div>
</div>
<div class="card-body pt-0">
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;">
<div>X.com</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://twitter.com/abpframework" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/discord.svg" class="me-2">
<div>Discord</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://community.abp.io/discord" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/stack-overflow.svg" class="me-2">
<div>Stack Overflow</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/youtube.svg" class="me-2">
<div>YouTube</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://www.youtube.com/@@Volosoft" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<img src="/images/getting-started/instagram.svg" class="me-2">
<div>Instagram</div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://www.instagram.com/abpframework/" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<MudGrid>
<MudItem xs="12" lg="4">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudList T="string" Dense="true">
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://github.com/abpframework/abp/releases" Target="_blank">
Latest Release Logs
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/video-courses/essentials" Target="_blank">
Video Courses
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
Samples
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/books" Target="_blank">
Books
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/faq" Target="_blank">
FAQ
</MudListItem>
</MudList>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" lg="8">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">Follow us on Social Media</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudGrid Spacing="0">
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="https://twitter.com/abpframework" Target="_blank"
Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
X.com (Twitter)
</MudListItem>
<MudListItem Href="https://community.abp.io/discord" Target="_blank"
Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
Discord
</MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

198
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Client/Pages/Index.razor
View File

@ -1,87 +1,127 @@
@page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run
a new web application using the application startup template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting Started</a>
<MudGrid Class="mb-3">
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
@if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Web Application Development Tutorial</h4>
<p class="text-muted mb-2">Learn how to build an ABP based web application named Acme.BookStore.</p>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<MudText Typo="Typo.h6">Getting Started</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<h4>Customize Lepton Theme</h4>
<p class="text-muted mb-2">Learn how to customize LeptonX Theme as you wish.</p>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<div class="col-xl-3 col-md-6 d-flex">
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for similar problems and solutions, or open a new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</p>
<a href="https://blog.abp.io/abp" class="btn btn-brand soft" target="_blank">Visit Blog</a>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png">
</div>
</div>
</div>
</div>
</div>
<MudDivider Class="my-3" />
<div class="my-3 text-center">
<h3>Let's improve your application!</h3>
<p>Here are some links to help you get started:</p>
</div>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<MudButton Href="https://blog.abp.io/abp" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
<div class="card mt-4 mb-5">
<div class="card-body">
<div class="row text-center justify-content-md-center">
<div class="col-lg-4">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-book text-secondary d-block my-3 fa-2x"></i> Learn the ABP Framework</h5>
<p>Explore the comprehensive documentation to learn how to build a modern web application.</p>
<a href="https://abp.io/docs/latest?ref=tmpl" target="_blank" class="btn btn-link px-1">See Documents <i class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="col-lg-4 border-start">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-cubes text-secondary d-block my-3 fa-2x"></i> Samples</h5>
<p>See the example projects built with the ABP Framework.</p>
<a href="https://abp.io/docs/latest/samples?ref=tmpl" target="_blank" class="btn btn-link px-1">All samples <i class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="col-lg-4 border-start">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-users text-secondary d-block my-3 fa-2x"></i> ABP Community</h5>
<p>Get involved with a vibrant community and become a contributor.</p>
<a href="https://abp.io/community/" target="_blank" class="btn btn-link px-1">Community <i class="fas fa-chevron-right"></i></a>
<a href="https://abp.io/docs/latest/contribution?ref=tmpl" target="_blank" class="btn btn-link px-1">Contribute <i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<MudGrid>
<MudItem xs="12" lg="4">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudList T="string" Dense="true">
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://github.com/abpframework/abp/releases" Target="_blank">
Latest Release Logs
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/video-courses/essentials" Target="_blank">
Video Courses
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
Samples
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/books" Target="_blank">
Books
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/faq" Target="_blank">
FAQ
</MudListItem>
</MudList>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" lg="8">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">Follow us on Social Media</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudGrid Spacing="0">
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="https://twitter.com/abpframework" Target="_blank"
Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
X.com (Twitter)
</MudListItem>
<MudListItem Href="https://community.abp.io/discord" Target="_blank"
Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
Discord
</MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

397
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server.Tiered/Components/Pages/Index.razor
View File

@ -1,284 +1,127 @@
@page "/"
@using Volo.Abp.MultiTenancy
@page "/"
@inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run
a
new web application using the application startup
template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting
Started</a>
<MudGrid Class="mb-3">
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
@if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Web Application Development Tutorial</h4>
<p class="text-muted mb-2">Learn how to build an ABP based
web
application named Acme.BookStore.</p>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<MudText Typo="Typo.h6">Getting Started</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<h4>Customize Lepton Theme</h4>
<p class="text-muted mb-2">Learn how to customize LeptonX
Theme
as you wish.</p>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-community abp-logo mb-2"></div>
<p class="lead text-muted">A unique community platform
for <span class="fw-bold">ABP Lovers!</span></p>
<p class="text-muted mb-2">Explore all ABP users'
experiences with the ABP Framework, discover
articles and videos on how to use ABP, and join
raffles for a chance to win surprise gifts!</p>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<MudDivider Class="my-3" />
<div class="row">
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">More from ABP.IO</div>
</div>
<div class="card-body pt-0">
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<MudButton Href="https://blog.abp.io/abp" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Latest Release Logs </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://github.com/abpframework/abp/releases" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Video Courses </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/video-courses" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Samples </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Books </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/books" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> FAQ </div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://commercial.abp.io/faq" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">Follow us on Social Media</div>
</div>
<div class="card-body pt-0">
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;">
<div>X.com</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://twitter.com/abpframework" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/discord.svg" class="me-2">
<div>Discord</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://community.abp.io/discord" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/stack-overflow.svg" class="me-2">
<div>Stack Overflow</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/youtube.svg" class="me-2">
<div>YouTube</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://www.youtube.com/@@Volosoft" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<img src="/images/getting-started/instagram.svg" class="me-2">
<div>Instagram</div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://www.instagram.com/abpframework/" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<MudGrid>
<MudItem xs="12" lg="4">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudList T="string" Dense="true">
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://github.com/abpframework/abp/releases" Target="_blank">
Latest Release Logs
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/video-courses/essentials" Target="_blank">
Video Courses
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
Samples
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/books" Target="_blank">
Books
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/faq" Target="_blank">
FAQ
</MudListItem>
</MudList>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" lg="8">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">Follow us on Social Media</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudGrid Spacing="0">
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="https://twitter.com/abpframework" Target="_blank"
Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
X.com (Twitter)
</MudListItem>
<MudListItem Href="https://community.abp.io/discord" Target="_blank"
Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
Discord
</MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

211
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/Components/Pages/Index.razor
View File

@ -1,100 +1,127 @@
@page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run a new web application using the application startup template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting Started</a>
<MudGrid Class="mb-3">
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
@if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Web Application Development Tutorial</h4>
<p class="text-muted mb-2">Learn how to build an ABP based web application named Acme.BookStore.</p>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<MudText Typo="Typo.h6">Getting Started</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<h4>Customize Lepton Theme</h4>
<p class="text-muted mb-2">Learn how to customize LeptonX Theme as you wish.</p>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for similar problems and solutions, or open a new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<MudDivider Class="my-3" />
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-community abp-logo mb-2"></div>
<p class="lead text-muted">A unique community platform for <span class="fw-bold">ABP Lovers!</span></p>
<p class="text-muted mb-2">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</p>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<MudButton Href="https://blog.abp.io/abp" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
<div class="my-3 text-center">
<h3>Let's improve your application!</h3>
<p>Here are some links to help you get started:</p>
</div>
<div class="card mt-4 mb-5">
<div class="card-body">
<div class="row text-center justify-content-md-center">
<div class="col-lg-4">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-book text-secondary d-block my-3 fa-2x"></i> Learn the ABP Framework</h5>
<p>Explore the comprehensive documentation to learn how to build a modern web application.</p>
<a href="https://abp.io/docs/latest?ref=tmpl" target="_blank" class="btn btn-link px-1">See Documents <i class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="col-lg-4 border-start">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-cubes text-secondary d-block my-3 fa-2x"></i> Samples</h5>
<p>See the example projects built with the ABP Framework.</p>
<a href="https://abp.io/docs/latest/samples?ref=tmpl" target="_blank" class="btn btn-link px-1">All samples <i class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="col-lg-4 border-start">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-users text-secondary d-block my-3 fa-2x"></i> ABP Community</h5>
<p>Get involved with a vibrant community and become a contributor.</p>
<a href="https://abp.io/community/" target="_blank" class="btn btn-link px-1">Community <i class="fas fa-chevron-right"></i></a>
<a href="https://abp.io/docs/latest/contribution?ref=tmpl" target="_blank" class="btn btn-link px-1">Contribute <i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
<div class="row text-center mt-lg-3 justify-content-md-center">
<div class="col-lg-4">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-pen-nib text-secondary d-block my-3 fa-2x"></i> ABP Blog</h5>
<p>Take a look at our recently published articles.</p>
<a href="https://abp.io/blog?ref=tmpl" target="_blank" class="btn btn-link px-1">See Blog <i class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="col-lg-4 border-start">
<div class="p-4">
<h5 class="mb-3"><i class="fab fa-github text-secondary d-block my-3 fa-2x"></i> Github</h5>
<p>Do you love the ABP Framework? Please <strong>give a star</strong> to support it!</p>
<a href="https://github.com/abpframework/abp/" target="_blank" class="btn btn-link px-1">See Open Source Framework <i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<MudGrid>
<MudItem xs="12" lg="4">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudList T="string" Dense="true">
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://github.com/abpframework/abp/releases" Target="_blank">
Latest Release Logs
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/video-courses/essentials" Target="_blank">
Video Courses
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
Samples
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/books" Target="_blank">
Books
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/faq" Target="_blank">
FAQ
</MudListItem>
</MudList>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" lg="8">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">Follow us on Social Media</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudGrid Spacing="0">
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="https://twitter.com/abpframework" Target="_blank"
Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
X.com (Twitter)
</MudListItem>
<MudListItem Href="https://community.abp.io/discord" Target="_blank"
Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
Discord
</MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

226
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp.Client/Pages/Index.razor
View File

@ -1,115 +1,127 @@
@page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run a new web application using the
application startup template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4"
target="_blank">Getting Started</a>
<MudGrid Class="mb-3">
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
@if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Web Application Development Tutorial</h4>
<p class="text-muted mb-2">Learn how to build an ABP based web application named Acme.BookStore.</p>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF"
class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<MudText Typo="Typo.h6">Getting Started</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<h4>Customize Lepton Theme</h4>
<p class="text-muted mb-2">Learn how to customize LeptonX Theme as you wish.</p>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme"
class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for similar problems and solutions, or open a new topic to
discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn btn-brand soft" target="_blank">Visit
Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<MudDivider Class="my-3" />
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-community abp-logo mb-2"></div>
<p class="lead text-muted">A unique community platform for <span class="fw-bold">ABP Lovers!</span></p>
<p class="text-muted mb-2">Explore all ABP users' experiences with the ABP Framework, discover articles
and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</p>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<MudButton Href="https://blog.abp.io/abp" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
<div class="my-3 text-center">
<h3>Let's improve your application!</h3>
<p>Here are some links to help you get started:</p>
</div>
<div class="card mt-4 mb-5">
<div class="card-body">
<div class="row text-center justify-content-md-center">
<div class="col-lg-4">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-book text-secondary d-block my-3 fa-2x"></i> Learn the ABP
Framework</h5>
<p>Explore the comprehensive documentation to learn how to build a modern web application.</p>
<a href="https://abp.io/docs/latest?ref=tmpl" target="_blank" class="btn btn-link px-1">See
Documents <i class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="col-lg-4 border-start">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-cubes text-secondary d-block my-3 fa-2x"></i> Samples</h5>
<p>See the example projects built with the ABP Framework.</p>
<a href="https://abp.io/docs/latest/samples?ref=tmpl" target="_blank" class="btn btn-link px-1">All
samples <i class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="col-lg-4 border-start">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-users text-secondary d-block my-3 fa-2x"></i> ABP Community</h5>
<p>Get involved with a vibrant community and become a contributor.</p>
<a href="https://abp.io/community/" target="_blank" class="btn btn-link px-1">Community <i
class="fas fa-chevron-right"></i></a>
<a href="https://abp.io/docs/latest/contribution?ref=tmpl" target="_blank"
class="btn btn-link px-1">Contribute <i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
<div class="row text-center mt-lg-3 justify-content-md-center">
<div class="col-lg-4">
<div class="p-4">
<h5 class="mb-3"><i class="fas fa-pen-nib text-secondary d-block my-3 fa-2x"></i> ABP Blog</h5>
<p>Take a look at our recently published articles.</p>
<a href="https://abp.io/blog?ref=tmpl" target="_blank" class="btn btn-link px-1">See Blog <i
class="fas fa-chevron-right"></i></a>
</div>
</div>
<div class="col-lg-4 border-start">
<div class="p-4">
<h5 class="mb-3"><i class="fab fa-github text-secondary d-block my-3 fa-2x"></i> Github</h5>
<p>Do you love the ABP Framework? Please <strong>give a star</strong> to support it!</p>
<a href="https://github.com/abpframework/abp/" target="_blank" class="btn btn-link px-1">See Open
Source Framework <i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<MudGrid>
<MudItem xs="12" lg="4">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudList T="string" Dense="true">
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://github.com/abpframework/abp/releases" Target="_blank">
Latest Release Logs
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/video-courses/essentials" Target="_blank">
Video Courses
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
Samples
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/books" Target="_blank">
Books
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/faq" Target="_blank">
FAQ
</MudListItem>
</MudList>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" lg="8">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">Follow us on Social Media</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudGrid Spacing="0">
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="https://twitter.com/abpframework" Target="_blank"
Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
X.com (Twitter)
</MudListItem>
<MudListItem Href="https://community.abp.io/discord" Target="_blank"
Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
Discord
</MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

397
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp.Tiered.Client/Pages/Index.razor
View File

@ -1,284 +1,127 @@
@page "/"
@using Volo.Abp.MultiTenancy
@page "/"
@inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider
<div class="row mb-3">
<div class="col-xl-6 col-12 d-flex">
<div class="card h-lg-100 w-100 overflow-hidden">
<div class="card-body">
<div class="starting-content">
<h3>Getting Started</h3>
<p class="lead text-muted mb-2">Learn how to create and run
a
new web application using the application startup
template.</p>
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting
Started</a>
<MudGrid Class="mb-3">
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
@if (!CurrentUser.IsAuthenticated)
{
<MudText Typo="Typo.h5" Class="mb-2">@L["Welcome"]</MudText>
<MudText Typo="Typo.body1" Class="mud-text-secondary mb-2">@L["LongWelcomeMessage"]</MudText>
<MudButton Href="/Account/Login" Variant="Variant.Filled" Color="Color.Primary" Class="mb-4"
StartIcon="@Icons.Material.Filled.Login">@L["Login"]</MudButton>
}
<h4>Web Application Development Tutorial</h4>
<p class="text-muted mb-2">Learn how to build an ABP based
web
application named Acme.BookStore.</p>
<a href="https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=MVC&DB=EF" class="btn btn-primary soft mb-4" target="_blank">Explore Tutorial</a>
<MudText Typo="Typo.h6">Getting Started</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to create and run a new web application using the application startup template.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/getting-started" Target="_blank"
Variant="Variant.Filled" Color="Color.Primary" Class="mb-3">Getting Started</MudButton>
<h4>Customize Lepton Theme</h4>
<p class="text-muted mb-2">Learn how to customize LeptonX
Theme
as you wish.</p>
<a href="https://docs.abp.io/en/commercial/latest/themes/lepton/customizing-lepton-theme" class="btn btn-primary soft mb-5 mb-xl-0" target="_blank">Customize Lepton</a>
</div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="row">
<div class="col-12 d-flex">
<div class="card overflow-hidden">
<div class="card-body pb-0">
<div class="abp-support abp-logo mb-2"></div>
<p class="text-muted mb-2">You can check for
similar problems and solutions, or open a
new topic to discuss your specific issue.</p>
<a href="https://support.abp.io/QA/Questions" class="btn
btn-brand soft" target="_blank">Visit Support</a>
<img class="" src="/images/getting-started/img-support.png">
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="card h-md-100 overflow-hidden">
<div class="card-body pb-0">
<div class="abp-blog abp-logo mb-2"></div>
<p class="text-muted mb-2">You can find content
on .NET development, cross-platform, ASP.NET
application templates, ABP-related news, and
more.</p>
<a href="https://blog.abp.io/abp" class="btn
btn-brand soft" target="_blank">Visit Blog</a>
<MudText Typo="Typo.h6">Web Application Development Tutorial</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Learn how to build an ABP based web application named Acme.BookStore.</MudText>
<MudButton Href="https://docs.abp.io/en/abp/latest/tutorials/book-store/part-1?UI=Blazor&DB=EF" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Explore Tutorial</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" md="6">
<MudCard Style="height: 100%;">
<MudCardContent>
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Class="me-1" /> Community
</MudText>
<MudText Typo="Typo.subtitle1" Class="mud-text-secondary">A unique community platform for <strong>ABP Lovers!</strong></MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-3">Explore all ABP users' experiences with the ABP Framework, discover articles and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</MudText>
<MudButton Href="https://community.abp.io/" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary" Class="mb-3">Join ABP Community</MudButton>
<img style="margin-bottom: -24px;" src="/images/getting-started/img-blog.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex">
<div class="card h-100 overflow-hidden">
<div class="card-body">
<div class="abp-community abp-logo mb-2"></div>
<p class="lead text-muted">A unique community platform
for <span class="fw-bold">ABP Lovers!</span></p>
<p class="text-muted mb-2">Explore all ABP users'
experiences with the ABP Framework, discover
articles and videos on how to use ABP, and join
raffles for a chance to win surprise gifts!</p>
<a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
Community</a>
</div>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div>
</div>
</div>
<MudDivider Class="my-3" />
<div class="row">
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">More from ABP.IO</div>
</div>
<div class="card-body pt-0">
<MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-2">
<MudIcon Icon="@Icons.Material.Filled.RssFeed" Class="me-1" /> Blog
</MudText>
<MudText Typo="Typo.body2" Class="mud-text-secondary mb-2">Find content on .NET development, cross-platform, ASP.NET application templates, ABP-related news, and more.</MudText>
<MudButton Href="https://blog.abp.io/abp" Target="_blank"
Variant="Variant.Outlined" Color="Color.Primary">Visit Blog</MudButton>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Latest Release Logs </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://github.com/abpframework/abp/releases" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Video Courses </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/video-courses" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Samples </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://docs.abp.io/en/abp/latest/Samples/Index" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> Books </div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://abp.io/books" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<div class="rounded-circle me-2
flex-center bg-brand soft" style="width: 20px; height:
20px;"><i class="bi bi-check fs-4"></i></div>
<div> FAQ </div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://commercial.abp.io/faq" target="_blank">
<i class="bi
bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8 d-flex">
<div class="card">
<div class="card-body d-flex">
<div class="row align-items-center">
<div class="col-md-8">
<p class="text-muted mb-0">THE OFFICIAL GUIDE</p>
<h3>Mastering ABP Framework</h3>
<p class="text-muted">Written by the creator of the ABP
Framework, this book will help you gain a complete
understanding of the framework
and modern web application development techniques.</p>
<div class="d-md-flex mb-2 mb-md-0">
<a href="https://www.amazon.com/gp/product/B097Z2DM8Q" target="_blank" class="btn btn-primary soft
me-md-2 mb-2 mb-md-0">
Buy on Amazon US
</a>
<a href="https://www.packtpub.com/product/mastering-abp-framework/9781801079242" target="_blank" class="btn btn-primary soft mb-2
mb-md-0">
Buy on PACKT
</a>
</div>
</div>
<div class="col">
<img src="/images/getting-started/book.png">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header">
<div class="card-title text-body">Follow us on Social Media</div>
</div>
<div class="card-body pt-0">
<div>
<table class="table mb-0">
<tbody>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/x-white.svg" class="me-2" style="background-color: black;">
<div>X.com</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://twitter.com/abpframework" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/discord.svg" class="me-2">
<div>Discord</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://community.abp.io/discord" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/stack-overflow.svg" class="me-2">
<div>Stack Overflow</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://stackoverflow.com/questions/tagged/abp" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex">
<img src="/images/getting-started/youtube.svg" class="me-2">
<div>YouTube</div>
</td>
<td class="text-end pe-0 opacity-25">
<a href="https://www.youtube.com/@@Volosoft" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
<tr>
<td class="ps-0 d-flex border-bottom-0">
<img src="/images/getting-started/instagram.svg" class="me-2">
<div>Instagram</div>
</td>
<td class="text-end pe-0 opacity-25
border-bottom-0">
<a href="https://www.instagram.com/abpframework/" target="_blank">
<i class="bi bi-box-arrow-up-right
text-dark"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<MudGrid>
<MudItem xs="12" lg="4">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">More from ABP.IO</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudList T="string" Dense="true">
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://github.com/abpframework/abp/releases" Target="_blank">
Latest Release Logs
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/video-courses/essentials" Target="_blank">
Video Courses
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://docs.abp.io/en/abp/latest/Samples/Index" Target="_blank">
Samples
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/books" Target="_blank">
Books
</MudListItem>
<MudListItem Icon="@Icons.Material.Filled.Check" IconColor="Color.Primary"
Href="https://abp.io/faq" Target="_blank">
FAQ
</MudListItem>
</MudList>
</MudCardContent>
</MudCard>
</MudItem>
<MudItem xs="12" lg="8">
<MudCard Style="height: 100%;">
<MudCardHeader>
<MudText Typo="Typo.h6">Follow us on Social Media</MudText>
</MudCardHeader>
<MudCardContent Class="pt-0">
<MudGrid Spacing="0">
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="https://twitter.com/abpframework" Target="_blank"
Icon="@Icons.Custom.Brands.Twitter" IconColor="Color.Primary">
X.com (Twitter)
</MudListItem>
<MudListItem Href="https://community.abp.io/discord" Target="_blank"
Icon="@Icons.Custom.Brands.Discord" IconColor="Color.Primary">
Discord
</MudListItem>
<MudListItem Href="https://stackoverflow.com/questions/tagged/abp" Target="_blank"
Icon="@Icons.Custom.Brands.StackOverflow" IconColor="Color.Primary">
Stack Overflow
</MudListItem>
</MudList>
</MudItem>
<MudItem xs="12" sm="6">
<MudList T="string" Dense="true">
<MudListItem Href="@("https://www.youtube.com/@Volosoft")" Target="_blank"
Icon="@Icons.Custom.Brands.YouTube" IconColor="Color.Error">
YouTube
</MudListItem>
<MudListItem Href="https://www.instagram.com/abpframework/" Target="_blank"
Icon="@Icons.Custom.Brands.Instagram" IconColor="Color.Secondary">
Instagram
</MudListItem>
<MudListItem Href="https://github.com/abpframework/abp" Target="_blank"
Icon="@Icons.Custom.Brands.GitHub" IconColor="Color.Dark">
GitHub
</MudListItem>
</MudList>
</MudItem>
</MudGrid>
</MudCardContent>
</MudCard>
</MudItem>
</MudGrid>

Write Preview
Loading…
Cancel
Save