Templating mit FLUID

Neben der klassischen Templating Methode mit Markern und TemplaVoila...

...gibt es jetzt auch das Templating mit FLUID.
Ich möchte hier ein kleines Beispiel anzeigen wie mit FLUID ein TYPO3 Template realisiert werden kann...

Templating mit FLUID - Der Code für das TS setup
lib.content_header = CONTENT
lib.content_header < styles.content.get
lib.content_header {
  table = tt_content
  select {
    where = colPos = 1
    orderBy = sorting
    languageField = sys_language_uid
  }
}

lib.content_mitte= CONTENT
lib.content_mitte< styles.content.get
lib.content_mitte{
  table = tt_content
  select {
    where = colPos = 0
    orderBy = sorting
    languageField = sys_language_uid
  }
}

lib.content_rechts = CONTENT
lib.content_rechts < styles.content.get
lib.content_rechts {
  table = tt_content
  select {
    where = colPos = 2
    orderBy = sorting
    languageField = sys_language_uid
  }
}

lib.content_links = CONTENT
lib.content_links < styles.content.get
lib.content_links {
  table = tt_content
  select {
    where = colPos = 3
    orderBy = sorting
    languageField = sys_language_uid
  }
}

page = PAGE
page {
# CSS Dateien einbinden
    includeCSS.file1 = fileadmin/default/css/main_css.css
    includeCSS.file2 = fileadmin/default/css/rte.css
    includeCSS.file3 = fileadmin/default/css/kalender.css
        
# TS Dateien einbinden
    includeJS.file1 = fileadmin/default/javascript/

# Fluid template einbinden
    10 = FLUIDTEMPLATE
    10 {
        file = fileadmin/default/templates/main_template.html
      
        partialRootPath = fileadmin/templates/Partials/
        layoutRootPath = fileadmin/templates/Layouts/
      
        variables {
            pageTitle = TEXT
            pageTitle.data = page:title
            topNavi < lib.topNavi    
            mainNavi < lib.mainNavi
            content_header < lib.content_header          
            content < lib.content_mitte
            content_rechts < lib.content_rechts   
            content_links < lib.content_links
            subNavi < lib.subNavi
        }
    }
}
und hier noch das HTML Template
<div id="nav_staff">
  <f:format.html parseFuncTSPath="">
      {topNavi}
  </f:format.html>     
</div>
    
<div id="header_img">
  <f:format.html parseFuncTSPath="lib.parseFunc">
      {content_header}
  </f:format.html>
</div>
    
<div id="navigation">
  <f:format.html parseFuncTSPath="">
      {mainNavi}
  </f:format.html>
</div>
    
<div id="body">
    <div id="nav_sub">
       <div id="banner_link">
         <f:format.html parseFuncTSPath="lib.parseFunc">{content_links}</f:format.html>
       </div>
       <f:format.html parseFuncTSPath="">
         {subNavi}
       </f:format.html>       
       <div id="buffer"></div>
</div>

<div id="content">
        <f:format.raw>{content}</f:format.raw>
</div>

<div id="banner">
         <f:format.html parseFuncTSPath="lib.parseFunc">{content_rechts}</f:format.html>
 </div>
  
War das Ihnen eine Hilfe? ein "LIKE" wäre ein tolles "Dankeschön"