ארכיון יומי: 27 ינואר, 2010

Jaml – לכתוב HTML בג'אווה סקריפט

אם אתם עוסקים ב RIA בטח יוצא לכם לכתוב מידי פעם קוד דינאמי בJavascript שיוצר HTML.

על מנת להקל על המשימה ובנוסף לעזור ביצירת קוד DRY, הומצאה ספרייה שמאוד מושפעת מ HAML בשם JAML.

הספרייה מאפשרת לכתוב תבנית בג'אווה סקריפט שהתוצר שלה הוא HTML עם כמה שפחות השקעה בצד ה HTML או ה ג'אווה סקריט לנושא.

קוד של ג'אווה סקריפט כזה יקרה כך:

Jaml.register('simple', function() {
  div(
    h1("Some title"),
    p("Some exciting paragraph text"),
    br(),

    ul(
      li("First item"),
      li("Second item"),
      li("Third item")
    )
  );
});

Jaml.render('simple');

והמקביל שלו ב HTML יראה:

<div>
  <h1>Some title</h1>
  <p>Some exciting paragraph text</p>
  <br />
  <ul>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
  </ul>
</div>

אפשר לראות שכתיבת בלוק בודד בצורה מקוננת לפעמים קל ונוח יותר, אבל הדוגמא הזו עדיין לא מציגה את כל היכולות של Jaml.

אפשר לראות למשל שימוש בקוד חוזר לפי לוגיקה: להמשיך לקרוא