Ana Sayfa Blog Sayfa 2

Asp.net MVC Layout Kullanımı

0
Asp.net MVC Layout Kullanımı (Örnekle Asp.net MVC Layout Kullanımı)
Asp.net MVC Layout Kullanımı (Örnekle Asp.net MVC Layout Kullanımı)

Bu makalemizin konusu Asp.net MVC Layout kullanımı. Örnek proje üzerinden asp.net mvc layout nedir nasıl kullanılır konusunu anlatacağız. Layout kavramı asp.net mvc de arayüzü yönetmemizi kolaylaştıran bir özelliktir. Asp.net WebForms’ daki MasterPage sayfasının MVC’ deki karşılığı Layout sayfalarıdır.

Layout sayfalar, web uygulamamızdaki sayfaların iskeleti gibidir. Tüm sayfalarımızda yer alacak olan örneğin üst menü gibi, site logosu gibi kısımların (sürekli tekrar eden) tek bir yerden ve çok daha kolay yönetilmesini sağlar.

Asp.net MVC layout sayfaları, genelde HEAD tagları arasına yada sayfanın en altına yerleştirdiğimiz JS ve CSS dosyalarımızı da barındırır. Bu sayede web uygulamamızın kullandığı kaynaklarını yönetmek de oldukça basitleşmiş olur.

Örnek Asp.net MVC Layout Kullanımı

Mümkün olan en basit haliyle asp.net mvc layout kavramı nedir, ne işe yarar sorularını cevapladığımıza göre artık örnek uygulamamıza geçebiliriz.

İlk iş olarak Visual Studio’ da yeni bir Asp.net MVC uygulaması oluşturuyoruz. Web sitemize uygulayacağımız tasarıma ait CSS, JS ve görsel dosyaları eklemek için ana dizinde Content isminde bir klasör oluşturalım. Bu klasör içine kullanacağımız kaynakların hepsini kopyalayıp yapıştıralım. Dosyaları proje içeriğinde görebilmek için yapıştırma işlemini Solution Explorer penceresi üzerinden yapabilirsiniz.

Bu haliyle oluşturduğumuz uygulamanın içerisinde Controllers ve Views klasörleri boş olacaktır. Varsayılan ayarlar ile hızlıca örneğimizi geliştirmek için HOME adında bir MVC 5 Controller oluşturalım.

Oluşturduğumuz HomeController.cs dosyası içindeki Index metodunun üzerinde sağ tıklayıp Add View seçeneği ile Index sayfamıza ait View dosyasını ekleyelim. Bu işlemi yaparken Use _Layout seçeneğini seçip layout yapısını kullanacağımızı belirtmeyi unutmayalım.

Projemize temel olarak çalışabilecek bir HOME controller ve INDEX view sayfası eklemiş olduk. Bu aşamada VIEWS klasörünün içerisinde _ViewStart.cshtml dosyası ve SHARED klasörü içerisinde _Layout.cshtml dosyaları eklenmiş olmalı. Eğer yoksa _ViewStart.cshtml dosyasının içeriği aşağıdaki gibi olacak şekilde kendiniz oluşturabilirsiniz.

Artık orjinal tasarımımızın index.html dosyasını açıp içeriğini _Layout.cshtml dosyamıza uygulamaya başlayabiliriz. Unutmayalım, sitemizin tüm sayfalarında yer alacak kısımları layout içerisine ekleyeceğiz. Bu kısmı indirdiğiniz proje dosyasında işaretledim, karışıklık olursa index.html dosyasından kontrol edebilirsiniz.

Asp.net MVC Layout Kullanımı Örneği
Asp.net MVC Layout Kullanımı Örneği

Yukarıdaki görselde orjinal tasarımımızı görebilirsiniz. Mor renk ile işaretlenmiş alanlar _Layout.cshtml sayfasına, sarı bölgeyi içerik (değişecek) kısımı olarak Index.cshtml sayfasına yerleştireceğiz.

@RenderBody() Yerleşimi

Asp.net MVC layout sayfamızda değişken olacak, yani diğer sayfalardan gelecek olan içeriği sayfaya yerleştirmek için @RenderBody() kullanılır. Aşağıda ana hatlarıyla bir layout sayfasının içeriğini görebilirsiniz. Tam halini ekte paylaştığımız proje içerisinde görebilirsiniz.

Ana hatlarıyla bir Index sayfasını da aşağıda bulabilirsiniz. Görüldüğü gibi temel olarak eklenmesi gereken herhangi bir C# yada Asp.net kodlamasına gerek bile yok.

Asp.net MVC layout kullanımı kısaca bu şekilde. Konuyu daha iyi kavrayabilmeniz için hazırladığımız örnek proje ve dosyaları indirmek için buraya tıklayabilirsiniz. Layout kullanımı hakkında sormak istediklerinizi yada karşılaştığınız sorunları aşağıdaki yorumlar bölümünden iletebilirsiniz.

Asp.net MVC Area Kullanımı

4

Bu makalemizde Asp.net MVC area nedir, nerelerde kullanılır, mvc’ de area kullanımı hangi durumlarda gereklidir gibi soruları cevaplandıracağız.

Area İngilizce’ de alan, bölge anlamına gelir. Genel olarak MVC projelerimizde oluşturmak istediğimiz özel alanlar için area yapısı kullanılır. Örnek olarak MVC projesine admin paneli eklemek için area yapısı kullanılabilir. Ayrıca sitemize yada projemize sonradan ekleyeceğimiz özellikler içinde area yapısı kullanılabilir.

Asp.net MVC Area Nedir?

Asp.net MVC‘ de bilindiği üzere klasör yapısı sınırlayıcıdır. Model dosyaları için Models, Controller dosyaları için Controllers ve View dosyaları için Views klasörleri kullanılır. Bu yapı dışında projeye ihtiyaçlarımıza yönelik sayfalar eklemek mümkün değildir.

Asp.net Web Form uygulamasında proje dizini içerisinde yeni bir klasör oluşturup istediğimiz ismi verebilir ve klasör içerisindeki sayfalara web tarayıcıdan kolaca erişebilirdik. Bu yönüyle MVC uygulamaları web form uygulamalarında ayrılır.

Asp.net MVC’ de area yapısı bu eksikliği gidermek için kullanılır. Daha net bir örnekle açıklayacak olursak, geliştirdiğiniz web sitesinin içeriklerini yönetecek yönetici sayfalarını bir klasör altında toplamak gerekir ve bunun için area (admin paneli için URL: siteniz.com/admin) kullanmanız gerekir.

Asp.net MVC Area Özellikleri

Area, web projenizin içerisinde çalışan ve bağımsız özellikleri olabilecek bir yapıdadır. Projenin ana dizininde yer alan klasör yapısının benzeri oluşturacağınız her area içerisinde de olacaktır.

Örneğin Models, Controllers ve Views klasörleri eklediğiniz area içerisinde yer alacaktır. Ayrıca oluşturduğunuz her area içerisinde kendi web.config dosyası da yer alır. Buradaki web.config dosyası ile bu area için proje genelinden farklı ayarlar tanımlamak mümkündür.

Asp.net MVC Area Kullanımı

Asp.net MVC area kullanımı oldukça basittir. Solution Explorer‘ da proje isminin üzerinde sağ tıklayıp Add > Area… seçenekleri ile gelecek pencereden isim vererek yeni bir area oluşturmuş olursunuz.

Bundan sonra projenizin ana dizininde Areas isminde bir klasör yer alacaktır. Bu klasör içinde de isimlendirdiğiniz area yer alacak. Oluşturmuş olduğunuz area ve projenizin genel görünümü aşağıdaki görseldeki gibi olacaktır.

Asp.net MVC Area Kullanımı (Asp.net MVC Area Nedir ve Nasıl Kullanılır)
Asp.net MVC Area Kullanımı (Asp.net MVC Area Nedir ve Nasıl Kullanılır)

Görselde de görebileceğiniz adminAreaRegistiration.cs dosyası bu areanın tanım dosyasıdır. Dosyanın içeriğini açtığınızda aşağıdaki gibi bir kodlama görebilirsiniz. Buradan bu area’ nın route ayarlarını yapabilirsiniz.

Buradan sonra area içerisine bir controller ve buna bağlı bir index view sayfası ekleyerek tarayıcınızdan bu area ya sorunsuz erişebilirsiniz. Örneğin benim projemde localhost:55399/admin/home adresinde proje sorunsuz çalışıyor.

Asp.net MVC area kullanımı ve genel özellikleri hakkındaki paylaşacaklarımız bu kadar. Konu hakkındaki sorularınızı yada karşılaştığınız problemleri aşağıdaki yorumlar bölümünden iletebilirsiniz.

VueJS ve Asp.net MVC İlk Bakış

0
VueJS ve Asp.net MVC İlk Bakış
VueJS ve Asp.net MVC İlk Bakış

Bu makalede Javascript frameworklerinden Vue JS‘i kısaca tanıyıp, VueJS ve Asp.net MVC kullanarak örnek bir proje hazırlayacağız. Projeyi sayfanın altındaki linkten indirebilirsiniz.

Youtube’ da Fatih Acet’ in videoları sayesinde haberdar olduğum VueJS’ i yine aynı videolar sayesinde tanımaya başladım. Bu aşamada aklımdaki pek çok sorudan biri VueJS’ in Asp.net MVC ile nasıl çalışacağıydı. MVC’ de bizi zorlayan işleri Vuejs ile nasıl çözebiliriz sorusunun yanıtlarını henüz yeterince ilerleyemediğim (zaman darlığından) için veremeyeceğim. Ancak Asp.net MVC ile VueJS kullanımı için çok basit de olsa bir örnek paylaşmak istedim.

Kısaca VueJS

AngularJS’ e alternatif ve daha hafif (lightweight) bir framework olarak lanse ediliyor. Modüler bir yapısı var.

Yenilikçi bir component yapısı var. HTML, CSS ve Javascript kodlarınızı aynı dosya içinde (.vue uzantılı) yazmanıza olanak sağlıyor.

Çift yönlü veri bağlama (2 way data binding) mekanizmasına sahip. Bu özelliği ile MVC uygulamalarına MVVM yetenekleri kazandırabilir.

Örnek Proje

VueJS’ i kullanmaya başlamak için <head></head> tagları arasında VueJS’ i çağırmanız yeterli. VS ile yeni bir MVC projesi oluşturup Index.cshtml ile çalışmaya başlayabiliriz. Visual Studio kullanıcıları için server vb. gerekliliklerin kurulumu söz konusu olmadığı için bu kısmı hızlıca geçiyorum. Ancak Json işlemleri için Nuget paket yöneticisinden Newtonsoft.Json paketini kurmamız gerekiyor.

Projede var olan bir Controller içinde sayfada görünecek olan verileri oluşturup ActionResult ile View’ a göndermemiz gerekiyor. Burada dikkat etmemiz gereken bir konu var, View’ a göndereğimiz verinin tipi dizi (array) yada nesne (object) olmalıdır. Bunun için Models kalsörü içinde Ogrenci ve Model isminde iki sınıf (class) oluşturdum. Yeni bir List içerisine Ogrenci tipinde verilerle doldurup Json Serialize ederek Model sınıfı içindeki Ogrencilerimiz özelliğine aktarıp View’ a gönderiyoruz. (Tüm bunları yaparken defalarca ne gerek var bunlara dediğim oldu.)

Sınıflarımız şöyle;

HomeController içindeki Index Action’ ı şöyle;

Veriyi View’ a gönderdik, artık View içinde bu veriyi yakalayıp VueJS ile sayfaya yazabiliriz. Gönderdiğimiz veriyi Json.parse metodundan geçirerek window.veriler nesnesine aktarıyoruz ki Vue ile verilere erişebilelim.

Body etiketi içinde Vue’ nun etkin olacağı yerde bir HTML elemanına id ataması yapmamız gerekiyor. Bu Vue’ dan gönderdiğimiz verinin sayfanın neresinde görüneceğini belirtmemiz için gerekli.

Bu basit örneğimizin VueJS kodlarını yazabiliriz. Script tagları arasında Vue’ dan yeni bir örnek alıp, el:’#ilk’ tanımlamasıyla bu Vue kodlarının etkin olacağı elementi tanımlıyoruz. data: {veri: window.veriler} tanımlaması ile parse ettiğimiz veriyi Vue’ nun veri kaynağına taşıyoruz. Buraya kadar yazdığımız js kodlarımız aşağıdaki gibi olmalı.

Artık bir çok satır ve sütundan oluşan veriyi sayfada gösterebiliriz. Bunun için C# benzeri bir foreach yapısını yani “v-for” kullanıyoruz. Bunun gösterimi için basitçe bir <ul><li> yapısıda kullanılabilir, daha düzenli olması adına tablo yapısıda kullanılabilir. Örneğini aşağıda göreceğiniz v-for’ un tablo içerisindeki kullanımı örnek proje içerisinde bulabilirsiniz. Bu işleri <div id="ilk"></div> etiketleri arasında yapmamız gerektiğini unutmayalım.

Index.cshtml dosyasının tam hali söyle olmalı;

Bu haliyle çok basit bir örneği tamamlamış olduk. Örnek projeyi indirmek için buraya tıklayabilirsiniz. VueJS ile ilgili daha fazla bilgi almak ve öğrenmek için Fatih Acet’ in VueJS eğitim videolarını ve VueJS resmi sitesini kullanabilirsiniz.

Asp.net Repeater Kullanımı

0
Asp.net Repeater Kullanımı (Örnek Detaylı Kullanım ile Asp.net Repeater)
Asp.net Repeater Kullanımı (Örnek Detaylı Kullanım ile Asp.net Repeater)

Makalemizin konusu asp.net repeater kullanımı. Asp.net veri gösterim araçlarından olan repeater kontrolünün kullanımı oldukça yaygındır. Esnek yapısı, ihtiyaca göre geliştirilebilen görünümü ile veri gösterim ihtiyacını karşılayan bir kontroldür.

Konumuzun devamında asp.net repeater kontrolünün şablon (template) yapısı, olayları (events) ve detaylı bir kullanım örneğine yer vereceğiz. Öncelikle repeater kontrolünü tanıyalım.

Asp.net Repeater Şablonları (Template)

Repeater kontrolünün verileri organize ve anlamlı bir şekilde göstermek üzere tasarlanmış 5 adet şablonu mevcuttur. Şablon isimlerine ve açıklamalarına aşağıdan ulaşabilirsiniz.

ItemTemplate: Repeater için olmazsa olmaz şablondur. Gösterilecek veriler bu şablon içerisine yerleştirilir. Diğer şablonların kullanımı zorunlu değilken ItemTemplate tek zorunlu şablondur.

AlternatingItemTemplate: Verilerin gösterimi sırasında alternatif vurgulama özellikleri kullanılacağı durumda bu şablon kullanılır. Kullanımı ItemTemplate ile aynıdır, genelde CSS sınıfı ile görünüm zenginliği kazandırılır.

HeaderTemplate: Verilerin başlığının yer aldığı ve 1 kez gösterilen kısımdır. Örneğin verileriniz tablo biçiminde gösterilecekse HeaderTemplate içerisinde başlıklar yer alabilir.

FooterTemplate: Repeater’ ın en altında veri listeleme işlemi tamamlandıktan sonra yer alacak öğeler için kullanılır.

SeparatorTemplate : Gösterilen verilerin birbirinden ayrılması ve okunaklı bir şekilde gösterimi için kullanılır. CSS özellikleri yaygın olarak kullanıldığı için bu şablonu kullanmaya gerek kalmıyor.

Asp.net Repeater Kontrolünün Olayları (Events)

Repeater kontrolünün pek çok olayı (events) vardır ancak en çok ihtiyaç duyulan ve kullanılan 2 olay aşağıdaki gibidir.

OnItemCommand: Repeater içinde yer alan bir butona tıklanması gibi olayları karşılar. Bu sayede repeater ile gösterdiğimiz bir bilgiyi düzenleme yada silme butonuna tıkladığımızda sadece o veri üzerinde işlemler yapmamıza olanak sağlar.

OnItemDataBound: Repeater kontrolüne veri kaynağının bağlanması olayını karşılar. Bu aşamada gösterilecek veri içeriğini değiştirme, verileri farklı kontroller ile gösterme gibi senaryolarda kullanılır.

Asp.net Repeater Kullanımı

Aşağıda asp.net repeater kullanımını bir tablo biçimi ile örneklendirdik. HeaderTemplate içinde HTML biçiminde tablo ve başlıkları yazdık. ItemTemplate ve AlternatingItemTemplate içinde verilerin göstermini CSS ile biçim farklılığı oluşturacak şekilde gösterdik. FooterTemplate içerisinde de HTML tablo etiketini kapattık.

Aşağıda c# tarafında veriyi çektiğimiz ve repeater a bağladığımız kodlar mevcut. Burada ayrıca repeater içerisine yerleştirdiğimiz “sil” butonunu çalıştıracak olan OnItemCommand olayının kullanımını da görebilirsiniz.

Repeater içerisine koyduğumuz butona CommandArgument özelliği ile bu butonun hangi satırda işlem yaptığı verisini, CommandName özelliği ile de bu butonun yapacağı işlem türünü belirttik. CS dosyasında da CommandName özelliğine göre bu işlemleri gerçekleştirdik. Böylece repeater içerisinde buton kullanımına da yer vermiş olduk.

Basit bir anlatımla repeater kullanımı bu şekilde. Konu ile ilgili soru veya sorunlarınızı aşağıdaki yorumlar bölümünden iletebilirsiniz.

Asp.net ile RSS Oluşturma

0
Asp.net ile RSS Oluşturma (XmlTextWriter ile Dinamik RSS Oluşturma)
Asp.net ile RSS Oluşturma (XmlTextWriter ile Dinamik RSS Oluşturma)

Bu makalemizde Asp.net ile RSS oluşturma konusuna değineceğiz. RSS oluşturma işlemi için herhangi bir hazır araç kullanmadan XmlTextWriter kütüphanesi ile oluşturcağız. Kısaca RSS hakkında bilgi verdikten sonra asp.net projemizin kodlarını paylaşacağız.

RSS, blog ve internet sitelerinin güncel içeriklerini kullanıcıların takip etmesi için geliştirilmiş bir XML temelli bir standarttır. RSS yayınları, RSS okuyucu diye adlandırılan programlar tarafından okunur ve kullanıcıya daha okunaklı bir arayüz ile istedikleri anda bu içeriği görüntüleme imkanı verir. Bir çok sürümü olmasına karşın en yaygın kullanılan sürümü 1.0 sürümüdür. Ancak biz son sürümü olan 2.0 sürümünü baz alarak RSS oluşturacağız.

RSS, XML tabanlıdır ve çeşitli etiketlere sahiptir. Şu linkte yer alan 2.0 sürümü standartlarındaki temel etiketleri kullanacağız. Daha önce paylaştığımız asp.net sitemap oluşturma başlıklı makalemizde paylaştığımız ve açıklamasını yaptığımız kodlarımızda bir kaç değişiklik ile RSS oluşturacağız.

Asp.net RSS Oluşturma

Web projemizin içerisine yeni bir web form ekleyerek .aspx uzantılı sayfayı geldiği gibi boş bırakın. Ayrıca projenizde MasterPage yapısı kullanıyorsanız RSS için açtığını formun Master sayfasından bağımsız olmasına dikkat edin.

Sayfamızın .aspx.cs uzantılı (code behind) dosyasını açarak aşağıdaki rss oluşturma kodlarını Page_Load metodu içerisine yerleştirin.

Her RSS sayfası <rss>  etiketi ile başlar ve bu etiket için geçerli bir versiyon numarası belirtilmelidir. Bundan sonra <channel>  etiketi gelir. Bu etiket rss kaynağı olan sitemiz yada blogumuz hakkında başlık, açıklama ve adres gibi temel bilgileri barındırır.

Asp.net ile rss oluşturma makalemiz bu kadar. Konu ile ilgili soru veya sorunlarınız için aşağıdaki yorumlar bölümünü kullanabilirsiniz.

Asp.net ile Dinamik Sitemap Oluşturma

0
Asp.net ile Dinamik Sitemap Oluşturma (XmlTextWriter ve Veritabanından)
Asp.net ile Dinamik Sitemap Oluşturma (XmlTextWriter ve Veritabanından)

Merhaba bu makalemizde asp.net ile dinamik sitemap oluşturacağız. Sitemap oluşturma için herhangi bir hazır nesne kullanmadan standart asp.net ve C# kodlama ile XML çıktısı oluşturacağız.

Bildiğiniz gibi seo odaklı bir site için site haritaları olmazsa olmaz bir kriterdir. Arama motorlarının sitemizde yayınladığımız dinamik içerikleri dizinlerine eklemesi için oluşturulmuş XML tabanlı dosyalar sayesinde içeriğimizi Google ve Yandex gibi arama motorlarına doğrudan iletebiliyoruz.

Temel Sitemap Etiketleri

Sitemap oluştururken birtakım protokollere uygun etiketler (biçimler) kullanmamız gerekir. Bunun sebebi tüm sitelerin içeriklerinin tüm arama motorlarınca anlaşılabilir olmasını sağlamak için belirlenmiş kriterlerdir. Ayrıca içeriğin türüne göre (video, resim, makale) bu etiketler de çeşitlenmektedir. Konu ile ilgili daha fazla bilgi için sitemaps.org sayfasını ziyaret edebilirsiniz.

Biz örneğimizde standart bir makale içeriğine uygun olacak şekilde haritamızı hazırlayacağız. Bunun için <url>  düğümü içinde loc, lastmod, priority, changefreq etiketlerini kullanacağız.

Url etiketi site haritamızda yer alan her sayfamız için kapsayıcı elementtir ve içerisine yukarıda saydığımız etiketleri alacak şekilde yazılır. loc etiketi içeriğimizin tam adresini barındırır. lastmod içeriğimizin son güncellenme tarihi bilgisini tutar.

priority, gönderdiğimiz urller içerisinden bazılarına öncelik vermek istediğimizde kullandığımız etikettir. 0.0 ile 1.0 aralığında değer alır. Örneğin site haritasında ana sayfamızı 1, blog yazılarımızı 0.5 olarak önceliklendirebiliriz.

changefreq etiketi ise içeriğimizin taranma sıklığını belirtir. Yani içeriğimizin güncellenme durumunda yeniden taranması için bir süre belirtebiliyoruz.

Ayrıca site haritasının XML yapında bulunması gereken bazı temel etiketler de vardır ki bunlar site haritasının olmazsa olmazıdır. Arama motorları tarafından kabul edilen bir site haritası oluşturmak için aşağıdaki bildirimlerin bulunması zorunludur.

Asp.net ile Sitemap Oluşturma

Gelelim bu XML yapısını asp.net ile oluşturmaya. Asp.net C# ile XML oluşturma işlemleri için mevcut olan XmlTextWriter sınıfını kullanacağız. Bu sınıf içerisinde programatik olarak ihtiyaç duyacağımız tüm XML nesnelerini oluşturabileceğimiz bir yapı sunuyor.

Asp.net ile sitemap oluşturmak için projemize bir adet (aspx uzantılı) web form ekliyoruz. Formun görünüm tarafında yani aspx uzantılı dosyasında bir işlem yapmayacağız, burası olduğu gibi kalsın. İşlemlerimizi aspx.cs uzantılı dosyada C# kodları ile gerçekleştireceğiz.

Aşağıdaki kodlama ile xml site haritamızın oluşturmuş oluyoruz. Kodlama ile ilgili daha fazla bilgi için hemen her satırda yer alan açıklamaları okuyabilirsiniz.

Yukarıdaki kodları sitemap olarak kullanacağımız sayfanın Page_Load metodu içerisinde çağırdığınızda site haritanız oluşacaktır. Sonucu görmek için projenizi çalıştırıp deneyebilirsiniz.

Temel veritabanı işlemleri dışında sadece XmlTextWriter nesnesini kullanarak asp.net site haritası oluşturmuş olduk. Konu ile ilgili soru ve sorunlarınızı aşağıdaki yorumlar bölümünden iletebilirsiniz.

Asp.net Roxy Fileman Kurulumu

0
Asp.net Roxy Fileman Kurulumu (TinyMCE Entegrasyonu ile Birlikte)
Asp.net Roxy Fileman Kurulumu (TinyMCE Entegrasyonu ile Birlikte)

Bu makalemizde asp.net projemize dosya yönetim eklentisi Roxy Fileman kurulumu yapacağız. Ayrıca Roxy Fileman eklentisinin projemizdeki mevcut TinyMCE editörü ile bağlantısını yapacağız. Dosya yükleme eklentileri için kritik öneme sahip olan güvenlik ayarlarına da kısaca değineceğiz.

Dosya yükleme eklentilerini doğrudan web projelerinize fotoğraf, pdf vb. dosyalar yüklemek üzere de kullanabilirsiniz. Ancak biz metin editörü içerisinde fotoğraf yükleme özelliği için kullanacağız. Bir önceki makalede TinyMCE editörü kurulumunu anlatmıştık. Şimdi kaldığımız yerden devam ederek asp.net projemizde Roxy Fileman kurulumu ve ayarlarını yapacağız.

Roxy Fileman eklentisinin .net versiyonunu kendi sitesinden indirerek başlayalım. İndirdiğimiz zip uzantılı dosya içindeki fileman isimli klasörü tinymce/plugins  klasörü içerisine kopyalıyoruz. Buradan sonra bir takım ayarlamalar yapmamız gerekecek.

Roxy Fileman Kurulumu

Sayfamızdaki <head></head> tagları arasına aşağıdaki <script>  kodlarını ekliyoruz. Burada TinyMCE editörüne fileman eklentisini tanıtmış oluyoruz.

4. satırda TinyMCE editörünün kullanacağı eklentileri tanımlıyoruz. Bunların bir çoğu varsayılan eklentiler, ancak biz ekleme yapacağımız için tekrar belirtmemiz gerek. 6 ve 7. satırlarda da editörün araç çubuğunda görünecek özellikleri belirtiyoruz. Bunlar içinden image ve link isimli olanlar Roxy Fileman eklentisi için gerekli olanlar.

Asp.net Roxy Fileman Kurulumu ve TinyMCE Entegrasyonu
Asp.net Roxy Fileman Kurulumu ve TinyMCE Entegrasyonu

RoxyFileBrowser isimli fonksiyon ile de dosya yükleme eklentimizin özelliklerini belirtiyoruz. Buradaki roxyFileman isimli değişkenin tuttuğu index.html dosya adresinin projenizdeki konumunun doğru olduğuna emin olunuz.

Fileman Güvenlik Ayarları

Fileman eklentisine yetkisiz erişimlerin önüne geçmek için güvenlik ayarı yapmamız gerekli. fileman klasörü içinde web.config dosyasına authorization bildirimi ekleyerek sağlayabiliriz. Buradaki amaç sitemizin yönetim paneline erişirken sağladığımız doğrulama yöntemini fileman eklentisine de kazandırmak.

Yukarıdaki bildirim sizde hataya sebep olabilir, siz bunun için kendi kullandığınız bildirimi ekleyiniz. Roxy Fileman kurulumu ve TinyMCE entegrasyonunu yapmış olduk. Konu ile ilgili sormak istediklerinizi aşağıdaki yorumlar bölümünden iletebilirsiniz.

Asp.net TinyMCE Editör Kurulumu

2
Asp.net TinyMCE Editör Kurulumu
Asp.net TinyMCE Editör Kurulumu - Demo

Merhabalar, bu makalemizde asp.net projelerimize TinyMCE editörü kurulumu yapacağız. Kurulum için gerekli ayarları ve TinyMCE editör özelleştirmeleri ile Türkçe dil özelliği ekleyeceğiz.

Bilmeyenler için TinyMCE, görsel metin editörüdür. Web uygulamalarında yayınlanan içeriklerin eklenmesinde sağladığı görsel arayüz ile kolaylık sağlar. Ayrıca editör ekranındaki içeriğin görüntüsü kullanıcıların göreceğine oldukça yakın özelliklerdedir. TinyMCE editörü hakkında daha fazla bilgi almak için buraya tıklayabilirsiniz.

Nuget ile TinyMCE Kurulumu

TinyMCE editörünü asp.net projenize dahil etmek için Nuget paket yöneticisini kullanabilirsiniz. Nuget Solution’ da TinyMCE diye arama yaptığınızda karşınıza gelecektir. Nuget konsolda ise Install-Package TinyMCE  komutu ile kurulum yapabilirsiniz.

Projenize kendiniz dahil etmek isterseniz de resmi sitesinden indirdiğiniz tinymce isimli klasörü proje dizinine (veya istediğiniz bir alt klasöre) kopyalayabilirsiniz.

TinyMCE editörü kullanmak istediğiniz sayfanın <head></head>  kodları arasına tinymce.min.js dosyasını çağırın. Script tagları arasında editorun özellikleri yer alacak, şimdilik minimal özelliklerde. Projenizde Master Page yapısı kullanıyorsanız bu kodları Master‘ a değil içerik sayfanızın head content placeholder‘ ı içerisine ekleyin.

Şimdi tek yapmamız gereken sayfamıza editörun görüneceği yere bir adet TextBox eklemek.

TinyMCE Türkçe Dil Ayarları

Sayfamıza editörü ekledik ancak, gördüğümüz arayüz Türkçe değil. TinyMCE editörünü Türkçe yapmak için şuradaki dil sayfasından Türkçe dil paketini indirip, içindeki tr.js isimli dosyayı tinymce klasörü içindeki langs klasörüne kopyalıyoruz. Sonrada <script></script>  tagları arasındaki kısıma language: ‘tr’ özelliğini eklemeniz yeterli olacaktır.

TinyMCE Editör Tasarım Değiştirme

TinyMCE editörü tasarım değiştirmenize ve kendinize özgü bir tasarımla kullanmanıza da olanak veriyor. Skin denilen bu yapı ile metin editörünü istediğiniz gibi değiştirebiliyorsunuz. Bunun için bir skin oluşturma sayfası bile var. Bu sayfadan kendinize özgü bir görünüm oluşturup bunu projelerinizde kullanmak üzere indirebilirsiniz.

Skin özelliği bir klasör içerisindeki dosyalardan oluşur ve bunu tinymce klasörü içindeki skins klasörü içine kopyalamanız gerekir. Skin adını ayarlarımıza ekledikten sonraki head tagları içindeki kodlamamız aşağıdaki gibi olacak.

Asp.net TinyMCE kurulumu ve özelleştirmeleri anlatımımız bu kadar. Konu ile ilgili soru veya sorunlarınızı aşağıdaki yorumlar bölümünden iletebilirsiniz.

Dinamik Asp.net Meta tag Ekleme

2
Asp.net Meta tag Ekleme
Asp.net Meta tag Ekleme

Makalemizin konusu dinamik asp.net meta tag ekleme. Asp.net ile dinamik olarak oluşturduğumuz sayfalarda meta tag ekleme işlemlerini de otomatik olarak yapabilmekteyiz. Paylaşacağımız örnek c# kodları ile meta tag yönetimini sizde uygulayabileceksiniz.

Bilmeyenler için meta tag, sayfanız hakkında arama motorlarına ve arama sonuçlarında ziyaretçilere sayfalarınız hakkında bilgi sunan HTML etiketleridir. Bu etiketler sayesinde arama motorları sayfalarınızın içeriği hakkında doğrudan bilgi sahibi olurlar. Bu sebeple meta tag ekleme, asp.net seo uygulamaları için olmazsa olmazdır.

Asp.net Meta tag Ekleme

Sayfa başlığı, açıklaması, anahtar kelimeleri gibi çeşitli meta taglar mevcuttur. Buradan google’ ın anladığı meta tagları görebilir ve bunları statik asp.net sayfalarınızın “head” kısmına yerleştirerek kullanabilirsiniz.

Asıl konumuz olan asp.net meta tag eklemeye geri dönelim. Burada dinamik bir yapıdan söz ettiğimiz için sayfalarınızın bir veri kaynağından (veritabanından) çekildiğini varsayıyoruz. Ayrıca sayfalarınızı oluştururken başlık, içerik gibi alanların dışında özel olarak açıklama, anahtar kelime gibi alanları da her sayfanız için oluşturmanız seo açısından yararlı olacaktır.

Asp.net C# ile veritabanından çekilen bilgiler doğrultusunda sayfalarınızın dinamik meta tag yönetimini sağlayan kodlar aşağıdadır.

Bu kodları isterseniz bir metot haline getirip, isterseniz de sayfa içeriğini çektiğiniz sorguyla birlikte çalıştırabilirsiniz. Unutmayın, sayfa yüklenirken (Page_Load olayında) bu kodlarında çalışması gerek.

Bu işlemleri yaptığınızda tarayıcınızda sayfanızın kaynak kodunda yukarıdaki gibi meta tagların eklendiğini görebilirsiniz.

Hatırlatma: Meta tagların bir kısmı siteniz hakkında, bir kısmı tekil sayfalarınız hakkında bilgiler verir. Burada sadece sayfalarınızda yer alan ve her sayfada değişen (dinamik sayfalarınızdaki) meta etiketlerini örneklendirdik.

Borç Yapılandırma Başvurusu

0
Borç Yapılandırma Başvurusu Nasıl Yapılır?
Borç Yapılandırma Başvurusu Nasıl Yapılır?

Bu makalemizin konusu 6736 sayılı kanun kapsamına giren borçların borç yapılandırma başvurusu nasıl yapılır? İnternet üzerinden borç yapılandırma işlemleri nasıl yapılır ekran görüntüleri ile anlatmaya çalışacağız. Görselleri büyük boyutta görmek için üzerine tıklayabilirsiniz.

Borç yapılandırması işlemi Gelir İdaresi Başkanlığı’ nın resmi web sitesi üzerinden yapılır. Burada yer alan yapılandırma başvurusu linkine tıkladığınızda karşınıza internet vergi dairesi sayfası açılır.

Başvuru için Kullanıcı Kodu veya TC Kimlik No ile yöntemlerinden birini seçerek başvuru yapabilirsiniz. Hangisi ile yapıldığının başvuru için bir önemi yoktur. Biz örnek uygulamamızı TC Kimlik No ile gerçekleştireceğiz.

TC Kimlik No ile Borç Yapılandırma Başvurusu

TC Kimlik No ile borç yapılandırma başvurusu yapmak için buraya tıklayın. Karşınıza aşağıdaki görseldeki ekran gelecektir. Burada sizden istenen bilgileri eksiksiz doldurup en alttaki “Giriş” düğmesine tıklayın.

TC Kimlik No ile Borç Yapılandırma Başvurusu
TC Kimlik No ile Borç Yapılandırma Başvurusu

Giriş işleminiz başarılı olduğunda aşağıdaki gibi bir ekran karşınıza gelecektir. Burada yeşil çerçeve içerisine aldığımız “Tablo 1” kısmı vergi dairesinde mevcut olan borcunuzun yer aldığı alandır. Turuncu çerçeve içerisinde ki “Tablo 2” yukarıdakinden başka bir borcunuz varsa bunu bildirip borç yapılandırma talep edebileceğiniz isteğe bağlı alandır.

2016 Borc Yapılandirma Basvurusu
2016 Borc Yapılandirma Basvurusu

Bu ekranın alt kısmında ise borç yapılandırma seçenekleri listelenir. Burada sarı çerçeve içine aldığımız kısmı ödeme şeklidir. Peşin yada 6,12,18 ay taksitle ödeme şekli bu kısımdan seçilir. Kırmızı çerçeve içindeki alan ödeme şeklinizi yazıyla yazmanız gereken alandır. Bir üstte hangi ödeme şeklini seçtiyseniz bu kutuya bunu yazı ile (örneğin peşin altı oniki onsekiz den birini) yazmanız gerekli. Buradaki tek bir harf hatası bile başvuru göndermenize engel olacaktır.

Gib İnternet Vergi Dairesi
Gib İnternet Vergi Dairesi

Bilgilendirme şekli için size uygun olanı seçebilirsiniz. Biz E-posta ile olanı seçip devam ediyoruz. Telefon numaraları kısmına en az 1 adet telefon numarası giriniz. E-posta adresi kısmına kullandığınız bir e-posta adresini yazın. Yapılandırma başvurunuzun sonucu ile ilgili bilgilendirmeler bu e-posta adresinize yapılacaktır.

Adres bilgilerinizi de yazdıktan sonra alt kısımda yer alan mavi çerçeve içindeki seçeneklerden “Evet” olanları işaretleyin. Bu kısımda 6736 sayılı borç yapılandırma kanunu hükümlerini kabul ettiğinizi ve borç yapılandırma talep ettiğinizi bildirmiş oluyorsunuz.

En alt kısımda yer alan açıklamaları da dikkatle okumanızı tavsiye ederiz. Daha sonra turuncu çerçeve içerisindeki “Açıklamaları okudum, kabul ediyorum” seçeneğini işaretleyip “Tamam” düğmesine tıklayın. Bu ekranda bir hata oluşmazsa sistem sizi sonuç sayfasına yönlendirecektir.

gib.gov.tr borç yapılandırma
gib.gov.tr borç yapılandırma

Sonuç ekranı yukarıdaki gibidir. Burada “Başvurunuz alındı” ve “6736 Talebiniz / Talepleriniz alınmış ve kaydedilmiştir.” ibarelerini görüyorsanız 2016 yapılandırma başvurunuz tamamlanmıştır. Başvuru işlemleri ile ilgili karşılaştığınız sorunları aşağıdaki yorumlar bölümünden bize iletebilirsiniz.

İÇERİKLER