PlayFramework完整實作一個APP（五）

程序以及基本可用了，需要继续完善页面

 

1.创建页面模板

创建文件 app/views/tags/display.html 

*{ Display a post in one of these modes: 'full', 'home' or 'teaser' }*

   

       ${_post.title}
   

   

       by ${_post.author.fullname},
       ${_post.postedAt.format('dd MMM yy')}
       #{if _as != 'full'}
           
                |  ${_post.comments.size() ?: 'no'}
               comment${_post.comments.size().pluralize()}
               #{if _post.comments}
                   , latest by ${_post.comments[0].author}
               #{/if}
           
       #{/if}
   

   #{if _as != 'teaser'}
       

           

Detail:

           ${_post.content.nl2br()}
       

   #{/if}

#{if _as == 'full'}
   

       

           ${_post.comments.size() ?: 'no'}
           comment${_post.comments.size().pluralize()}
       

       
       #{list items:_post.comments, as:'comment'}
           

               

                   by ${comment.author},
                   
                       ${comment.postedAt.format('dd MMM yy')}
                   
               

               

                   

Detail:

                   ${comment.content.escape().nl2br()}
               

           

       #{/list}
       
   

#{/if}

　　

　　

修改index.html

#{extends 'main.html' /}
#{set title:'Home' /}

#{if frontPost}
   
   #{display post:frontPost, as:'home' /}
   
   #{if olderPosts.size()}
   
       

           

Older posts from this blog

       
           #{list items:olderPosts, as:'oldPost'}
               #{display post:oldPost, as:'teaser' /}
           #{/list}
       

       
   #{/if}
   
#{/if}

#{else}
   

       There is currently nothing to read here.
   

#{/else}

　　

　　

2.修改Layout　　views\main.html

   

       
       
       
       
   
   
       

           

               yabe.
           

           

               
• 
                     Log in to write something
                 

           

           

               About this blog
               

${blogTitle}

               

${blogBaseline}

           

       

     
       

           #{doLayout /}
       

       
       

           Yabe 是">Play framework
           as a tutorial application.
       

   


　　

3. aults() {

renderArgs.put("blogTitle", Play.configuration.getPRoperty("blog.title"));

renderArgs.put("blogBaseline", Play.configuration.getProperty("blog.baseline"));

}




加入渲染blog.title blog.baseline

 

4.修改設定檔confapplication.conf

# Blog engine configuration

# ~~~~~

blog.title=Yet t write about anything


　　

5.新增頁面樣式

CSS: http://play-framework.herokuapp.com/zh/files/main.css

。

 

運作效果：

 以上就是PlayFramework完整實現一個APP（五）的內容，更多相關內容請關注PHPcn）！