Difference between revisions of "6CS028 Workshop - Web Frameworks"
| Line 35: | Line 35: | ||
</pre> | </pre> | ||
| − | == Tutorial part 1 - Static pages | + | == Tutorial part 1 - Static pages== |
Then please work through part 1 of the tutorial: | Then please work through part 1 of the tutorial: | ||
* [https://codeigniter.com/user_guide/tutorial/static_pages.html Tutorial part 1 - Static pages] | * [https://codeigniter.com/user_guide/tutorial/static_pages.html Tutorial part 1 - Static pages] | ||
Revision as of 14:47, 21 January 2022
Main Page >> Advanced Web Development >> Workbook >> Week 02
Codeigniter
Please install Codeigniter and work through the first part of the tutorial:
Installing Codeigniter
You can install either using Composer, or manually:
Either way, you will then need to set the correct file permissions via Putty, as follow:
chmod 755 ci4-composer/ -R chmod 777 ci4-composer/writable/ -R
You will also need to update a couple of config files (located in app/Config).
In App.php, populate the base URL with the URL to the folder where you installed CodeIgniter, for example for mine I have put:
public $baseURL = 'https://mi-linux.wlv.ac.uk/~in9352/ci4/public/';
- in9352 should be replaced with your student number
- ci4 is the name of the folder in which you installed the framework
- public has to be there.
You also need to populate your MySQL connection details in the Database.php file:
'username' => '',
'password' => '',
'database' => '',
Tutorial part 1 - Static pages
Then please work through part 1 of the tutorial:
Take your time, read the instructions carefully, and ask questions in the workshops if you get stuck.
Here is mine, to give you an idea of what it should look like once completed: https://mi-linux.wlv.ac.uk/~in9352/ci4/public/index.php/pages/view/home
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
