您当前位置：首页 > php框架 > codeigniter > [PHP]在CodeIgniter中如何利用CSS创建视图

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

来源：程序员人生发布时间：2013-12-30 17:34:54 阅读次数：3973次

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的简单测试源码

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

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

上一篇 3.1.2 新版视频教程震撼发布（30集）

下一篇 SEO过程中要注意title优化的几个问题

分享到:

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

为码而活

积分：4237

15粉丝

7关注

栏目热点