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

Fix home page layout for Blazor Web App

pull/25235/head
İsmail ÇAĞDAŞ 8 months ago
parent
e7bc081df9
commit
3238a673bd
3 changed files with 77185 additions and 105 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 172
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp.Client/Pages/Index.razor
  2. 2
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp/Components/App.razor
  3. 77116
      templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp/Logs/logs.txt

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

@ -1,4 +1,5 @@
@page "/" @page "/"
@using Volo.Abp.MultiTenancy
@inherits MyProjectNameComponentBase @inherits MyProjectNameComponentBase
@inject AuthenticationStateProvider AuthenticationStateProvider @inject AuthenticationStateProvider AuthenticationStateProvider
@ -8,144 +9,105 @@
<div class="card-body"> <div class="card-body">
<div class="starting-content"> <div class="starting-content">
<h3>Getting Started</h3> <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> <p class="lead text-muted mb-2">Learn how to create and run a new web application using the
<a href="https://docs.abp.io/en/commercial/latest/getting-started" class="btn btn-brand mb-4" target="_blank">Getting Started</a> 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> <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> <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> <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>
<h4>Customize Lepton Theme</h4> <h4>Customize Lepton Theme</h4>
<p class="text-muted mb-2">Learn how to customize LeptonX Theme as you wish.</p> <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> <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> </div>
<img class="card-bg-image" src="/images/getting-started/bg-01.png"> <img class="card-bg-image" src="/images/getting-started/bg-01.png">
</div> </div>
</div> </div>
</div> </div>
<div class="my-3 text-center"> <div class="col-xl-3 col-md-6 d-flex">
<h3>Let's improve your application!</h3> <div class="card h-100 overflow-hidden">
<p>Here are some links to help you get started:</p> <div class="card-body">
</div> <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
<div class="card mt-4 mb-5"> discuss your specific issue.</p>
<div class="card-body"> <a href="https://support.abp.io/QA/Questions" class="btn btn-brand soft" target="_blank">Visit
<div class="row text-center justify-content-md-center"> Support</a>
<div class="col-lg-4"> <img class="" src="/images/getting-started/img-support.png">
<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">GitHub <i class="fas fa-chevron-right"></i></a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xl-3 col-md-6 d-flex"> <div class="col-xl-3 col-md-6 d-flex">
<div class="row"> <div class="card h-100 overflow-hidden">
<div class="col-12 d-flex"> <div class="card-body">
<div class="card overflow-hidden"> <div class="abp-community abp-logo mb-2"></div>
<div class="card-body pb-0"> <p class="lead text-muted">A unique community platform for <span class="fw-bold">ABP Lovers!</span></p>
<div class="abp-support abp-logo mb-2"></div> <p class="text-muted mb-2">Explore all ABP users' experiences with the ABP Framework, discover articles
<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> and videos on how to use ABP, and join raffles for a chance to win surprise gifts!</p>
<a href="https://support.abp.io/QA/Questions" class="btn btn-brand soft" target="_blank">Visit Support</a> <a class="btn btn-brand soft mb-3" href="https://community.abp.io/" target="_blank">Join ABP
<img class="" src="/images/getting-started/img-support.png"> Community</a>
</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>
<img class="mt-3" src="/images/getting-started/img-community.png">
</div> </div>
</div> </div>
</div> </div>
<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 mt-4 mb-5">
<div class="card-body"> <div class="card-body">
<p class="px-lg-5 mx-lg-5 py-3 text-center">
<a href="https://abp.io/" target="_blank">ABP</a> is a platform based on the open source ABP framework. It provides pre-built application modules,
rapid application development tooling, professional UI themes, premium support, and more.
</p>
<div class="row text-center justify-content-md-center"> <div class="row text-center justify-content-md-center">
<div class="col-lg-2"> <div class="col-lg-4">
<div class="p-3"> <div class="p-4">
<h6> <h5 class="mb-3"><i class="fas fa-book text-secondary d-block my-3 fa-2x"></i> Learn the ABP
<i class="fas fa-plus d-block mb-3 fa-2x text-secondary"></i> Startup Templates Framework</h5>
<a href="https://abp.io/startup-templates?ref=tmpl" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a> <p>Explore the comprehensive documentation to learn how to build a modern web application.</p>
</h6> <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> </div>
<div class="col-lg-2 border-start"> <div class="col-lg-4 border-start">
<div class="p-3"> <div class="p-4">
<h6> <h5 class="mb-3"><i class="fas fa-cubes text-secondary d-block my-3 fa-2x"></i> Samples</h5>
<i class="fas fa-plus d-block mb-3 fa-2x text-secondary"></i> Application Modules <p>See the example projects built with the ABP Framework.</p>
<a href="https://abp.io/modules?ref=tmpl" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a> <a href="https://abp.io/docs/latest/samples?ref=tmpl" target="_blank" class="btn btn-link px-1">All
</h6> samples <i class="fas fa-chevron-right"></i></a>
</div> </div>
</div> </div>
<div class="col-lg-2 border-start"> <div class="col-lg-4 border-start">
<div class="p-3"> <div class="p-4">
<h6> <h5 class="mb-3"><i class="fas fa-users text-secondary d-block my-3 fa-2x"></i> ABP Community</h5>
<i class="fas fa-plus d-block mb-3 fa-2x text-secondary"></i> Developer<br />Tools <p>Get involved with a vibrant community and become a contributor.</p>
<a href="https://abp.io/tools?ref=tmpl" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a> <a href="https://abp.io/community/" target="_blank" class="btn btn-link px-1">Community <i
</h6> 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 class="col-lg-2 border-start"> </div>
<div class="p-3"> <div class="row text-center mt-lg-3 justify-content-md-center">
<h6> <div class="col-lg-4">
<i class="fas fa-plus d-block mb-3 fa-2x text-secondary"></i> UI Themes <div class="p-4">
<a href="https://abp.io/themes?ref=tmpl" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a> <h5 class="mb-3"><i class="fas fa-pen-nib text-secondary d-block my-3 fa-2x"></i> ABP Blog</h5>
</h6> <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> </div>
<div class="col-lg-2 border-start"> <div class="col-lg-4 border-start">
<div class="p-3"> <div class="p-4">
<h6> <h5 class="mb-3"><i class="fab fa-github text-secondary d-block my-3 fa-2x"></i> Github</h5>
<i class="fas fa-plus d-block mb-3 fa-2x text-secondary"></i> Support <p>Do you love the ABP Framework? Please <strong>give a star</strong> to support it!</p>
<a href="https://abp.io/support?ref=tmpl" target="_blank" class="d-block mt-2 btn btn-sm btn-link">Details <i class="fas fa-chevron-right"></i></a> <a href="https://github.com/abpframework/abp/" target="_blank" class="btn btn-link px-1">See Open
</h6> Source Framework <i class="fas fa-chevron-right"></i></a>
</div> </div>
</div> </div>
</div> </div>

2
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp/Components/App.razor
View File

@ -3,6 +3,7 @@
@using Microsoft.Extensions.Hosting @using Microsoft.Extensions.Hosting
@using Volo.Abp.AspNetCore.Components.Server.MudBlazorBasicTheme.Bundling @using Volo.Abp.AspNetCore.Components.Server.MudBlazorBasicTheme.Bundling
@using Volo.Abp.AspNetCore.Components.Web.Theming.MudBlazor.Bundling @using Volo.Abp.AspNetCore.Components.Web.Theming.MudBlazor.Bundling
@using Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonXLite.Bundling
@inject IHostEnvironment Env @inject IHostEnvironment Env
@{ @{
var rtl = CultureHelper.IsRtl ? "rtl" : string.Empty; var rtl = CultureHelper.IsRtl ? "rtl" : string.Empty;
@ -17,6 +18,7 @@
<title>MyCompanyName.MyProjectName.Blazor.Server</title> <title>MyCompanyName.MyProjectName.Blazor.Server</title>
<base href="/" /> <base href="/" />
<AbpStyles BundleName="@LeptonXLiteThemeBundles.Styles.Global" />
<AbpStyles BundleName="@BlazorMudBlazorBasicThemeBundles.Styles.Global" WebAssemblyStyleFiles="GlobalStyles" /> <AbpStyles BundleName="@BlazorMudBlazorBasicThemeBundles.Styles.Global" WebAssemblyStyleFiles="GlobalStyles" />
<HeadOutlet @rendermode="InteractiveAuto" /> <HeadOutlet @rendermode="InteractiveAuto" />

77116
templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.WebApp/Logs/logs.txt
View File

File diff suppressed because it is too large
Write Preview
Loading…
Cancel
Save