${frontPost.title}

by ${frontPost.author.fullname} ${frontPost.postedAt.format('MMM dd')}  |  ${frontPost.comments.size()?: 'no'} comment${frontPost.comments.size().pluralize()} #{if frontPost.comments} , latest by ${frontPost.comments[-1].author} #{/if}

第四篇：play手把手教你创建一个博客项目-09.创建定制编辑区域

09.创建定制编辑区域

在之前的教程中，我们已经创建一个管理区域（administration area），并准备好了‘My posts’部分。这个页面将为每位作者提供一个属于他自己博文的列表，并且可以对这些博文进行编辑或创建新的博文。

我们可以重用CRUD模块作为这个页面的基础，但在这里，我们将以此为基础（scratch，起跑线，基础）创建一些东西，我们需要在这些屏幕里提供许多个性化的东西。

从用户博文列表开始

在这里，我们只需得到并显示当前登录用户的博文。非常简单，让我们开始增强Admin.index action的功能: public static void index(){ String user = Security.connected();List

posts = Post.find(“author.email”, user).fetch();render(posts);} 并且完成yabe/app/views/Admin/index.html模板: #{extends 'admin.html' /}

Welcome ${user}, you have written ${posts.size()?: 'no'} ${posts.pluralize('post', 'posts')} so far

#{list items:posts, as:'post'}

${post.title}

#{/list}

+ write a new post

第一个屏幕就准备好了: 接着写‘写一篇新博文’页面

我们将创建一个窗体来实现创建一篇新博文。通常情况下，在窗体操作时你需要两个actions：一个用于显示窗体，另一个用于处理窗体提交的信息。让我们创建这个新的Admin.form和Admin.save actions，以用于显示和处理窗体提交信息：

在abe/conf/routes里添加如下路由：

GET /admin/new Admin.form POST /admin/new Admin.save 接着在Admin.java控制器里添加form()和save()actions： public static void form(){ render();}

public static void save(){ // Not implemented yet } 接着，你就必须创建yabe/app/views/Admin/form.html模板：

#{extends 'admin.html' /}

Write, a new post

#{form @save()}

#{ifErrors}

Please correct these errors.

#{/ifErrors}

#{field 'title'} Post title: #{error 'post.title' /} #{/field}

#{field 'content'} Write here: ${post?.content} #{error 'post.content' /} #{/field}

#{field 'tags'} Enter some tags: #{/field}

#{/form} 最后编辑yabe/app/views/Admin/index.html模板来链接到 Write a new post 按钮到这个窗体：

...

+ write a new post

...检测一下结果： 接下来，我们必须完成Admin.save action，以用于处理当前窗体提交的数据。action将创建一个新的Post对象，把tag（特征）列表转换到真实的Tag对象集合，验证所有的字段并存储他们。如果有任何问题发生，那么还能够重新显示窗体，并标出错误位置：

public static void save(String title, String content, String tags){ // Create post User author = User.find(“byEmail”, Security.connected()).first();Post post = new Post(author, title, content);// Set tags list for(String tag : tags.split(“s+”)){ if(tag.trim().length()> 0){ post.tags.add(Tag.findOrCreateByName(tag));} } // Validate validation.valid(post);if(validation.hasErrors()){ render(“@form”, post);} // Save post.save();index();} 在这里，我们使用render(“@form”)作为render(“Admin/form.html”)的快捷方式，它只告诉play去使用窗体action的默认模板。测试下看看！

为正在编辑的Posts重用这些填充数据

我们已经定义了HTML窗体并且让Java action能够创建一个新的博客Post，但是我们同时也需要允许编辑存在的博文，因此我们可以很容易地重用相同的代码，使我们在编辑现有博文时的工作量尽量减少： 首先我们需要让Admin.form找回存在的Post: public static void form(Long id){ if(id!= null){ Post post = Post.findById(id);render(post);} render();} 正如你所看到的一样，我们使之成为可选项（通过id!=null），因此当id参数已经填值后，同样的action将用于找回存在的博文。因此，我们现在可以把主屏幕的博文列表链接到编辑窗体了。编辑yabe/app/views/Admin/index.html模板：

#{extends 'admin.html' /}

Welcome ${user}, you have written ${posts.size()?: 'no'} ${posts.pluralize('post', 'posts')} so far

#{list items:posts, as:'post'}

${post.title}

#{/list}

+ write a new post

非常好，很容易就实现了，但这里还有一个小问题。如果你看一下通过Router为这些链接生成的真实的URL，你就会发现如下样式的URL： /admin/new?id=3 它们能正常工作，但是并不太漂亮。OK，让我们对其进行修改，如果id参数提交上来，我们将使用一个不同的URL范示，路由定义如下： GET /admin/myPosts/{id} Admin.form GET /admin/new Admin.form 正如你看到的一样，我们在旧的路由之前定义了这些路由，因此它们具有更好的优先级。这也就是说，如果一个id参数被提交，play将率先使用这个URL范示，如果没有提交id参数，那么play将继续使用旧的路由。刷新My posts页面看看更贾漂亮的URL链接效果。

接下来我们需要修改yabe/app/views/Admin/form.html模板，使其更好： #{extends 'admin.html' /}

#{ifnot post?.id}

Write, a new post

#{/ifnot} #{else}

Edit, this post

#{/else}

#{form @save(post?.id)}

#{ifErrors}

Please correct these errors.

#{/ifErrors}

#{field 'title'} Post title: #{error 'post.title' /} #{/field}

#{field 'content'} Write here: ${post?.content} #{error 'post.title' /} #{/field}

#{field 'tags'} Enter some tags: #{/field}

#{/form} 正如你看到的一样，我们已经更新窗体目的action，以方便添加博文ID作为第一个action参数。因此当博文拥有一个id字段集时（意思是博文在系统里已经存在），窗体将发送到Admin.save action进行处理。接下来我们可以修改save()方法来处理创建与编辑两种情况：

public static void save(Long id, String title, String content, String tags){ Post post;if(id == null){ // Create post User author = User.find(“byEmail”, Security.connected()).first();post = new Post(author, title, content);} else { // Retrieve post post = Post.findById(id);// Edit post.title = title;post.content = content;post.tags.clear();} // Set tags list for(String tag : tags.split(“s+”)){ if(tag.trim().length()> 0){ post.tags.add(Tag.findOrCreateByName(tag));} } // Validate validation.valid(post);if(validation.hasErrors()){ render(“@form”, post);} // Save post.save();index();} 使用和之前同样的技巧，让URL更加完美，如果id参数存在，我们就使用优先路由：

POST /admin/myPosts/{id} Admin.save POST /admin/new Admin.save 工作全部完成！现在我们使用同一样action就实现了创建新博文与编辑旧博文的功能，同时完成了管理区域administration area）的编程工作！

第五篇：play手把手教你创建一个博客项目-04.显示并发表评论

04.显示并发表评论

博客的主页已经搞定，接下来，我们将编写博文的详细内容页面。这个页面将显示当前博文的所有评论，页面还将包括一个用于发表新评论的窗体。

创建 ‘show’ action

为了显示博文的详细页面，我们需要在Application控制器里创建一个新的action方法，这个新的action叫做show()： public static void show(Long id){ Post post = Post.findById(id);render(post);} 你可以看到，这个action非常简单。我们在方法签名里声明了一个Long类型的id参数用于自动从http请求的id变量里得到id值。这个参数会从HTTP的请求字符串、URL路径或窗体里获得

如果我们试着从http请求里传递一个错误的id值时，id变量值将为null，这时play将自动添加一个验证错误秋errors容器（变量）里。

这个action将用/yabe/app/views/Application/show.html模板进行显示： #{extends 'main.html' /} #{set title:post.title /}

#{display post:post, as:'full' /} 由于我们在之前已经编写了display标签，因此在这个页面的编码就非常简单了。

为详细页面添加链接

在display标签里，我们让所有的链接为空(使用#)。是时候让这些链接指向Application.show action了。在play里，你可以很容易在一个模板里使用@{...}注释构建链接，这个语法使用了路由的“URL反向查找”功能，用于反向查找指定action的URL。

打开/yabe/app/views/tags/display.html标签并修改： „

${_post.title}

„

刷新主页，单击博文标题以显示博文内容。非常好，但是这个页面缺少一个返回主页的链接。OK，让我们打开/yabe/app/views/main.html模板，完成标题的链接：

„

About this blog

${blogTitle}

${blogBaseline}