程序员人生 网站导航

[PHP]在CodeIgniter中如何利用CSS创建视图

栏目:codeigniter时间:2013-12-30 17:34:54

1首先,我们需要三个步骤:

  • 编写一个视图页面
  • 编写一个样式表
  • 更新我们的config文件以指定样式表在哪里
在这三点做完之后,我们需要更新控制器接受从URL传来的参数,把变量传给视图。
首先,让我们重新设计视图并把它保存到如下路径:system/application/views/test_view.php
<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>

它基本上仍然是HTML,但是注意到其中的PHP代码。

你将会注意到有一个PHP代码片断存放在样式表中。

在站点根文件夹下保存一个简单的样式表为MyStyles.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;}


这给了我们两种可选风格,而且你将会在视图中用到它们。
首先,让我们在config.php文件加入:
$config['css']="MyStyles.css";
这只是告诉网站我们刚才编写的CSS文件的文件名和位置。

但是注意样式表的实际位置是$base/$css。

2、重写一个控制器Controller来处理跳转:

<?phpclass Basic extends CI_Controller {	function __construct()	{		//继承父类的构造方法,不写报错		parent::__construct();	}	function index()	{		$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');		$data['css'] =$this->config->item('css');		$this->load->view('basic_view',$data);	}}?>

完整的项目源码:[PHP]框架CodeIgniter的简单测试源码

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐