${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手把手教你創(chuàng)建一個博客項目-09.創(chuàng)建定制編輯區(qū)域

09.創(chuàng)建定制編輯區(qū)域

在之前的教程中，我們已經(jīng)創(chuàng)建一個管理區(qū)域（administration area），并準備好了‘My posts’部分。這個頁面將為每位作者提供一個屬于他自己博文的列表，并且可以對這些博文進行編輯或創(chuàng)建新的博文。

我們可以重用CRUD模塊作為這個頁面的基礎(chǔ)，但在這里，我們將以此為基礎(chǔ)（scratch，起跑線，基礎(chǔ)）創(chuàng)建一些東西，我們需要在這些屏幕里提供許多個性化的東西。

從用戶博文列表開始

在這里，我們只需得到并顯示當(dāng)前登錄用戶的博文。非常簡單，讓我們開始增強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

第一個屏幕就準備好了: 接著寫‘寫一篇新博文’頁面

我們將創(chuàng)建一個窗體來實現(xiàn)創(chuàng)建一篇新博文。通常情況下，在窗體操作時你需要兩個actions：一個用于顯示窗體，另一個用于處理窗體提交的信息。讓我們創(chuàng)建這個新的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 } 接著，你就必須創(chuàng)建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

...檢測一下結(jié)果： 接下來，我們必須完成Admin.save action，以用于處理當(dāng)前窗體提交的數(shù)據(jù)。action將創(chuàng)建一個新的Post對象，把tag（特征）列表轉(zhuǎn)換到真實的Tag對象集合，驗證所有的字段并存儲他們。如果有任何問題發(fā)生，那么還能夠重新顯示窗體，并標(biāo)出錯誤位置：

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重用這些填充數(shù)據(jù)

我們已經(jīng)定義了HTML窗體并且讓Java action能夠創(chuàng)建一個新的博客Post，但是我們同時也需要允許編輯存在的博文，因此我們可以很容易地重用相同的代碼，使我們在編輯現(xiàn)有博文時的工作量盡量減少： 首先我們需要讓Admin.form找回存在的Post: public static void form(Long id){ if(id!= null){ Post post = Post.findById(id);render(post);} render();} 正如你所看到的一樣，我們使之成為可選項（通過id!=null），因此當(dāng)id參數(shù)已經(jīng)填值后，同樣的action將用于找回存在的博文。因此，我們現(xiàn)在可以把主屏幕的博文列表鏈接到編輯窗體了。編輯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

非常好，很容易就實現(xiàn)了，但這里還有一個小問題。如果你看一下通過Router為這些鏈接生成的真實的URL，你就會發(fā)現(xiàn)如下樣式的URL： /admin/new?id=3 它們能正常工作，但是并不太漂亮。OK，讓我們對其進行修改，如果id參數(shù)提交上來，我們將使用一個不同的URL范示，路由定義如下： GET /admin/myPosts/{id} Admin.form GET /admin/new Admin.form 正如你看到的一樣，我們在舊的路由之前定義了這些路由，因此它們具有更好的優(yōu)先級。這也就是說，如果一個id參數(shù)被提交，play將率先使用這個URL范示，如果沒有提交id參數(shù)，那么play將繼續(xù)使用舊的路由。刷新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} 正如你看到的一樣，我們已經(jīng)更新窗體目的action，以方便添加博文ID作為第一個action參數(shù)。因此當(dāng)博文擁有一個id字段集時（意思是博文在系統(tǒng)里已經(jīng)存在），窗體將發(fā)送到Admin.save action進行處理。接下來我們可以修改save()方法來處理創(chuàng)建與編輯兩種情況：

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參數(shù)存在，我們就使用優(yōu)先路由：

POST /admin/myPosts/{id} Admin.save POST /admin/new Admin.save 工作全部完成！現(xiàn)在我們使用同一樣action就實現(xiàn)了創(chuàng)建新博文與編輯舊博文的功能，同時完成了管理區(qū)域administration area）的編程工作！

第五篇：play手把手教你創(chuàng)建一個博客項目-04.顯示并發(fā)表評論

04.顯示并發(fā)表評論

博客的主頁已經(jīng)搞定，接下來，我們將編寫博文的詳細內(nèi)容頁面。這個頁面將顯示當(dāng)前博文的所有評論，頁面還將包括一個用于發(fā)表新評論的窗體。

創(chuàng)建 ‘show’ action

為了顯示博文的詳細頁面，我們需要在Application控制器里創(chuàng)建一個新的action方法，這個新的action叫做show()： public static void show(Long id){ Post post = Post.findById(id);render(post);} 你可以看到，這個action非常簡單。我們在方法簽名里聲明了一個Long類型的id參數(shù)用于自動從http請求的id變量里得到id值。這個參數(shù)會從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' /} 由于我們在之前已經(jīng)編寫了display標(biāo)簽，因此在這個頁面的編碼就非常簡單了。

為詳細頁面添加鏈接

在display標(biāo)簽里，我們讓所有的鏈接為空(使用#)。是時候讓這些鏈接指向Application.show action了。在play里，你可以很容易在一個模板里使用@{...}注釋構(gòu)建鏈接，這個語法使用了路由的“URL反向查找”功能，用于反向查找指定action的URL。

打開/yabe/app/views/tags/display.html標(biāo)簽并修改： ?

${_post.title}

?

刷新主頁，單擊博文標(biāo)題以顯示博文內(nèi)容。非常好，但是這個頁面缺少一個返回主頁的鏈接。OK，讓我們打開/yabe/app/views/main.html模板，完成標(biāo)題的鏈接：

?

About this blog

${blogTitle}

${blogBaseline}