使用Agavi进行MVC编程简介，第1部分:使用Agavi开辟一个新世界

您将注意到该主模板利用了两个额外工具 —— CSS 样式表和徽标图像。将这些文件放到应用程序的公共区域，让连接客户端能够通过HTTP 获取它们。相应地，在$WASP_ROOT/pub/目录中创建 css/和image/ 子目录，并将必要的东西复制到这两个位置（可以在本文的下载归档 中找到它们）。

清单11显示了来自 $WASP_ROOT/pub/css/default.css的样式表规则：

清单11.应用程序主样式表

body　{
　margin:　0;
　padding:　0;
　font-family:　''Verdana''　sans-serif;
}

#header　{
　height:　80px;
　background:　#4062A8;
}

#logo　{
　float:　left;
　padding-left:　50px;
　padding-top:　5px;
}

#menu　{
　float:　right;
　background:　#4062A8;
　margin-right:　20px;
}

#menu　ul　{
　list-style:　none;
}

#menu　li　{
　margin-top:　35px;
　float:　left;
　padding-right:　25px;
　padding-left:　25px;
}

#menu　a,　#footer　a　{
　color:　white;
　font-weight:　bold;
}

#body　{
　padding-top:　20px;
　padding-left:　50px;
　min-height:　375px;
}

#footer　{
　font-size:　x-small;
　color:　white;
　float:　right;
　text-align:　right;
　background:　#4062A8;
　width:　400px;
　clear:　both;
　margin-top:　20px;
}

然后，重新访问应用程序的索引页面，您将看到如图6 所示的内容：

图6. 修改后的WASP 索引页面

大功告成！索引页面的外观是不是更漂亮了？

提供静态内容

到目前为止，您仅在应用程序中修改了现有的操作。不过，Agavi构建版本使得向应用程序添加新的操作非常容易。为了演示，您将添加一个 StaticPageAction 和相应的视图，该视图负责提供静态的内容，比如公司的“关于我们”和“服务” 页面。下面的步骤是向 Agavi应用程序添加新功能的标准流程。

步骤1：创建 placeholder 类

回到shell 并向下面这样调用Agavi构建脚本：

shell>　agavi　action-wizard　

设置一个名为StaticContentAction的新操作，并将其与两个视图链接起来（StaticContentErrorView和StaticContentSuccessView），收到提示时提供以下值

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