Bootstrap 4 ve MVC 5 ile Sonsuz Seviyeli Menü Oluşturma

Günümüzde bile hala en temel web sayfası ihtiyaçlarımızdan birisi sonsuz seviyeli menü’ler. Yazılım geliştirme yapan, hangi seviye de olursa olsun sürekli önümüze gelen bu konu için bende basitçe bir çözüm üretme ve ihtiyacı olanların faydalanmasını istedim.

Hızlıca internet’ten bulduğum bir HTML ve CSS uygulanmış Bootstrap 4 sonsuz seviyeli menü örneğini aldım ve hızlıca bir sayfaya yerleştirerek arkasına Entity Framework Code First ile bir Categories(kategoriler) tablosunda verileri tutacak şekilde kodlama yaptım. Sizler kendi tablo yapınıza uyarlayabilirsiniz. Tabii ki her zaman ki gibi Fake Data yazmayı unutmadım. Proje örneğini GitHub adresimde bulabilirsiniz.

Reklamlar

MVC Projenizde EF Code First ile Çoklu Veri Tabanı Kullanımı

Entity Framework Code First kullanarak geliştirdiğiniz bir MVC projenizde kullanılacak veri tabanı (database) ‘nın kullanıcı tarafından seçilmesi gerekiyorsa..

• Giriş yapan her kullanıcının önce veri tabanını seçmesi, sonra yönlendirilerek işlem yapması sağlanabilir.
• Hatta dilerseniz programın herhangi bir anında veri tabanı değişimi yapması sağlanabilir.
• Giriş yaparken veri tabanı seçmeyerek varsayılan bir veritabanı ile de çalışması sağlanabilir.

Öncelikle şunu belirtmek istiyorum ki, kullanılacak veri tabanlarının hepsinin yapısını aynı olması gerekmektedir. Çünkü veri tabanı sayısı birden fazla ama geliştirdiğimiz EF Code First class’larımız tek olacaktır. Hepsine uygun olarak çalışmalıdır. Eğer benim veri tabanlarımın yapıları farklı diyorsanız, zaten o zaman her veritabanı yapısı için gerekli model class’larınızı ve Context ‘inizi oluşturmalısınız. Kullanacağınız veri tabanına uygun context’den instance oluşturukup kullanılmalıdır.

Veri tabanlarınızın aynı olduğunu varsayarak konuya uygun örnek kodları aşağıda bulabilirsiniz.

Öncelikle iki adet veri tabanını SQL de oluşturuyorum. İkisi de aynı yapıda fakat içindeki veriler göreceğiniz üzere farklıdır.

Visual Studio Code ile Kendi Lite Sunucumuzu Oluşturalım (lite-server ile)

Bu video da Visual Studio Code ile kendi lite web sunucumuzu oluşturuyoruz. NPM modüllerinden lite-server kullanarak kolayca web sunucu ayağa kaldırarak web sayfalarınızı oluşturabilir ya da çalışmalarınızı yapabilirsiniz. Client-side kütüphaneleri kullanabilir ve front-end geliştirici olabilirsiniz. Ayrıca sunduğu browser sync ve benzeri özelliklerinde hoşunuza oldukça gideceğini düşünüyorum.

Visual Studio Code ile JSON Sunucusu Oluşturma (JSON Server ile)

Bu video da visual studio code ile json verilerimiz üzerinde GET, POST, PUT, DELETE ve benzeri işlemler yapmamızı sağlayan bir json veri sunucu uygulaması oluşturacağız.

NPM kullanarak Json Server isimli modül’den faydalanacağız ve hiç kod yazmadan hızlı bir şekilde yapıyı ayağa kaldıracağız.

Web sitesi tasarlarken ya da web uygulaması geliştirirken, Client-Side (Front-End) çalışmalarınız da ya da örnek bir API projesi ihtiyacınızı karşılayabilecek bir uygulama oluşturacağız. Böylece hızlı bir şekilde odaklanmanız gereken uygulamaya odaklanabilir ve veri kaynağı sorununu hızlıca çözebilirsiniz.

Ayrıca Json verileriniz üzerinde değişiklik yapabilmenizi de sağlayan json-server modülü ile CRUD operasyonlarını gerçekleştirebilirsiniz. Hatta bir web sitesi içinde bu sunucuyu kullanabilir ve uygulamalar geliştirebilirsiniz.

MS SQL ‘de Veritabanı için Diyagram Oluşturamama Sorunu

MS SQL kullanarak veritabanımız ile çalışırken sıklıkla diyagram’larla sorunsuz bir şekilde çalışabiliyoruz. Diyagram oluşturma esnasında alabileceğiniz diyagram oluşturamama sorunu söz konusu olabilir ki, aslında bunun sebeplerinden biri diyagramlar ile çalışmak için db_owner olarak ilgili veritabanına bağlantı kurduğunuz kullanıcının tanımlanmış olması gerekliliğidir.

Eğer bu sorun ile karşılatıysanız, aşağıdaki adımları takip ederek gerekli tanımı yapabilir ve diyagram oluşturabilir ve diyagram ile çalışabilirsiniz. (Devamını okuyun)

Visual Studio’da GitHub Push Credential Problemi

Visual Studio üzerinden GitHub projeleriniz ile çalışırken push esnasında eğer kullanıcı adı ve şifresi için prompt ekranını açamama sebebi ile hata alıyorsanız(output window da benzer şekilde bir hata mesajı ile belirtilir). Bunun sebebi gerekli Credentials ayarlarının windows tarafından tutulmamış olmasıdır.

Aslında bu durumda Visual Studio üzerinde GitHub erişimi esnasında, size bir login ekranı ile GitHub kullanıcı adı ve şifreniz istenerek windows credentials ayarlarına gerekli kaydetme işlemi yapılarak işleminizi devam ettirir. Fakat “Visual Studio” güncellemesi veya “GitHub For Visual Studio Extension“(genişletmesi) güncel değil ise bu sorun oluşturabiliyor.

Visual Studio Community Lisans Meselesi

Visual Studio Community versiyonu kullanıyorsanız ve günlerden bir gün ya da ilk çalıştırdığınız da “License Required” şeklinde, aşağıdaki mesaj veren bir ekran ile karşılaşırsanız yapmanız gerekenler şu şekildedir.

Sign in düğmesine basarak sahip olduğunuz bir microsoft e-posta adresi ile giriş yapmanız gerekmektedir. Eğer bir e-posta adresiniz yoksa buradan hesap oluşturabilirsiniz.