[PHP]在CodeIgniter中如何利用CSS创建视图
2013-02-07 20:46
609 查看
1、首先,我们需要三个步骤:
编写一个视图页面
编写一个样式表
更新我们的config文件以指定样式表在哪里
在这三点做完之后,我们需要更新控制器接受从URL传来的参数,把变量传给视图。
首先,让我们重新设计视图并把它保存到如下路径:system/application/views/test_view.php
它基本上仍然是HTML,但是注意到其中的PHP代码。
你将会注意到有一个PHP代码片断存放在样式表中。
在站点根文件夹下保存一个简单的样式表为MyStyles.css。它很简单:
这给了我们两种可选风格,而且你将会在视图中用到它们。
首先,让我们在config.php文件加入:
$config['css']="MyStyles.css";
这只是告诉网站我们刚才编写的CSS文件的文件名和位置。
但是注意样式表的实际位置是$base/$css。
2、重写一个控制器Controller来处理跳转:
完整的项目源码:[PHP]框架CodeIgniter的简单测试源码
编写一个视图页面
编写一个样式表
更新我们的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的简单测试源码
相关文章推荐
- mysql中的存储过程、触发器、视图是如何创建的,以及PHP中是如何调用的
- 【转贴】如何利用CSS创建一个漂亮的按钮
- ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章:利用模型类创建视图、控制器和数据库
- mysql中的存储过程、触发器、视图是如何创建的,以及PHP中是如何调用的
- 如何利用phpMyAdmin创建数据库,设置编码 php apache MySQL
- php 利用远程图片创建新图片完善(jpg,png,gif)
- 利用MyEclipse创建hibernate视图的hbm.xml文件及其手动设置事项
- 如何利用C#创建和调用DLL
- 如何利用javascript完成对网页css的修改从而实现简单的特效
- 微信利用PHP创建自定义菜单的方法
- 如何在MySQL中创建视图?
- 如何使用Dreamweaver CS6编写PHP程序,如何使用DW创建PHP站点
- [PHP]如何使用CodeIgniter简化页面
- [PHP]CodeIgniter学习手册(二):视图view的介绍与使用
- 如何利用Skyline6.1的接口创建动态对象DynamicObject
- 解析dll文件和lib文件的区别(如何利用VC创建DLL文件)
- 如何实现SDI程序使用CSplitterWnd创建的多个视图的动态地显示和关闭视图
- 如何利用php+mysql保存和输出文件
- 如何创建可扩展表视图中的iOS 学习和拓展优化(有待更新)
- 如何利用CSS+DIV 实现三列自适应高和宽的布局(不用javascript)