[PHP]在CodeIgniter中如何利用CSS创建视图
[PHP]如何使用CodeIgniter简化页面
网站地址:http://callmewhy.sinaapp.com/index.php/test
后面加上/testcss是测试CSS表单的页面:http://callmewhy.sinaapp.com/index.php/test/testcss
加上testhead是测试头文件的插入:http://callmewhy.sinaapp.com/index.php/test/testhead
下面是以上两个案例的脚本文件。
完整的项目下载
首先是控制器Controller,文件名Test.php(要在config.php中配置):
<?php class Test extends CI_Controller { function __construct() { //继承父类的构造方法,不写报错 parent::__construct(); } function index() { $this->load->view('welcome_view'); } function testHead(){ //测试head页面的引入 $data['mytitle'] ="A website monitoring tool"; $data['mytext'] ="Test!Test!"; $data['myrobots'] ='noindex,nofollow'; $data['mywebtitle']='Web monitoring tool'; $data['base'] = $this->config->item('base_url'); $this->load->view('test_head_view',$data); } function testCss(){ $data['mytitle'] ="A website monitoring tool"; $data['mytext'] ="Test!Test!"; $data['base'] = $this->config->item('base_url'); $data['css'] =$this->config->item('test_css'); $this->load->view('test_css_view',$data); } } ?>
<html> <head> <title>WHY's Test Page</title> <base href="<?php echo"$base";?>"> <link rel="stylesheet" type="text/css" href="<?php echo"$base/$css";?>"> </head> <body> <h1><?php echo$mytitle;?></h1> <p class="test"><?php echo$mytext;?></p> </body> </html>
相应的CSS文件,文件名test.css:
h1{ margin : 5px; padding-left : 10px; padding-right : 10px; background : #ffffff; color : blue; width : 100%; font-size : 36px; } .test{ margin : 5px; padding-left : 10px; padding-right : 10px; background : #ffffff; color : red; width : 100%; font-size : 36px; }
第二个测试head嵌入的view视图,文件名test_head_view.php:
<html> <head> <?php $this->load->view('header_view');?> </head> <body> <h1><?php echo $mytitle;?></h1> <p><?php echo $mytext;?></p> </body> </html>
<title><?php echo $mywebtitle?></title> <base href="<?php echo"$base";?>"/> <meta name="robots" content="<?php echo $myrobots?>"> <link rel="stylesheet" type="text/css" href="<?php echo"$base/$css";?>"/>