mucahiddanis / abp.aspnetcore.mvc.ui.theme.adminlte

ABP framework AdminLTE Theme

Abp.AspNetCore.Mvc.UI.Theme.AdminLTE

ABP framework AdminLTE Theme

ABP framework ile geliştirilen AspNet MVC / Razor projeleri için AdminLTE temasıdır.

Öncelikle ABP CLI aracını aşağıdaki komutu kullanarak kuralım.

dotnet tool install -g Volo.Abp.Cli

Zaten yüklüyse aşağıdaki komutla güncelleyebilirsiniz:

dotnet tool update -g Volo.Abp.Cli

Temayı uygulamak için örnek yeni bir proje oluşturalım:

abp new AbpThemeAdminLte

Proje ana dizininde Tema projesi için theme isminde klasör oluşturalım ve komut satırında theme dizinine gidelim:

mkdir theme
cd theme

ABP için AdminLTE tema modülü projesini git üzerinden alalım:

git clone https://github.com/mucahiddanis/Abp.AspNetCore.Mvc.UI.Theme.AdminLTE.git

Proje ana dizinine dönelim:

cd ..
cd ..

sln dosyasına AdminLTE tema projesini ekleyelim:

dotnet sln add theme/Abp.AspNetCore.Mvc.UI.Theme.AdminLTE/Abp.AspNetCore.Mvc.UI.Theme.AdminLTE.csproj

AbpThemeAdminLte.Web projemize AdminLTE tema projesini referans edelim:

<ProjectReference Include="..\..\theme\Abp.AspNetCore.Mvc.UI.Theme.AdminLTE\Abp.AspNetCore.Mvc.UI.Theme.AdminLTE.csproj" />

AbpThemeAdminLte.Web.AbpThemeAdminLteWebModule.cs web modülünde temamızı konfigüre edelim:

[DependsOn(
        typeof(AbpThemeAdminLteHttpApiModule),
        typeof(AbpThemeAdminLteApplicationModule),
        typeof(AbpThemeAdminLteEntityFrameworkCoreDbMigrationsModule),
        typeof(AbpAutofacModule),
        typeof(AbpIdentityWebModule),
        typeof(AbpAccountWebIdentityServerModule),
        typeof(AbpAspNetCoreMvcUiBasicThemeModule),
        typeof(AbpAspNetCoreAuthenticationJwtBearerModule),
        typeof(AbpTenantManagementWebModule),
        typeof(AbpAspNetCoreSerilogModule)
        )]
    public class AbpThemeAdminLteWebModule : AbpModule

typeof(AbpAspNetCoreMvcUiBasicThemeModule),

Yukarıdaki kodun altına aşağıdaki kodu ekleyelim:

typeof(AbpAspNetCoreMvcUiAdminLTEThemeModule),

modülün çözümlenmesi için using ekleyelim:

using Abp.AspNetCore.Mvc.UI.Theme.AdminLTE;

DependsOn listesi son olarak şöyle olmalı:

[DependsOn(
        typeof(AbpThemeAdminLteHttpApiModule),
        typeof(AbpThemeAdminLteApplicationModule),
        typeof(AbpThemeAdminLteEntityFrameworkCoreDbMigrationsModule),
        typeof(AbpAutofacModule),
        typeof(AbpIdentityWebModule),
        typeof(AbpAccountWebIdentityServerModule),
        typeof(AbpAspNetCoreMvcUiBasicThemeModule),
        typeof(AbpAspNetCoreMvcUiAdminLTEThemeModule),
        typeof(AbpAspNetCoreAuthenticationJwtBearerModule),
        typeof(AbpTenantManagementWebModule),
        typeof(AbpAspNetCoreSerilogModule)
        )]
    public class AbpThemeAdminLteWebModule : AbpModule

AdminLTE temasının css, js, image gibi kaynak dosyaları için VirtualFileSystem ayarını yapalım. Bunun için AbpThemeAdminLte.Web.AbpThemeAdminLteWebModule.cs dosyasında ConfigureVirtualFileSystem methoduna ekleme yapalım:

private void ConfigureVirtualFileSystem(IWebHostEnvironment hostingEnvironment)
        {
            if (hostingEnvironment.IsDevelopment())
            {
                Configure<AbpVirtualFileSystemOptions>(options =>
                {
                    options.FileSets.ReplaceEmbeddedByPhysical<AbpThemeAdminLteDomainSharedModule>(Path.Combine(hostingEnvironment.ContentRootPath, $"..{Path.DirectorySeparatorChar}AbpThemeAdminLte.Domain.Shared"));
                    options.FileSets.ReplaceEmbeddedByPhysical<AbpThemeAdminLteDomainModule>(Path.Combine(hostingEnvironment.ContentRootPath, $"..{Path.DirectorySeparatorChar}AbpThemeAdminLte.Domain"));
                    options.FileSets.ReplaceEmbeddedByPhysical<AbpThemeAdminLteApplicationContractsModule>(Path.Combine(hostingEnvironment.ContentRootPath, $"..{Path.DirectorySeparatorChar}AbpThemeAdminLte.Application.Contracts"));
                    options.FileSets.ReplaceEmbeddedByPhysical<AbpThemeAdminLteApplicationModule>(Path.Combine(hostingEnvironment.ContentRootPath, $"..{Path.DirectorySeparatorChar}AbpThemeAdminLte.Application"));
                    options.FileSets.ReplaceEmbeddedByPhysical<AbpThemeAdminLteWebModule>(hostingEnvironment.ContentRootPath);

                    // AdminLTE teması
                    options.FileSets.ReplaceEmbeddedByPhysical<AbpThemeAdminLteApplicationModule>(Path.Combine(hostingEnvironment.ContentRootPath, $"..{Path.DirectorySeparatorChar}..{Path.DirectorySeparatorChar}Abp.AspNetCore.Mvc.UI.Theme.AdminLTE"));
                });
            }
        }

Projeyi Build edelim.

AbpThemeAdminLte.DbMigrator projesini çalıştıralım. AbpThemeAdminLte.Web Projesini çalıştıralım.

Versiyon Güncelleme

Aktif versiyon

ABP v4.3.3

Abp.AspNetCore.Mvc.UI.Theme.AdminLTE.csproj tema proje dosyasında ABP paketlerinin versiyonlarını güncellemeniz yeterli.

abp.aspnetcore.mvc.ui.theme.adminlte's Issues

Box component problem

Many thanks for your effort. Box component is not shown as original adminlte box. Is there any workaround?

Javascript bundling location

Hi,
I've added javascript file for users index page with below codes and put js file into "theme\Abp.AspNetCore.Mvc.UI.Theme.AdminLTE\Pages\Identity\Users" folder. Abp cannot find js file in this location when loading index page of users. Because abp searches bundled file in orginal project folder. If I put js file in "src\Portal.Web\Pages\Identity\Users" folder it loads js file successfully.

What did I wrong?
Or is this normal behaviour of abp?

Configure(options =>
{
options.ScriptBundles
.Configure(
typeof(Volo.Abp.Identity.Web.Pages.Identity.Users.IndexModel).FullName,
bundleConfig =>
{
bundleConfig.AddFiles("/Pages/Identity/Users/createmodal.js");
});
});

There was a problem switching to production

1. Switch to the production environment
   
   2.Run
   
   3.Press F12 in the Google browser to enter the debugging interface
   
   4.Click on any of the menus
   
   5.Report an error
   

Because pageUrl is null,Could you please help me to see what error is causing this?

How to get it work with ABP Tiered application

Hi, Thanks for your great work. It works OK by following the guide. But with no luck if I try to integrate into an ABP tiered application, could you tell me how to fix it?

have a bug ?

In 'Personal info' page ,I clicked the submit button and reported an error！

Manage.cshtml
@foreach (var group in Model.ProfileManagementPageCreationContext.Groups)

Model.ProfileManagementPageCreationContext is null .

Hope to check and look forward to reply ， thanks！！