[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中配置):
<?phpclass 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";?>"/>