Difference between revisions of "6CS028 Workshop - Web Frameworks"

From mi-linux
Jump to navigationJump to search
Line 11: Line 11:
  
 
<pre>
 
<pre>
$config['base_url']='http://mi-linux.wlv.ac.uk/~in9352/codeigniter/';
+
$config['base_url']='http://mi-linux.wlv.ac.uk/~in9352/codeigniter3/';
 
</pre>
 
</pre>
  
Line 17: Line 17:
  
 
In the example below I have uploaded an image and a CSS file at the following locations:
 
In the example below I have uploaded an image and a CSS file at the following locations:
*codeigniter/css/style.css
+
*codeigniter3/css/style.css
*codeigniter/funnycat.jpg
+
*codeigniter3/funnycat.jpg
  
 
Finally use the "Base URL" helper in your view:
 
Finally use the "Base URL" helper in your view:
Line 30: Line 30:
 
</head>
 
</head>
 
<body>
 
<body>
   <h1>CodeIgniter 2 Tutorial</h1>
+
   <h1>CodeIgniter Tutorial</h1>
 
<p>
 
<p>
 
<img src="<?=base_url("funnycat.jpg")?>">
 
<img src="<?=base_url("funnycat.jpg")?>">
Line 38: Line 38:
 
=== Hiding "index.php" using URL rewriting ===
 
=== Hiding "index.php" using URL rewriting ===
  
Create a .htaccess file in your CodeIngiter root folder, and paste the following rules inside it:
+
Create a .htaccess file in your CodeIgniter root folder, and paste the following rules inside it:
  
 
<pre>
 
<pre>
 
RewriteEngine on
 
RewriteEngine on
RewriteBase /~in9352/codeigniter/
+
RewriteBase /~in9352/codeigniter3/
 
RewriteCond $1 !^(index\.php|images|robots\.txt)
 
RewriteCond $1 !^(index\.php|images|robots\.txt)
 
RewriteCond %{REQUEST_URI} !\.(css|gif|ico|jpg|js|png|swf|txt)$
 
RewriteCond %{REQUEST_URI} !\.(css|gif|ico|jpg|js|png|swf|txt)$

Revision as of 08:58, 18 October 2016

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