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

nics · 发表于 2017-4-5 10:18:30

　　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来处理跳转：
　　

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

账号		自动登录	找回密码
密码			立即注册

Centos6.5×64安装配置openmeetings3.0.3详

大疆运维招人啦，

C++ :try 语句块和异常处理

C++的多态

Red Hat RHCE 8 (EX294) Cert Guide

Java/C++ 区别：看完这一篇，就够用！

别再用过时库了！这 13 个顶级 C++ 库才是

[经验分享] [PHP]在CodeIgniter中如何利用CSS创建视图

扫码加入运维网微信交流群