Zend Studio 6 + Zend Framework进阶教程之二

来源:互联网 发布:淘宝商家登录页面 编辑:程序博客网 时间:2024/06/03 19:38

主要内容:基本的mvc结构,基本的使用包括在控制器中传递数据到视图、为页面设置js脚本、css样式,如何在视图中引用图片

鉴于本节内容较少,工程代码就不附上了。如果需要本节代码,请在回复中说明。

1、在IndexController.php控制器中加入如下代码

public function indexAction()
    {
        // step 1 传递数据到视图
        $books = array ();
        $books [] = array ('isbn' => 'No.001', 'title' => 'java' );
        $books [] = array ('isbn' => 'No.002', 'title' => 'PHP' );
        $this->view->books = $books;

    }

在视图文件(index.phtml)显示的代码如下

<h3>Hello, world!</h3>
<table>
<?php
foreach ($this->books as $book) {
?&gt;
<tr><td><?php echo $book['isbn']?></td><td><?php echo $book['title']?></td></tr>
<?php
}
?>
</table>

2、在工程的public/index.php上右键选择Run as/Php Web Page,弹出的对话框中的Launch URL如下:

http://zftest.localhost/zfstepbystep/public/index.php

确定后可以看到结果页面

 

3、在public/styles/新建demo.css文件,内容如下

@CHARSET "UTF-8";
h3 {
    color: red;
}

下面我们如何为视图增加css链接。

<?php

/**
* Default home page view

* @author
* @version
*/

$this->headTitle('New Zend Framework Project');
$this-&gt;placeholder('title')-&gt;set('Welcome');

// 增加css代码
//$this-&gt;headStyle()-&gt;appendStyle('h3 {color:red;}');

// 增加css样式文件
$this-&gt;headLink()-&gt;appendStylesheet('styles/demo.css');

// 增加javascript脚本文件
$this-&gt;headScript()-&gt;appendFile('scripts/demo.js');

 

。。。以下省略

再次访问http://zftest.localhost/zfstepbystep/public/index.php

发现h3标题部分颜色变红色了

 

image

4、调用js脚本的类同,这里就不细陈述了。

本文出自 51CTO.COM技术博客
原创粉丝点击