2Coders. Блог 2-х web-разработчиков » Codeigniter

Верстаем дизайн для блога. Часть 1

d4rkr00t — Sat, 11 Apr 2009 06:07:31 +0000

В прошлых статьях мы нарисовали дизайн нашего блога. Сегодня мы займемся версткой. Это первая статья из серии. В ней мы сделаем разметку нашей будущей страницы.

В чем верстать выбор лично ваш, я предпочитаю NetBeans.

Для начала создадим 2 файла «index.html» и «style.css», а также папку «images» в ней мы будем хранить картинки для шаблона.

В файл «index.html» добавим следующий код:




	Дизайн блога

А в файл «style.css»:

* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {
	border: none;
}
input {vertical-align: middle}

Получим, пустую страницу с заголовком «Дизайн блога».

Первое что мы сделаем это фон нашей будущей страницы. Для этого из нашего шаблона вырежем кусочек фона 3х3 пикселя:

Сохраним его в папке «images» под именем «bg.gif» и добавляем в файле «style.css» в теге «body» следующий код «background-image: url(‘images/bg.gif‘);» получаем:

body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;

    background-image: url('images/bg.gif');
}

На данный момент мы имеем страницу, залитую нашим паттерном для фона.

Теперь перейдем к разметки страницы, мы должны получить шаблон с одним сайд баром справа и прижатым к низу футером.

В файле index.html добавим следующий код:







Шапка




Контент






Футер

Дивы для шапки, контента и футера и небольшой трюк «<div style=»clear:both; height:1px; width:5px; float:right;»>div>», что бы футер располагался там где нужно.

Теперь добавим стили, в «style.css» пишем следующие:


#wrapper
{
    width: 1000px;
	margin: 0 auto;
	height: 100%;

    background: #fff;

    text-align: left;
}

#heightFixer
{
    float:right;
    height:100%;
    width:1px;
    margin-right:-5px;
    margin-bottom:-100px;
}

/*     Шапка        */

#header
{
  background: #FFE680;
}
/*     Контент       */
#content
{
    padding-bottom:100px;
}

/*     Футер        */
#footer
{
   clear:both;
   height:99px;

   background: #BFF08E;
}

Получаем следующие:

Теперь добавим сайдбар примерно в 1\3 ширины шаблона. Для этого в файле «index.html» в теге «content» добавляем:


Контент
Сайдбар

И в стилях:


  #main
 {
       float: left;
 }
#sidebar
{
        float: right;
        width: 33%;
}

/* Только для IE */
* html #footer
{
	height:82px;
}

И напоследок добавим тень, отбрасываемую нашей страницей на фон. Для этого вырезаем из нашего шаблона небольшие кусочки тени:

И сохраняем их в папке «images» под именами «shadow_l. gif» и «shadow_r.gif» соответственно. Далее добавляем в файл «index.html» после «<div id=”wrapper”>» следующие строки:

И конечно закрываем теги после:



Футер

Добавляем:

В итоге код «index.html» выглядит следующим образом:





	Дизайн блога
	
	
	
	
	













Шапка





    Контент
    Сайдбар









Футер

Осталось добавить стили.

/* Тени */

#shadow_r
{
    padding-right: 16px;
    height:100%;
    background:url('images/shadow_r.gif') repeat-y right;
}
#shadow_l
{
    padding-left: 8px;
    height:100%;
    background:url('images/shadow_l.gif') repeat-y left;
}

Файл стилей в итоге выглядит так:


* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;

    text-align: center;

    background-image: url('images/bg.gif');
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {
	border: none;
}
input {vertical-align: middle}

#wrapper
{
    width: 1000px;
	margin: 0 auto;
	height: 100%;

    background: #fff;

    text-align: left;
}

#heightFixer
{
    float:right;
    height:100%;
    width:1px;
    margin-right:-5px;
    margin-bottom:-100px;
}

/*     Шапка        */

#header
{
  background: #FFE680;
}
/*     Контент       */
#content
{
    padding-bottom:100px;
}
    #main
    {
        float: left;
    }
    #sidebar
    {
        float: right;
        width: 33%;
    }

/*     Футер        */
#footer
{
   clear:both;
   height:99px;
   background: #BFF08E;
}
/* Только для IE */
* html #footer
{
	height:82px;
}

/* Тени */

#shadow_r
{
    padding-right: 16px;
    height:100%;
    background:url('images/shadow_r.gif') repeat-y right;
}
#shadow_l
{
    padding-left: 8px;
    height:100%;
    background:url('images/shadow_l.gif') repeat-y left;
}

А шаблон:

На этом все. В следующем уроке мы сверстаем шапку сайта.

Файлы проекта.

Codeigniter: быстрый старт

Max — Sun, 15 Mar 2009 19:41:23 +0000

Codeigniter – это PHP фреймворк от компании EllisLab. Благодаря подробной документации и большому сообществу, Codeigniter(CI) является наилучшим решением для тех, кто только начинает изучать фреймворки. На мой взгляд, CI один из самых удобных и простых в освоении фреймворков. Подробнее о плюсах и минусах этого фреймворка можно прочитать здесь.
В своей статье я покажу как установить и настроить CI.

Шаг 1: Загрузка CodeIgniter

Для начала работы, необходимо скачать сам Codeigniter, для этого переходим на официальный сайт: http://codeigniter.com/. Последняя версия на момент написания статьи: 1.7.1.

Шаг 2: Установка

После того, как скачали Codeigniter. Распаковываем архив и переименовываем папку “CodeIgniter_1.7.1”. После этого копируем папку с фреймворком к себе на сервер. В моем случае я назвал папку – «ci». В результате у вас должна получиться следующая структура:

Шаг 3: Настройка Codeigniter

Открываем файл /system/application/config/config.php
Находим строку:

$config['base_url'] = "http://example.com/";

И меняем ее на

$config['base_url'] = "http://localhost/ci/";

По умолчанию система адресов в Codeigniter строится по такому принципу:
www.your-site.com/index.php/news/article/my_article
Использовать такой адрес нежелательно, поэтому в том же файле config.php ищем строчку:

$config['index_page'] = "index.php";

Далее заменяем эту строку на

$config['index_page'] = "";

Создаем в корневой папке файл .htaccess, чтобы удалить из запроса index.php.


    RewriteEngine On
    RewriteBase /
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ ci/index.php/$1 [L]

Шаг 4: Тестирование

Переходим по адресу http://localhost/ci/. Видим следующую страницу с приветствием:

Шаг 5: Создание «HelloWorld» приложения

Создание базы данных
Создадим базу “helloworld”и добавим в нее таблицу “tdata” выполнив следующий запрос:

CREATE TABLE `tdata` (
  `pk_id` int(11) NOT NULL auto_increment,
  `fc_title` varchar(20) default NULL,
  `ft_text` text,
  PRIMARY KEY  (`pk_id`)
) ENGINE=MyISAM AUTO_INCREMENT=2 DEFAULT CHARSET=utf8 AUTO_INCREMENT=2 ;

Добавим запись в таблицу “tdata”:

INSERT INTO
            tdata (fc_title, ft_text)
VALUES
            ('Hello World', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sapien eros, lacinia eu, consectetur vel, dignissim et, massa.')

Настройка соединения с базой данных
Открываем файл system/application/config/database.php, вносим свои настройки для соединения с БД. В моем случае настройки будут выглядеть так:

$db['default']['hostname'] = "localhost";
$db['default']['username'] = "root";
$db['default']['password'] = "";
$db['default']['database'] = "helloworld";

Для работы с базой данных нам необходимо подключить библиотеку “database”. Для этого открываем файл system/application/config/autoload.php и добавляем библиотеку.

$autoload['libraries'] = array('database');

По умолчанию CI использует контроллер welcome.php; найти его можно в папке controllers. Для создания нашего “helloworld” приложения этот контроллер не нужен, поэтому удаляем его. Далее открываем файл system/application/config/routes.php, находим строку:

$route['default_controller'] = "welcome";

и исправляем ее на

$route['default_controller'] = "helloworld";

Codeigniter так же по умолчанию использует отображение welcome_message расположенное в папке views, нам он тоже не нужен и поэтому можно его удалить.
Создание модели “HelloWorld”
Модели в CI представляют из себя php класс для работы с базой данных. Создадим модель helloworld_model.php в папке system/application/models. Добавим в нашу модель конструктор и метод getData.

db->get('tdata');
            //Возвращаем результат
            return $query->result();
        }   

}
?>

Создание контроллера “HelloWorld”
Контроллер это простой файл с классом, названным так чтобы ассоциироваться с URI, по которому он будет вызван. Создаем контроллер helloworld.php в папке controllers.

load->model('helloworld_model');   

            $data['content'] = $this->helloworld_model->getData();
            $data['page_title'] = "CI Hello World App!";   

            $this->load->view('helloworld_view',$data);
        }
    }
?>

Создание отображения “HelloWorld”
Отображение — это простая веб-страница или ее фрагмент, например шапка, подвал, боковая панель или т.д. Создаем отображение helloworld_view.php в папке views.


       

    
    
           
fc_title?>

ft_text?>

Переходим по адресу http://localhost/ci/ или http://localhost/ci/helloworld и видим, что вместо приветствия теперь отображается наша информация из базы данных.

Выбор PHP фреймворка. Сравнение CodeIgniter, Kohana, Yii.

d4rkr00t — Sat, 07 Mar 2009 20:21:09 +0000

В декабре 2008, наконец появилась релизная версия нового PHP фреймворка Yii. В 2008 году было выпущено много PHP фреймворков, но Yii наиболее интересный из них, потому что:

Его автор Qiang Xue, также разработчик фреймворка PRADO.
Это простой в использовании, хорошо организованный, полностью PHP5 совместимый фреймворк, построенный на архитектуре MVC.
И утверждаю, что это лучший по производительности PHP фреймворк.

Перейдем непосредственно к сравнению.

Версии фреймворков использованных в тесте:

Codeigniter 1.7.1

Kohana 2.3.1

Yii 1.0.3

Лицензия

CodeIgniter (отлично)

CI использует модифицированную BSD/Apache-style license.

Kohana (отлично)

Kohana использует новую BSD license.

Yii (отлично)

Yii использует новую BSD license.

Совместимость с различными версиями PHP

CodeIgniter

PHP >= 4.3.2 (Включая все версии PHP5).

На первый взгляд хорошо, что CI поддерживает PHP4 и PHP5. Однако если вы знакомы с ООП то знаете, что авторы пошли на компромиссы для поддержки PHP4. Это одна из главных причин по которой разработчики стали переходить на другие фреймворки.

Если вы решили использовать CI в своих проектах, рекомендую настроить ваше приложение на использование только PHP5 с нормальным ООП.

Kohana

PHP >= 5.2.3

Yii

PHP >= 5.1.0

Поддерживаемые базы данных

CodeIgniter (отлично)

MySQL

MySQLi

PostgreSQL

MSSQL

Oracle

SQLite

ODBC

Kohana (хорошо)

MySQL

MySQLi

PostgreSQL

MSSQL

PDOSqlite

Yii (отлично)

Поддерживаются все БД поддерживаемые PDO (PHP Data Object).

Сообщество

CodeIgniter (отлично)

Отличное, сильное и активное комьюнити. CI имеет хороший форум, bug tracker и wiki.

Kohana (хорошо)

Комьюнити поменьше чем у Codeigniter. Kohana может предложить нам форум, Trac и IRC.

Yii (хорошо)

Самый молодой фреймворк и по этому имеет самое маленькое комьюнити пользователей, но оно активно развивается по мере увеличения интереса к фреймворку.

Yii предлагает нам форум, проект хостящийся на Google Code и раздел докоментации с возможностью комментирования.

Документация

CodeIgniter (отлично)

Лучшая документация из всех представленных в данном обзоре фреймворокв. Просто всеобъемлющая, простая для понимания и актуальная документация.

Kohana (хорошо)

Документация явно слабее чем у CI. В настоящее время она охватывает большую часть аспектов разработки, однако некоторые части документации являются устаревшими, а иногда и неправильными.

Yii (плохо)

Документация Yii, выглядит довольно хорошо. Все функции и изменения хорошо задокументированы, видно, что происходит с каждой версией Yii. Api документация так же на высоком уровне. Тем не менее, многие особенности на данном этапе не описаны в руководстве. Что бы разобраться в некоторых вещах приходится полазить по API документации.

Tutorial / Примеры

CodeIgniter (хорошо)

В wiki приличное количество статей с примерами, если этого мало есть замечательный форум в котором можно найти решение практически любой задачи.

Kohana (хорошо)

Kohana имеет специальную страницу руководства, но оно немного устаревшее. Также организован учебный центр, который правда не обновлялся с сентября 2008 года.

Yii (хорошо)

Yii имеет Cookbook раздел, который содержит подборку учебных пособий. Как всегда если мало руководства, есть форум.

MVC

Все три фреймворка используют архитектуру MVC (Model-View-Controller).

CodeIgniter

Помимо стандартной архитектуры MVC предлагает: библиотеки, плагины, хелперы и хуки.

Kohana

Помимо стандартной архитектуры MVC предлагает: модули, события, библиотеки, хелперы, хуки.

Yii

Помимо стандартной архитектуры MVC предлагает: компоненты, модули, расширения, виджеты, хелперы.

Модульность

CodeIgniter (с помощью сторонних библиотек)

CI в стандартной поставке не поддерживает модульность, однако вы можете добавить ее сами с помощью сторонних библиотек, таких как: HMVC или Matchbox.

Kohana (отлично)

Kohana предлагает не только модули, но и имеет каскадную файловую систему выводящую модульность на новый уровень.

Yii (хорошо)

Yii с версии 1.0.3 поддерживает модульность.

Конфигурация

(хорошо)

CodeIgniter имеет довольно хорошую конфигурационную систему.

Kohana (отлично)

Kohana имеет отличную конфигурационную систему.

Yii (хорошо)

Yii имеет довольно хорошую конфигурационную систему.

Класс абстракции БД и ORM

CodeIgniter (хорошо)

CodeIgniter обладает очень мощным классом для работы с БД, который поддерживает как традиционные структуры, так и шаблоны Active Record. Но не имеет встроенной поддержки ORM.

Kohana (отлично)

Одним из важнейших средством для уменьшения времени разработки проектов для меня является ORM. Kohana предлагает легкую, но достаточно функциональную реализацию ORM. Она не столь сложная как Rails Active Record, но работать с ней достаточно удобно. Особенно люблю простоту обновления many-to-many записей.

Yii (хорошо)

В Yii более сложный синтаксис объявления модели отношений, чем в Kohana. Тем не менее, она так же предлагает более мощный функционал.

Авторизация и ACL

CodeIgniter (с помощью сторонних библиотек)

CI имеет несколько сторонних библиотек реализующих функционал ACL. Подробней можно почитать на форуме.

Kohana (хорошо)

Kohana имеет встроенный модуль авторизации, а также есть несколько сторонних разработок.

Yii (отлично)

Yii имеет встроенный модуль авторизации и аутентификации, достаточно гибкий и простой в использовании.

Валидация

CodeIgniter (отлично)

CodeIgniter form validation library.

Kohana (отлично)

Kohana validation library.

Yii (отлично)

Yii’s использвание валидаторов. Все системные валидаторы хранятся в директории «validators» в главной директории фреймворка.

Кеширование

Codeigniter (частично)

Позволяет кешировать только страницы полностью.

Kohana (хорошо)

Kohana обладает чуть более продвинутой системой кеширования, которая поддерживает файлы, SQLite, APC, eAccelerator, memcache и XCache based caching.

Yii (хорошо)

Как и Kohana, Yii поддерживает memcache, APC, Xcache и основанное на БД кеширование страниц целиком и по частям.

Сессии

Codeigniter (хорошо)

Класс сессий в CI достаточно хорош, он поддерживает хранение и обработку данных.

Kohana (хорошо)

Аналогично CI, Kohana предлагает хорошую библиотеку по работе с сессиями.

Yii (отлично)

Yii предоставляет более мощный и гибкий класс по работе с сессиями. К сожалению он в данный момент плохо задокументирован.

Logging \ Debugging

Codeigniter (хорошо)

CI имеет простой класс обработки ошибок, а так же profiler класс.

Kohana (отлично)

Имеет хороший logging класс, а так же более гибкий профайлер.

Yii (отлично)

Yii так же имеет классы обработки ошибок и профайлер, такие же мошные и гибкие как в Kohana.

Шаблоны

Все три фреймворка используют nativе’ный PHP в шаблонах.

Codeigniter (поддерживает альтернативный синтаксис)

CI также предоставляет альтернативный парсер шаблонов, template parser class.

Kohana (поддерживает альтернативный синтаксис с помощью сторонних библиотек)

Kohana не имеет встроенной поддержки альтернативного синтаксиса шаблонов. Но ее можно добавить с помощью сторонних библиотек, например Temper.

Yii (поддерживает альтернативный синтаксис)

Yii также поддерживает альтернативный синтаксис шаблонов, заимствованный из PRADO.

Хелперы

Набор функций, для решения определенных задач.

Codeigniter (отлично)

Имеет 21 встроенный хелпер.

Kohana (отлично)

В Kohana включено 19 хелперов.

Yii (частично)

Встроено 6 хелперов.

Встроенные JavaScript библиотеки

Codeigniter (нет)

Нет встроенных библиотек.

Kohana (нет)

Нет встроенных библиотек.

Yii (Да)

Yii поставляется с библиотекой jQuery. А также с рядом полезных классов таких как авто-дополнение.

Web сервисы

Рекомендую интегрировать Zend Framework для работы с веб сервисами.

Codeigniter (ограничено)

Есть XML-RPC класс.

Kohana (нет)

Нет поддержки веб сервисов.

Yii (ограничено)

Поддерживается SOAP.

Многоязычность

Codeigniter (ограничено)

В CI встроен простой класс для поддержки многоязычности.

Kohana (плохо)

Kohana предоставляет базовый класс по работе с локалями и многоязычностью.

Yii (хорошо)

Yii содержит более полный класс поддержки многоязычности.

Unit Testing

Я рекомендую использовать SimpleTest или PHPUnit для тестирования.

Codeigniter (ограничено)

CI имеет очень простой класс для тестирования.

Kohana (нет)

Нет встроенной поддержки Unit тестирования.

Yii (нет)

Так же как и в Kohana отсутствует встроенная поддержка Unit тестирования.

Вердикт

На мой взгляд нет лучшего фреймворка, да и целью статьи не было его определение, а скорее анализ плюсов и минусов каждого. А каким пользоваться решать вам. В данный момент я использую CI и присматриваюсь к Kohana, планирую переносить разработки на него.

Так же можете почитать мой обзор фреймворка CodeIgniter.

Обзор фреймворка CodeIgniter

d4rkr00t — Fri, 06 Mar 2009 18:26:35 +0000

Начну свой обзор этого замечательного framework’a, с самого понятия framework:

Фреймворк (framework): Готовый каркас, на основе которого будет строится приложение. В него включены наиболее часто используемые библиотеки. Отпадает необходимость продумывать структуру приложения, организовывать работу с модулями, классами и т.д.

Зачем изобретать велосипед когда можно воспользоваться готовым универсальным решением. С понятием «framework» разобрались, перейдем непосредственно к самому CodeIgniter’у.

CodeIgniter — фреймворк написанный на PHP для разработки полноценных web приложений компанией EllisLab.

Текущая версия: 1.7.1

Главными достоинствами является скорость и свобода предоставляемая программисту, а также маленький размер фреймворка.

Возможности они же плюсы

Поддержка версий PHP4 и PHP5. Хотя мое мнение, от PHP4 можно отказаться как сделали во фреймворке Kohana.
Модель MVC (Model-View-Controller).
Поддержка баз данных MySQL, PostgreSQL, MSSQL, SQLite, Oracle.
Легко расширяемая система через подключение собственных библиотек и плагинов.
Фреймворк уже содержит в себе большинство необходимых библиотек для работы с файлами, отправки электронных писем, проверкой данных форм, поддержки сессий, работу с изображениями и многие другие.
Обладает возможностью кеширования на стороне сервера SQL-запросов и генерируемых html-страниц.
Хорошо документация на русском языке. Один из главных плюсов для меня.
Очень быстр в работе. В этом смысле — эталон скорости и пример для подражания.
Возможность использование ЧПУ. Так же возможно использовать стандартый вид адресной строки.

Codeiginter идеальный выбор для тех, кто начинает изучать фреймворки. Такой продуманной и полной документации на русском языке нет ни у одного фреймворка.

Рассмотрим возможности подробней:

Модель MVC:

Codeigniter основан на модели MVC (модель-отображение-контроллер). Это позволяет отделить логику приложения от представления.

Модель — Класс модели, набор функций для работы с данными, который поможет вам обновить, получить, добавить информацию.
Отображение — Шаблон для отображения данных, обычно простой html со вставками php.
Контроллер - выступает в роли посредника между Моделью, Отображением, и любыми другими ресурсами.

В CodeIgniter модели не являются обязательными, можно использовать только контроллер и отображение.

Легко расширяемая система:

Создание библиотек — Собственные библиотеки (классы) хранятся в папке «application/libraries» для разделения ресурсов фреймворка между локальными и глобальными.

Вы можете создавать совершенно новые библиотеки.
Вы можете расширять функционал родных библиотек.
Вы можете полностью заменять родную библиотеку.

Хелперы — коллекция функций помогающая в решении определенных задач.Вы также можете создавать совершенно новые хелперы или заменить родные.
Плагины — практически идентичны хелперам, главное их отличние, что плагин это одна функция.

Возможность использование ЧПУ:

Codeigniter генерирует чистые и понятные для поисковых систем URL.

www.your-site.com/class/function/id/

Фреймворк уже содержит в себе большинство необходимых библиотек:

Список всех библиотек входящих в состав фреймворка можно посмотреть на сайте http://code-igniter.ru

Почему CodeIngiter?

Я не один раз задавал себе этот вопрос. В сторону выбора именно этого фремворка склоняет:

Очень подробная документация на русском языке
Гибкость
Простота в изучении
Скорость работы
Огромное количество пользовательских библиотек для решения практически любых задач.

Минусы

А как же без них. Главным недостатком для меня остается то, что разработчики держутся за PHP4, а не переносят фреймворк полностью на PHP5. Так же отсутствие родного модуля для работы с пользователями, т.е. Регистрация, авторизация, разграничение прав доступа и т.д. Отсутствие ORM.

Полезные ресурсы по фреймворку

Сodeigniter.com – Оффициальный сайт фрейворка.

Code-igniter.ru – Русский сайт по codeigniter, содержит практически полностью переведенную документацию по фреймворку.

Пара интересных блогов по codeigniter:

http://blog.termit.name/codeigniter/

http://rmcreative.ru/blog/tag/CodeIgniter

Ну и как же без хабрахабра – http://habrahabr.ru/blogs/codeigniter/