Express3-Handlebars Helpers Kullanımı

kenzai

Özel Üye
22 Ara 2010
8,561
31
Trondheim
Gün geçmiyor ki nodejs e başladığım şu günlerde yeni bir sorunla karşılaşmiyim gün geçmiyor ki bu sorunuda çözmiyim.Kısaca karşılaştığım sorundan ve çözümünden bahsedeceğim.


Karşılaştığım sorun:

Bir array içerisinde bulunan nesneleri handlebars kullanarak yazdırırken 2.nesnemde bir if deyimi ile kontrol sağlamam gerekiyordu.Handlebars each ile dizinin tüm elemanlarını yazdırırken if deyiminde eşitlik kontrolü yapmam gerekiyordu.Nasılmı işte böyle:


Kod:
 // 
languages:[
{
name:'Python',
skill:['Django','Flask'],
 experience:2.50,
},
{
name:'Nodejs',
skill:['Express','Socket.io'],
experience:3,
},
{
name:'PHP',
skill:['Laravel','Yii'],
experience:3,
}] 
//


Yukarıdaki languages dizisini aslında bu bir objenin içerisinde fakat ben sadece gerekli kısımları aldım.Şimdi bunu aşağıdaki handlebars dosyasında eacch’e soktuğumuz zaman hepsini yazacak.fakat benim istediğim name değeri PHP olan nesneyi handlebarsa gömerken farklı gömsün.Sebebi PHP nin sitesinin uzantısı .net ile bitiyor nodejs ve python org ile bitiyor.İşte bu sebebten bir if içerisinde eşitlik kontrolü yapamam gerekiyordu.

Kod:
//
<div class="languageStyle" >
{{#each partials.experience.languages }}

<div class="deneme">
{{#isEqual name 'PHP'}}

<a href="https://secure.{{name}}.net"><h4>{{name}}</h4></a>
<p>{{skill}} - {{experience}}</p>

{else}}

<a href="https://www.{{name}}.org"><h4>{{name}}</h4></a>
<p>{{skill}} - {{experience}}</p>

{{/isEqual}}
</div>

{{/each}}

</div>
//


Yukarıdaki koda dikkat ettiğseniz if yerine isEqual adında bir durum ile karşılaştırma yapmışım.Normalde handlebarsta if deyiminde karşılaştırma yapamazsınız.registerHelper nesnesini kullanmanız gerekir.Peki express-handlebars3’te helpers’ı nasıl kullanacağım diye sorarsanız işte böyle sizin ana dosyanız index.js olabilir yada server.js artık ne ad vermişseniz bende app.js)

Kod:
[/COLOR][/FONT][CENTER][FONT=Verdana][COLOR=Red] //[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] var express=require("express");[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] var app=express();[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] //Bizi ilgilendiren kısım burası isEqual olarak condition tanımladığım yer.[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] var handlebars=require('express3-handlebars').create([/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] {[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] defaultLayout:'main',[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] helpers:{[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] isEqual:function(a,b,options) {[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] if (a===b){ [/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] return options.fn(this); }[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] else{[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] return options.inverse(this);}[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] }[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] }[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] }[/COLOR][/FONT]
[FONT=Verdana][COLOR=Red] );[/COLOR][/FONT]
[/CENTER]
[FONT=Verdana][COLOR=Red] 
var fortune=require("./lib/fortune.js");
//
Selametle..
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.