August 23, 03:17 pm

tutorials

articles

scripts

contact

Welcome до PHPRecipes, запустити місце для PHP scripts, tutorials,

and gourmet cooking tips and recipes!

Copyright 2000 PHPRecipes. Всі права захищені.

contact |

your privacy

На рис. 9.1 показано, як отримана сторінка виглядає у браузері. Хоча я зазвичай не користуюся рамками таблиць, цього разу я їх вивів, щоб на малюнку наочно виділялися три частини сторінки.

Мал. 9.1. Зовнішній вигляд сторінки, побудованої у лістингу 9.8

Оптимізація шаблонів

У другому (на мій погляд, кращому) варіанті шаблони оформляються у вигляді функцій, що знаходяться в окремому файлі. Тим самим забезпечується додаткове структурування ваших шаблонів. Я називаю цей файл ініціалізаційним файлом та зберігаю в ньому іншу корисну інформацію. Оскільки ми вже розглянули відносно довгі приклади заголовка та колонтитулу, вміст листингів 9.10 та 9.11 був трохи скорочений для наочної демонстрації нової ідеї.

Лістинг 9.10. Оптимізований шаблон сайту (site_init.tpl)

// Файл: site_init.tpl

// Призначення: ініціалізаційний файл PhpRecipes

$site_name = "PHPRecipes";

$site_email = " [email protected]";

$site_path = "http://localhost/phprecipes/";

function show_header($site_name) (

This is the header

function show footer()

This Is the footer

Лістинг 9.11. Застосування ініціалізаційного файлу

// Включити ініціалізаційний файл

include("site_init.tpl");

// Вивести заголовок

show header ($ site_name);

// Вміст основної частини This is some body information

// Вивести колонтитул Show_footer();

Проект: генератор сторінок

Хоча у більшості створених мною web-сайтів основний вміст сторінок формувався на основі інформації, прочитаної з бази даних, завжди знайдеться кілька сторінок, які практично не змінюються. Зокрема, на них можуть виводитися відомості про команду розробників, контактні дані, реклама і т.д. Я зазвичай зберігаю цю «статичну» інформацію в окремій папці та використовую сценарій PHP для її завантаження під час надходження запиту. Звичайно, у вас виникає питання – якщо це статична інформація, для чого потрібен сценарій PHP? Чому не завантажувати звичайні сторінки HTML? Перевага PHP полягає в тому, що ви можете використовувати шаблони та вставляти статичні фрагменти за необхідності.

<а href = "/static.php?content=$content">Static Page Name

Почнемо зі створення статичних сторінок. Для простоти я обмежуся трьома сторінками, що містять інформацію про сайт (листинг 9.12), рекламу (листинг 9.13) та контактні дані (листинг 9.14).

Лістинг 9.12. Інформація про сайт (about.html)

About PHPRecipes

What programmer doesn"t mix all night programming with gourmet cookies. Here at PHPRecipes. hardly a night goes by without one of our coders mixing a little bit of HTML with a tasty plate of Portobello Mushrooms or even Fondue. best of what we love most: PHP and food!

That's right, readers. Tutorials, scripts, souffles and more. 0nly at PHPRecipes.

Advertising Information

Беззастережно, де вони беруться до пізнання останніх PHP технологій або для бризкування вгору

до bake chicken, ви можете між нашими лідерами є рішення makers. Вони є Industry

Professionals, які роблять рішення про те, що їх фірма придбає.

Для advertising information, contact

">[email protected].

Лістинг 9.14. Контактні дані (contact.html)

Contact Us

Have a coding tip?

Know the perfect topping for candied yams?

Let us know! Contact the team at [email protected].

Переходимо до побудови сторінки static.php, яка виводить запитувану статичну інформацію. Цей файл (див. листинг 9.15) включає компоненти сторінок нашого сайту та ініціалізаційний файл site_init.tpl.

Лістинг 9.15. Загальне виведення статичних сторінок (static.php)

// Файл: static.php

// Призначення: відображення статичних сторінок, що запитуються.

// УВАГА: передбачається, що файл "site_init.tpl" і все

/ / Статичні файли знаходяться в тому ж каталозі.

// Завантажити функції та змінні include("site_init.tpl"):

// Вивести заголовок show_header($site_name);

// Вивести запитуваний зміст include("$content.html"):

// Вивести колонтитул show footer();

Тепер усе готове до побудови основного сценарію. Просто увімкніть до сторінки

<а href = "static.php?content=about">Static Page Name

Advertising Information

Contact Us

Якщо натиснути на будь-яке з цих посилань, у браузері завантажується відповідна статична сторінка, впроваджена в static.php!

Підсумки

У цьому розділі ви познайомилися з першочерговим завданням, для вирішення якого і створювався PHP - динамічною побудовою web-сторінок. Було розглянуто такі питання:

• обробка URL;
• побудова динамічного змісту;
• включення та побудова базових шаблонів.

Глава завершується генератором сторінок - програмою, яка завантажує статичні сторінки шаблон і дозволяє легко організувати підтримку великої кількості статичних сторінок HTML.

Наступний розділ присвячений використанню PHP у поєднанні з формами HTML, що помітно підвищують ступінь інтерактивності вашого сайту. А потім – взаємодія з базами даних! Вам доведеться дізнатися багато цікавого.

З попередніх уроків ми дізналися, що за допомогою методу GET можна передавати деякі параметри прямо до URL. Однак ніщо не заважає нам робити це без форм, просто перераховуючи їх у URL.

Ми можемо надсилати параметри через URL. І ми можемо отримати ці параметри прямо у скрипті. То що нам заважає показувати користувачеві різні сторінки в залежності від параметрів URL?

Створення динамічної сторінки

Щоб показувати користувачеві різні сторінки, необхідно підготувати контент. Нехай він лежить у багатовимірному масиві:

"Створення динамічних сторінок", "content" => "Текст статті про динамічні сторінки." ], [ "title" => "Як зловити кошеня", "content" => "Текст статті про кошенят." ]]; ?>

Динамічний параметр URL буде називатися id, а ловити його будемо в $_GET["id"] . Ми могли б додати поле id кожному елементу масиву, але тоді довелося б перебирати всі елементи та шукати підмасив із потрібним id. Тому набагато простіше як ID використовувати ключі головного масиву.

Простіше кажучи, ми беремо id і намагаємося знайти статтю з таким ключем у масиві $articles. Виглядає це так:

Залишилося лише накидати виведення меню та перевірку id на коректність. Виходить справжній php-роутер!

"Головна сторінка", "content" => "Текст статті про наш сайт" ], [ "title" => "Створення динамічних сторінок", "content" => "Текст статті про динамічні сторінки." ], [ "title" => "Як зловити кошеня", "content" => "Текст статті про кошенят." ]]; # Якщо id передано - записуємо в $article статтю або null, якщо статті з таким id немає if(isset($_GET["id"])) $current_article = $articles[$_GET["id"]] ?? null; # Якщо id не переданий - це головна сторінка, можемо показати сторінку з id = 0 else $current_article = $articles; ?> $article): ?> ">

Помилка 404 - сторінка не знайдена

Тепер можна створювати динамічні сайти, на яких кількість сторінок залежить від кількості елементів масиву, а не PHP файлів. :) Якщо на сайті мають бути різні типи сторінок, наприклад стаття та товар, можна другим параметром передавати тип сторінки: site.ru?type=article&id=5 .

Звісно, ​​ця система не ідеальна. Через деякий час ви дізнаєтеся, як зробити нормальне ЧПУ (зручніші URL, наприклад site.ru/articles/5/) і зберігати статті у файлі або базі даних.

Для створення перспективного, розширюваного та ефективного сайту будь-якої складності слід розпочинати з простого. Це процес нелегкий, вимагає певних базових знань PHP і MySQL, але якщо його розглянути по пунктах - можна скласти свого роду «робочий план», який стане в нагоді при створенні нових сайтів. Підготуємо «ядро» та базу для проекту. Спочатку це буде звичайний сайт візитівка, але потім, додаючи функціонал, його можна перетворити на будь-що. Отже, почнемо.

1. Підготовка бази даних. Створюємо першу таблицю у БД MySQL

Створюємо нову базу даних, наприклад "mysite". Особисто я звик працювати з кодуванням UTF-8, тому відразу обмовлюся: простежте, щоб всі текстові файли сайту, сама база, таблиці і поля таблиць були в одному кодуванні.
У новій основі робимо таблицю. Назвемо її "pages". У цій таблиці зберігатимуться статичні сторінки майбутнього сайту та інформація про них. Таблиця повинна містити такі поля:

• page_id – ідентифікатор сторінки (SMALLINT, primary key, auto_increment);
• page_alias – псевдонім сторінки для рядка адреси ЧПК (VARCHAR, 255);
• page_title – назва сторінки у вікні браузера (VARCHAR, 255);
• page_meta_d - мета опис сторінки для тега meta description (VARCHAR, 255);
• page_meta_k – мета ключові слова для тега meta keywords (VARCHAR, 255);
• page_h1 - заголовок сторінки (VARCHAR, 255);
• page_s_desc - короткий опис матеріалу, наприклад, якщо матеріали сайту будуть у вигляді блогу (TEXT);
• page_content - основний текст сторінки, який виводитиметься в центральну колонку сайту (TEXT);
• page_publish – містить «Y» – якщо сторінка опублікована, або «N» – якщо вона прихована (CHAR, за умовчанням «Y»).

Відразу після створення таблиці вставляємо значення для головної сторінки сайту. У полі page_alias для головної сторінки пропоную вставити значення home. Метатеги - відповідно до тематики всього сайту. Таким же чином можна створити інші сторінки, наприклад «Про компанію» з аліасом «about» і своїми метатегами, або «Контакти» з аліасом «contacts» і т.д.

2. Створюємо файл конфігурації сайту

У кореневій папці сайту, яка має бути порожня на даному етапі, створюємо папочку "cfg", в ній за допомогою. htaccess закриваємо доступ директивою "deny from all". Створюємо файл core.php наступного змісту:

// MYSQL
class MyDB
{
var $dblogin = "root"; // ВАШ ЛОГІН ДО БАЗИ ДАНИХ
var $dbpass = ""; // ВАШ ПАРОЛЬ ДО БАЗИ ДАНИХ
var $db = "mysite"; // НАЗВА БАЗИ ДЛЯ САЙТУ
var $dbhost="localhost";

Var $link;
var $query;
var $err;
var $result;
var $data;
var $fetch;

Function connect() (
$this->link = mysql_connect($this->dbhost, $this->dblogin, $this->dbpass);
mysql_select_db($this->db);
mysql_query("SET NAMES utf8");
}

Function close() (
mysql_close($this->link);
}

Function run($query) (
$this->query = $query;
$this->result = mysql_query($this->query, $this->link);
$this->err = mysql_error();
}
function row() (
$this->data = mysql_fetch_assoc($this->result);
}
function fetch() (
while ($this->data = mysql_fetch_assoc($this->result)) (
$this->fetch = $this->data;
return $this->fetch;
}
}
function stop() (
unset($this->data);
unset($this->result);
unset($this->fetch);
unset($this->err);
unset($this->query);
}
}

Цей файл поки що містить лише простий клас підключення до бази даних, але надалі до нього можна додавати різні корисні функції, які будуть доступні з будь-якого місця в коді сайту. Не забудьте змінити логін та пароль до Вашої бази.

Якщо ви працюєте в середовищі Windows, я можу порекомендувати використовувати редактор . У цьому редакторі є нумерація рядків, і він легко переводить текст з одного кодування до іншого. УВАГА! Якщо Ви працюєте в кодуванні UTF-8 - конвертуйте файли в UTF-8 без BOM - це допоможе уникнути проблем у майбутньому.

3. Створюємо index.php – головний контролер сайту

Файл конфігурації створено. Тепер у кореневій папці сайту створюємо index.php – це і буде основний скрипт сайту, свого роду «головний контролер». Зміст файлу index.php:

define("INDEX", ""); // ВСТАНОВЛЕННЯ КОНСТАНТИ ГОЛОВНОГО КОНТРОЛЕРА

Require_once($_SERVER."/cfg/core.php"); // ПІДКЛЮЧЕННЯ ЯДРУ

// ПІДКЛЮЧЕННЯ ДО БД
$ db = New MyDB ();
$db->connect();

// ГОЛОВНИЙ КОНТРОЛЕР
switch ($_GET) (
case "page":
include($_SERVER."/com/page.php");
break;
default:
include($_SERVER."/com/home.php");
break;
}

Include ($_SERVER."/template.php");
$db->close();

Змінна $_GET вказуватиме головному контролеру який компонент сайту завантажувати при запиті. Зараз у нашому сайті передбачено лише два компоненти: «сторінка» та «головна сторінка» (в принципі можна обійтися і одним компонентом виведення звичайної сторінки, але часто вигляд головної сторінки сайту відрізняється від звичайних сторінок пунктів меню). Логіка роботи головного контролера така: з URL рядка витягується назва потрібного компонента (значення змінної $option), залежно з його значення підключається файл самого компонента (міститься у папці /com). Файл компонента виконує всі необхідні роботи, витягує з бази даних і записує їх у змінні, передачі у шаблон дизайну. В самому кінці підключається файл дизайну сайту, в який і передаються всі змінні та дані, витягнуті в компонентах. Це звучить набагато важче, ніж працює.

4. Створюємо компонент виведення звичайної сторінки

У корені сайту створюємо татку «com» ​​- в ній зберігатимуться файли компонентів. Компонент сайту, в моєму розумінні, - це файл, в якому відбувається обробка даних для різних розділів сайту. Наприклад компонент звичайної сторінки витягує з бази даних назву, опис та текст матеріалу, і записує їх у змінні $title, $meta_d, $meta_k, $content та ін. Ці дані потім передаються до шаблону дизайну (під кожен компонент можна створювати свій шаблон дизайну ) та виводяться користувачеві у вигляді HTML-сторінки. Наприклад, компонент каталогу, який можна створити в майбутньому, виконував би майже те саме, але з даними про товари - а там своя специфіка, інші поля в таблиці, ітд. Тому для кожного функціонального розділу сайту варто створювати окремий компонент. У схемі MVC (Model-View-Controller) компонент виконує роль моделі.

Створюємо в папці "com" файл "page.php". Вміст файлу:

/* КОМПОНЕНТ СТОРІНКИ */
$alias = $_GET;
$query = "SELECT * FROM pages WHERE page_alias="".$alias."" AND page_publish="Y" LIMIT 1";
$db->run($query);
$ db-> row ();
// ЗМІННІ КОМПОНЕНТА
$id = $db->data;
$alias = $db->data;
$title = $db->data;
$ h1 = $ db-> data;
$meta_d = $db->data;
$meta_k = $db->data;
$s_desc = $db->data;
$component = $db->data;
// ЯКЩО СТОРІНКИ НЕ ІСНУЄ
if (!$id) (
header("HTTP/1.1 404 Not Found");
$component = "ПОМИЛКА 404! Ця сторінка не існує";
}
$ db-> stop ();

5. Створюємо компонент виведення головної сторінки

Головна сторінка у нас у базі даних зберігається під псевдонімом «home», і поки що за своєю структурою не відрізняється від звичайних сторінок сайту – це просто стаття. Проте створимо для неї окремий компонент – на перспективу, так би мовити.

Вміст компонента "home.php" у папці "com" майже збігається з вмістом компонента звичайної сторінки, за винятком рядка запиту до бази та назви компонента. Рядок запиту тепер виглядає так:

$query = "SELECT * FROM wx_pages WHERE page_alias="home" LIMIT 1";

6. Створюємо шаблон дизайну всього сайту

У корені сайту створюємо файл template.php. По суті, це звичайний макет web-дизайну у форматі HTML+CSS, тільки з PHP змінними в потрібних місцях. Між тегами title вставочка, у центральній колонці сайту вставочкаі так по всьому шаблону розставляємо необхідні змінні, які оголошені в компонентах.

У кореневій папці також мають бути папки «css» та «images» для елементів дизайну. У файлі /css/style.css можна налаштувати стилі на свій розсуд.

7. Чисті посилання та файл.htaccess

Для створення чистих посилань я використовую mod_rewrite із прямими вказівками правил для кожного компонента окремо, оскільки розбір адресного рядка засобами самого контролера вважаю зайвим функціоналом. Вміст.htaccess на даному етапі такий:

RewriteEngine On
RewriteBase /

RewriteCond %(REQUEST_FILENAME) !-d
RewriteCond %(REQUEST_FILENAME) !-f

# ЗАБОРОНЕНІ ФАЙЛИ
RewriteRule .htaccess - [F]
RewriteRule template.php - [F]

# ПРАВИЛА mod_rewrite
RewriteRule page/(+)([\/](0,1))\.htm$ index.php?option=page&alias=$1 [L]

У майбутньому ми дописуватимемо правила для компонентів пошуку, каталогу, блогу статей і т.д. Сенс один: перетворити посилання виду «mysite.com/index.php?option=pages&alias=about» на посилання виду «mysite.com/pages/about.htm» - виглядає досить красиво. Намагайтеся у розробці уникати масиву $_GET з метою безпеки та не сподіватися на нього. Доцільно зберігати у ньому лише параметри головного контролера (змінна $option) і компонента (змінна $alias).

Також у кожній папці сайту «про всяк випадок» створіть порожній файл index.html - це потрібно для того, щоб при зверненні до каталогу через адресний рядок нічого не відображалося.

php, mysql, движок сайту, контролер, створення сайту, mvc

2017-01-10

Створюємо динамічний сайт за допомогою php

Привіт шановний відвідувач!

Сьогодні з головної сторінки за допомогою мови програмування PHP створимо динамічну сторінку, яка буде формуватися на сервері при кожному запиті користувачів.

Таким чином, змінивши структуру сайту і наповнивши його подібними сторінками, що змінюються, ми отримаємо динамічний сайт, що надалі дуже значно спростить його технічну підтримку та розвиток в порівнянні зі статичним варіантом.

• Навіщо потрібний динамічний сайт
• Як перетворити статичний сайт на динамічний
• Формуємо блоки динамічного сайту
• Перетворимо веб-сторінку зі статичної на динамічну
• Вихідні файли сайту

Навіщо потрібний динамічний сайт

Про те, навіщо потрібен динамічний сайт говорилося на самому початку покрокової інструкції в статті. Тому можна повернутися назад та освіжити це питання.

Також, якщо потрібно додатково розглянути плюси та мінуси статичних та динамічних сайтів, можна порадити ознайомитись на сторінках онлайн довідника "Puzzleweb.ru" з розділом Види сайтів, де досить лаконічно, але в той же час наочно дано пояснення щодо різних варіантів сайтів.

скріншот 12

До цього можна лише додати, що для отримання повноцінного інтернет-ресурсу неможливо пропустити цей крок і залишитися з варіантом статичного сайту.

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

Як перетворити статичний сайт на динамічний

Як відомо, принципова відмінність динамічного від статичного сайту в тому, що в статичному готові веб-сторінки лежать на сервері і чекають своєї черги для відправки в браузер користувача. При цьому, якщо сторінки матимуть навіть незначні відмінності, скажімо, різниця лише в одній фразі або взагалі в одному слові, то все одно це будуть окремі сторінки.

У динамічному ж варіанті формування сторінок відбувається на сервері при кожному запиті користувача в залежності від запитуваної інформації.

По-простому, це можна порівняти з конструктором, де з обмеженої кількості елементів можна складати велику кількість різних фігур. При цьому, якщо внести будь-яку зміну в один з елементів, воно буде відображатися на всій конструкції, що включає цей елемент.

Виходячи з цього і зробимо з нашої створеної головної сторінки подобу конструктора, що складається з певних елементів (у нашому випадку це будуть файли), з яких згодом збиратимуться веб-сторінки за запитами користувачів.

Для пояснення дій, які будемо виконувати, скористаємося HTML-кодом каркаса головної сторінки, отриманим на одному з етапів створення сайту в статті .

2. "utf-8" >

   "Description" content = "Короткий опис змісту сторінки" >

4. "wrapper" >

   Шапка

   Ротатор

   Основний зміст

   Сайдбар

Як видно з HTML-коду, контейнер , призначений для розміщення видимої частини веб-сторінки, містить такі основні блоки:

• Шапка;
• Ротатор;
• Основний вміст;
• Сайдбар;
• Підвал.

При цьому слід звернути увагу на те, що чотири з п'яти блоків є спільними, і лише один блок "Основний зміст" буде відмінним для кожної сторінки.

Для отримання елементів динамічного сайту виділимо вміст із цих блоків в окремі файли, які надалі підключатимемо при складанні різних веб-сторінок за запитами користувачів.

Зараз, на цьому етапі цих файлів буде лише п'ять. Але надалі, при додаванні до сайту сторінок або додаткового функціоналу, підключатимуться нові файли, і так далі, при необхідності.

Така побудова структури сайту дозволить надалі не займатися рутинною роботою щодо зміни HTML-коду всіх сторінок у разі заміни або доповнення будь-якого спільного для них фрагмента. У таких випадках достатньо буде внести зміни лише до певного файлу, і на цьому вся процедура заміни буде виконана. Як видно, перевага є.

А ось для того, щоб нам це зробити і знадобиться мова PHP, за допомогою якої веб-сторінки зможуть звертатися до цих виділених блоків і переносити їх вміст.

Якщо комусь ще не доводилося мати справу з мовою PHP, то бажано з нею познайомитися ближче, оскільки PHP є одним з найважливіших інструментів розробки сайтів. Це можна зробити, скориставшись різного роду довідковою літературою, яку на просторах рунету можна знайти у великій кількості.

Як варіант, неодноразово вже згаданий довідник Puzzleweb.ru, в якому одна з його частин приділена темі PHP. Для більш поглибленого вивчення PHP можна також скористатися спеціалізованим довідником, заточеним саме під цю мову, розміщену на сайті "php.ru". За посиланням "https://php.ru/manual/control-structures.intro.html" можна потрапити на його сторінку "Вступ", звідки легко вибрати будь-який розділ довідника, що цікавиться.

Але для того, щоб зараз зробити динамічний сайт і забезпечити можливість підключення файлів до HTML-сторінок достатньо використовувати лише одну мовну інструкцію (у PHP будь-який сценарій складається з послідовності інструкцій). Це може бути одна з чотирьох можливих варіантів інструкцій, призначених для підключення файлів:

• include;
• require;
• include_once;
• require_once.

Розписувати тут їх особливості немає сенсу, тому що це докладно пояснено в довідниках, наприклад, за посиланням "http://www.puzzleweb.ru/php/26_inc_files.php" можна добре з цим розібратися.

Ми ж при створенні сайту використовуватимемо інструкцію "require_once", зазвичай я використовую цей варіант, для мене він найбільш зручний.

Ну а тепер, коли ми розібралися, що робитимемо, далі перейдемо до практичних дій.

Формуємо блоки динамічного сайту

Для того, щоб сформувати блоки, які потім братимуть участь у збиранні веб-сторінок, в першу чергу необхідно їх створити. Робиться це у текстовому редакторі Notepad++ аналогічно тому, як ми створювали перший файл сайту "index.html" у статті Створюємо веб-сторінку та розміщуємо її на локальному веб-сервері. Тільки розширення у разі потрібно вказувати не "html", а "php". При цьому потрібно обов'язково звернути увагу на кодування, щоб уникнути появи на сторінках різного роду незрозумілих знаків.

Файли створюватимемо в окремій, новоствореній папці "blocks". Для файлів, які є спільними для всіх сторінок, назвемо назви з урахуванням назв відповідних блоків. А для блоку "main" вкажемо певну назву для кожної сторінки сайту.

Таким чином, для головної сторінки до блоку "main" будемо підключати файл під назвою "block_glavnaya". Для інших: "header", "section", "aside" та "footer".

При створенні файлів також можна врахувати, що для спрощення цієї процедури можна скористатися їх копіюванням за допомогою меню "Файл", вказавши при збереженні "Зберегти як" нову назву файлу.

Взагалі створення файлів стандартна процедура, тому складнощів виникнути не повинно. У результаті це має виглядати так.

Потім скопіюємо зміст кожного блоку та перенесемо його у відповідний файл. На прикладі "header.php" розглянемо це докладніше.

1. Відкриваємо в редакторі Notepad++ файл "index.html", виділяємо потрібну область блоку "header" та почерговим натисканням правої та лівої кнопки мишки копіюємо її в буфер обміну.

Слід зазначити, що ми копіюємо весь вміст блоку крім меню. Це з тим, що з відображення активної кнопки меню в атрибутах тега