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

1.创建页面模板

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

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

<div class="post ${_as == 'teaser' ? 'teaser' : ''}">

    <h2 class="post-title">

        <a href="#">${_post.title}</a>

    </h2>

    <div class="post-metadata">

        <span class="post-author">by ${_post.author.fullname}</span>,

        <span class="post-date">${_post.postedAt.format('dd MMM yy')}</span>

        #{if _as != 'full'}

            <span class="post-comments">

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

                comment${_post.comments.size().pluralize()}

                #{if _post.comments}

                    , latest by ${_post.comments[0].author}

                #{/if}

            </span>

        #{/if}

    </div>

    #{if _as != 'teaser'}

        <div class="post-content">

            <div class="about">Detail: </div>

            ${_post.content.nl2br()}

        </div>

    #{/if}

</div>

#{if _as == 'full'}

    <div class="comments">

        <h3>

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

            comment${_post.comments.size().pluralize()}

        </h3>

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

            <div class="comment">

                <div class="comment-metadata">

                    <span class="comment-author">by ${comment.author},</span>

                    <span class="comment-date">

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

                    </span>

                </div>

                <div class="comment-content">

                    <div class="about">Detail: </div>

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

                </div>

            </div>

        #{/list}

    </div>

#{/if}

　　

　　

修改index.html

#{extends 'main.html' /}

#{set title:'Home' /}

#{if frontPost}

    #{display post:frontPost, as:'home' /}

    #{if olderPosts.size()}

        <div class="older-posts">

            <h3>Older posts <span class="from">from this blog</span></h3>

            #{list items:olderPosts, as:'oldPost'}

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

            #{/list}

        </div>

    #{/if}

#{/if}

#{else}

    <div class="empty">

        There is currently nothing to read here.

    </div>

#{/else}

　　

　　

2.修改Layout　　views\main.html

<!DOCTYPE html>

<html>

    <head>

        <title>#{get 'title' /}</title>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/main.css'}">

        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">

    </head>

    <body>

        <div id="header">

            <div id="logo">

                yabe.

            </div>

            <ul id="tools">

                <li>

                    <a href="#">Log in to write something</a>

                </li>

            </ul>

            <div id="title">

                <span class="about">About this blog</span>

                <h1><a href="#">${blogTitle}</a></h1>

                <h2>${blogBaseline}</h2>

            </div>

        </div>

         <div id="main">

            #{doLayout /}

        </div>

         <p id="footer">

            Yabe is a (not that) powerful blog engine built with the

            <a href="http://www.playframework.org">Play framework</a>

            as a tutorial application.

        </p>

    </body>

</html>

　　

3. Application.java 中添加方法，在页面上添加元素

@Before

static void addDefaults() {

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

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

}

添加渲染 blog.title blog.baseline

4.修改配置文件 conf\application.conf

# Blog engine configuration

# ~~~~~

blog.title=Yet another blog

blog.baseline=We won't write about anything

　　

5.添加页面样式

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

添加到 /public/stylesheets/main.css

运行效果：

..

Play Framework 完整实现一个APP（五）的更多相关文章

  1. Play Framework 完整实现一个APP（十一）

    添加权限控制 1.导入Secure module,该模块提供了一个controllers.Secure控制器. /conf/application.conf # Import the secure m ...

  2. Play Framework 完整实现一个APP（二）

    1.开发DataModel 在app\moders 下新建User.java package models; import java.util.*; import javax.persistence. ...

  3. Play Framework 完整实现一个APP（十四）

    添加测试 ApplicationTest.java @Test public void testAdminSecurity() { Response response = GET("/adm ...

  4. Play Framework 完整实现一个APP（十三）

    添加用户编辑区 1.修改Admin.index() public static void index() { List<Post> posts = Post.find("auth ...

  5. Play Framework 完整实现一个APP（十二）

    1.定制CRUD管理页面 > play crud:ov --layout 替换生成文件内容 app/views/CRUD/layout.html #{extends 'admin.html' / ...

  6. Play Framework 完整实现一个APP（十）

    1.定制Comment列表 新增加Comment list页面,执行命令行 > play crud:ov --template Comments/list 会生成/app/views/Comme ...

  7. Play Framework 完整实现一个APP（九）

    添加增删改查操作 1.开启CRUD Module 在/conf/application.conf 中添加 # Import the crud module module.crud=${play.pat ...

  8. Play Framework 完整实现一个APP（八)

    创建Tag标签 1.创建Model @Entity @Table(name = "blog_tag") public class Tag extends Model impleme ...

  9. Play Framework 完整实现一个APP（六）

    需要为Blog添加 查看和发表评论的功能 1.创建查看功能 Application.java中添加 show() 方法 public static void show(Long id) { Post ...

随机推荐

  1. preg_match的isU代表什么意义

    正则后面的/(.*)/isU  ,“isU”参数代表什么意思?这是正则中的修正符.i是同时查找大小写字母,s是圆点(.)匹配所有字符,包括换行符.如果没有设定s,则不包括换行符.U是反转了匹配数量的值 ...

  2. 弹窗层效果的实现（非jQuery实现）

    要想实现弹窗的效果,首先应该创建一个覆盖层maskLayer,以及一个显示层presentLayer. 其次,每次弹窗时(除首次弹窗外),maskLayer的显示以及隐藏不应该导致文档流的reflow ...

  3. 一张图看懂normal,static,sealed,abstract 的 区别

    +-------------------------+---+--------+--------+--------+----------+ | Class Type | | normal | stat ...

  4. SQLServer学习笔记系列11

    一.写在前面的话 身体是革命的本钱,这句放在嘴边常说的话,还是拿出来一起共勉,提醒一起奋斗的同僚们,保证睡眠,注意身体!偶尔加个班,也许不曾感觉到身体发出的讯号,长期晚睡真心扛不住!自己也制定计划,敦 ...

  5. Android PopupWindow怎么合理控制弹出位置（showAtLocation）

    说到PopupWindow,应该都会有种熟悉的感觉,使用起来也很简单 // 一个自定义的布局,作为显示的内容 Context context = null; // 真实环境中要赋值 int layou ...

  6. 如何将MyEclipse项目导入eclipse

    我们经常会在网上下载一些开源项目,或者从别的地方迁移一些项目进来,但经常会发现导入后各种报错.这是初学java肯定会遇到的问题,本文对一些常见的处理方案做一个总结.(本文将MyEclipse项目导入e ...

  7. asp.net 验证控件

    前台文件 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1. ...

  8. sealed、new、virtual、abstract与override 趣解

    1. sealed——“断子绝孙” 密封类不能被继承.密封方法可以重写基类中的方法,但其本身不能在任何派生类中进一步重写.当应用于 方法或属性时,sealed修饰符必须始终与override一起使用. ...

  9. 怎么搭建EF的环境？(Entity Framework)

    1.EF是什么? EF是.net封装的一个用于数据库交互的实体层框架,它的全称是Entity Framework. 2.EF搭建: 新建之后,我们就可以看到里面的内容: 我们可以分别看一下它里面有些什 ...

  10. java泛型详解

    http://www.cnblogs.com/lwbqqyumidi/p/3837629.html