| SuccessView.class.php，然后添加 清单7 中的代码：
清单7. Default/IndexSuccess View定义
<?php
class Default_IndexSuccessView extends WASPDefaultBaseView
{
public function executeHtml(AgaviRequestDataHolder $rd)
{
$this->setupHtml($rd);
$this->setAttribute(''_title'', ''Index'');
}
}
?>
然后，为应用程序的索引页面创建模板，并修改模板文件$WASP_ROOT/app/modules/Default/templates/IndexSuccess.php使其包含清单8 中的代码：
清单8. Default/IndexSuccess模板
Welcome to WASP, your one-stop shop for used sports cars online.
<p/>
We have a wide selection of used automobiles for your driving pleasure,
and all our models are backed with our unique 120-day money-back guarantee.
<p/>
Use the links above to navigate this web site.
最后，向路由表添加一个条目，让 Agavi 知道将针对索引页面的所有请求指向 Default/IndexAction（清单9）：
清单9. Default/Index 路由定义
<?xml version="1.0" encoding="UTF-8"?>
<ae:configurations
xmlns:ae="http://agavi.org/agavi/config/global/envelope/1.0"
xmlns="http://agavi.org/agavi/config/parts/routing/1.0">
<ae:configuration>
<routes>
<!-- default action for site root "/" -->
<route name="index" pattern="^/contentquot; module="Default" action="Index" />
</routes>
</ae:configuration>
</ae:configurations>
现在，在您的Web 浏览器中通过http://wasp.localhost/ 再次访问应用程序的索引页面，您将看到修改后的索引页面，如图5 所示。
图5. WASP 索引页面
它的外观还不是很醒目，需要对图片进行修改！
对于更改页面的总体布局，您可以使用两种方法。第一种方法是向选中的页面模板添加布局标记。不过，选择这种方法的话，需要对应用程序中的每个模板重复该操作，这不仅耗费时间，还不便于更新。一种更好的方法是更改应用程序的主模板，它位于$WASP_ROOT/app/templates/Master.php，从而使新的布局自动反映到所有页面模板中。
清单10显示了修改后的主模板的代码：
清单10.应用程序的主模板
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<base href="<?php echo $ro->getBaseHref(); ?>" />
<link rel="stylesheet" type="text/css" href="/css/default.css" />
<title><?php if(isset($t[''_title''])) echo htmlspecialchars($t[''_title''])
. '' - ''; echo AgaviConfig::get(''core.app_name''); ?></title>
</head>
<body>
<!-- begin header -->
<div id="header">
<div id="logo">
<img src="/images/logo.jpg" />
</div>
<
|
