精通Grails: 改变Grails应用程序的外观 - 编程入门网

作者佚名技术来源 NET编程浏览发布时间 2012-06-15

文章中才进行身份验证，但是现在可以为未验证的用户关闭导航栏。这可以通过将 <div> 包含在简单的 <g:if> 测试来实现。这个测试查找存储在会话范围中的 user 变量。

像清单 19 那样修改 list.gsp 和 show.gsp：

清单 19. 在登录之前隐藏导航栏

<g:if test="${session.user}"> 　 <div class="nav"> 　　　 <span class="menuButton"> 　　　　 <a class="home" href="${createLinkTo(dir:'''')}">Home</a> 　　　 </span> 　　　 <span class="menuButton"> 　　　　 <g:link class="create" action="create">New Entry</g:link> 　　　 </span> 　 </div> </g:if>

在 show.gsp 中，在按钮 <div> 的周围添加相同的测试（您最不愿意看到的事情就是用户编辑未经验证或删除 blog 条目，不是吗？）。

最后，对 list.gsp 的外观进行调整。将 paginateButtons <div> 从 body <div> 移出，如清单 20 所示。这使导航栏能够横跨整个屏幕，从而在屏幕的底部添加一个漂亮的可视锚。

清单 20. 将 paginateButtons <div> 从 body <div> 移出，改善外观

<html> <head> 　 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 　 <meta name="layout" content="main" /> 　 <title>Blogito</title> </head> <body> 　 <g:if test="${session.user}"> 　 <div class="nav"> 　　 <span class="menuButton"> 　　　 <a class="home" href="${createLinkTo(dir:'''')}">Home</a> 　　 </span> 　　 <span class="menuButton"> 　　　 <g:link class="create" action="create">New Entry</g:link> 　　 </span> 　 </div> 　 </g:if> 　 <div class="body"> 　　 <div class="list"> 　　 <g:each in="${entryInstanceList}" status="i" var="entryInstance"> 　　　 <g:render template="entry" bean="${entryInstance}" var="entryInstance" /> 　　 </g:each> 　　 </div> 　 </div> 　 <div class="paginateButtons"> 　　 <g:paginate total="${Entry.count()}" /> 　 </div> </body> </html>

精通Grails: 改变Grails应用程序的外观(11)

时间:2011-08-02 IBM Scott Davis

再添加一些 CSS，如清单 21 所示，确保 paginateButtons <div> 出现在 body <div> 的底部，而不是旁边：

清单 21. 确保 paginateButtons <div> 出现在屏幕底部的 CSS

.paginateButtons{ 　 clear: left; }

最后一次刷新浏览器。您的屏幕应该如图 9 所示：

图 9. 隐藏导航栏

精通Grails: 改变Grails应用程序的外观 - 编程入门网

设置主页

现在，一切准备就绪了，此时应该将 EntryController 设置为默认主页。为此，需要添加一个将 /（ URL http://localhost:9090/blogito/ 中的尾部反斜杠）重新定向到 EntryController 的映射。根据清单 22 编辑 grails-app/conf/UrlMappings.groovy：

清单 22. 将 EntryController 设置为默认主页

class UrlMappings { 　　 static mappings = { 　　　 "/$controller/$act

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

上一页 1 2 3 4 5 6 7 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: JMX+J2SE5.0实现Web应用的安全管理 - 编程入门网下一篇: 精通Grails: 用Groovy服务器页面（GSP）改变视图 - 编程入门网

关于精通Grails: 改变Grails应用程序的外观 - 编程入门网的所有评论

随机推荐