6CS028 Workshop - Web Frameworks

From mi-linux
Revision as of 07:59, 18 October 2016 by In9352 (talk | contribs)
Jump to navigationJump to search

Main Page >> Advanced Web Technologies >> Workbook >> Week 02

Codeigniter

Please install Codeigniter and work through the following tutorials:

How to include external files (images, css files, js files) on my pages

First make sure your base URL is populated in your config.php file, so for example for me:

$config['base_url']='http://mi-linux.wlv.ac.uk/~in9352/codeigniter3/';

Then upload your files in your "codeigniter" folder, or in suitable sub-folders (codeigniter/images, codeigniter/css and codeigniter/js). Do NOT upload the files into your codeigniter/application folder or any of its sub folders.

In the example below I have uploaded an image and a CSS file at the following locations:

  • codeigniter3/css/style.css
  • codeigniter3/funnycat.jpg

Finally use the "Base URL" helper in your view:

<?php $this->load->helper('url');?>
<html>
<head>
   <title><?php echo $title ?> - CodeIgniter 2 Tutorial</title>
   <link rel="stylesheet" type="text/css" href="<?=base_url("css/style.css")?>">
</head>
<body>
   <h1>CodeIgniter Tutorial</h1>
<p>
<img src="<?=base_url("funnycat.jpg")?>">
</p>  

Hiding "index.php" using URL rewriting

Create a .htaccess file in your CodeIgniter root folder, and paste the following rules inside it:

RewriteEngine on
RewriteBase /~in9352/codeigniter3/
RewriteCond $1 !^(index\.php|images|robots\.txt)
RewriteCond %{REQUEST_URI} !\.(css|gif|ico|jpg|js|png|swf|txt)$
RewriteRule ^(.*)$ index.php/$1 [L]

Note: replace "in9352" by your student number.

Working example here: http://mi-linux.wlv.ac.uk/~in9352/codeigniter3/news/index