П`ятниця, 29.03.2024, 10:11 | RSS | Приветствую Вас Гість
Главная | Регистрация | Вход
Створення
Просування
Оптимізація
Ми переїхали!!!
Нова адреса сайту http://buildsait.pp.ua/
Главная
Меню сайта
Категории раздела
Підготовка до створення сайта [8]
Добре спроектований проект, буде створити простіше та швидше. Сюди відноситься: вибір тематики сайта, практичні поради для початківців і ін...
Установка програм [9]
Список необхідних програмних інструментів для створення web-проектів (сайтів). Інструкції по установці програм і посилання на дистрибутиви.
Приклад створення web-сайту [12]
Опис практичного прикладу створення конструкції web-сайту. Практичний приклад створення web-сайту.
Хостинг і домен [7]
Поняття хостингу і домену. Опис видів хостингу, їх порівняння і правила вибору оптимального хостингу. Як правильно підібрати ім'я домену...
Оптимізація web-сайту [7]
Оптимізований під пошукові системи web-сайт забезпечує високі позиції, швидку індексацію сторінок і, як результат, більшу кількість відвідувачів.
Розкручення web-сайту [9]
Опис основних видів і способів розкручення web-сайту. Опис різноманітних факторів, які впливають на позицію отриманих сторінок web-сайту при пошуковому запиті.
Заробіток web-майстра [6]
Опис основних видів заробітку web-майстрів, власників сайтів. Опис деяких партнерських програм, спосіб їх ефективного використання.
Joomla, Drupal, Wordpress [3]
Статті про CSM Joomla, Drupal та Wordpress
Joomla [4]
Матеріали пов'язані з використанням Joomla
Wordpress [1]
Матеріали пов'язані з використанням Wordpress
Drupal [1]
Матеріали пов'язані з використанням Drupal
Поиск
Наші спонсори
Тут може бути розміщена Ваша реклама

Главная » Статьи » Приклад створення web-сайту

8. Практичний урок
   Практичний урок самостійного створення сайту
   Ну що ж, приступимо, давайте визначимося по-пунктно із чого почнемо й ... почнемо:

  1. Визначимося з місцем дислокації вашого майбутнього сайту на вашому комп"ютері;
  2. Створимо "файл php";
  3. Створимо папки для бібліотеки Smarty;
  4. Створимо файл із кодом PHP для підключення до бази даних MySQL;
  5. Зробимо файл із кодом PHP;
  6. Створимо "файл-шаблон";
  7. Виведемо сторінку в браузер;

  1. Місце дислокації.
  Якщо ви детально додержувалися інструкцій по установці необхідних програмних інструментів для створення сайту, то ваш Web-сервер (Apache HTTP Server 2.2) буде шукати ваш проект сайту в папці "C:\apache\localhost\www". Давайте його там і створимо

  2. Створюємо "файл php".
   У папці "C:\apache\localhost\www" створимо папку test, а в ній створимо файл "index.php". Зміст файлу буде наступний:

  <?php /*відкриваємо код PHP і далі пишемо мовою PHP*/

  /*Прописуємо шляхи Smarty*/
  define("SMARTY_DIR","../../smarty_setup/"); /*Прописуємо шлях до Smarty (як ви пам"ятаєте, бібліотеку Smarty ми розпакували в папку "C:\apache\localhost\smarty_setup")*/

  require(SMARTY_DIR."Smarty.class.php"); /*Підключаємо Smarty (переходимо на 2 корені нагору від вихідного файлу, заходимо в папку "smarty_setup" і підключаємо файл "Smarty.class.php")*/
  $smarty = new Smarty ();

/*Нижче вказуємо шляхи для використання бібліотекою Smarty*/
  $smarty ->template_dir="smarty/templates/"; /*Прописуємо шлях до "файлів-шаблонів"*/
  $smarty ->compile_dir="smarty/templates_c/"; /*по ходу це папка для компіляції шаблонів*/
  $smarty ->config_dir="smarty/configs/"; /*папка для конфігурації*/
  $smarty ->cache_dir="smarty/cache/"; /*папка для кешування сторінок*/

  session_start(); /*Стартуємо сесію, це нам необхідно для, подальшого збереження значень за допомогою змінних сесій*/

  require("inc/linkmysql.php"); /*підключення бази даних MySQL (у вигляді окремого файлу з кодом PHP)*/

  require("inc/main.php"); /*підключення файлів з кодом PHP*/

/*присвоєння значень змінних PHP змінним Smarty*/
  $smarty ->assign("peremen_smarty",$peremen_php);
  $smarty ->assign("peremen_smarty2",$peremen_php2);

  $smarty ->caching=false; /*відключаємо кешування сторінок*/

  $smarty ->display("hablon.tpl"); /*виклик необхідного "файлу-шаблона"*/

/* закриваємо код PHP*/
  ?>

  Прекрасно, тепер, необхідно створити ще кілька файлів і папок.

  3. Cтворимо папки для бібліотеки Smarty:
в папці "C:\apache\localhost\www\test" створюємо папку: "smarty", а в ній 4 папки: "templates", "templates_c", "configs" і "cache".

  4. Створимо файл із кодом PHP для підключення до бази даних MySQL:
в папці "C:\apache\localhost\www\test" створюємо папку: "inc", а в ній файл "linkmysql.php", з наступним змістом:

  <?php /*відкриваємо код PHP і далі пишемо мовою PHP*/

/* Дані для mysql сервера, підключаємося до бази даних*/
$dbhost = "localhost"; /*Хост*/
$dbuser = "root"; /*Ім"я користувача*/
$dbpassword = "root"; /*Пароль*/
$dbname = "mybase"; /*Ім"я бази даних*/
$link = mysql_connect($dbhost, $dbuser, $dbpassword); /*Підключаємося до mysql сервера*/
mysql_select_db($dbname, $link); /*Вибираємо нашу базу даних*/

/*Створюємо базу даних, створюємо в ній таблицю з 2 полями, і робимо 2 записи*/
$query = "CREATE DATABASE `mybase`"; /*Готуємо запит по створенню бази "mybase"*/
mysql_query($query, $link); /*Виконуємо запит до MySQL*/

$query = "CREATE TABLE `mybase`. `mytable` (`index` INT NOT NULL AUTO_INCREMENT PRIMARY KEY , `name` TEXT NOT NULL) ENGINE = MYISAM"; /*Робимо запит по створенню таблиці "mytable" із двома полями "index" і "name"*/
mysql_query($query, $link); /*Виконуємо запит до MySQL*/

$query = "INSERT INTO `mybase`. `mytable` (`index`, `name`) VALUES ("1", "Кінь"), ("2", "Поні");"; /*Готуємо запит по створенню двох записів у створену таблицю (перший запис: у поле index "1", у поле name "Кінь", другий запис відповідно "2", "Поні")*/
mysql_query($query, $link); /*Виконуємо запит до MySQL*/

/*Робимо запит до таблиці "mytable" бази даних "mybase" і привласнюємо значення поля "name" зміною PHP ($peremen_php)*/
$query = "SELECT * FROM `mytable` WHERE `index` =1"; /*Готуємо запит по одержанню даних рядка 1 таблиці "mytable"*/
$result = mysql_query($query, $link); /*Виконуємо запит до MySQL*/

$line = mysql_fetch_array($result, MYSQL_ASSOC); /*Асоціативний результат привласнюємо змінній масиву*/
$peremen_php = $line["name"]; /*Привласнюємо змінній php одне зі значень масиву $line, а саме поля "name"*/

mysql_close($link); /*Закриваємо з"єднання з базою даних*/

/* закриваємо код PHP*/
  ?>

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

  5. Зробимо файл із кодом PHP.
  Зазвичай файли із додатковим кодом php підключаються, за результатами виконання програмою деяких умовних операторів (наприклад, if, while і т.п.). Умови яких виконуються й код відповідно теж, або не виконуються, тоді програма ігнорує підключення додаткового файлу з кодом. У даному прикладі, ми просто підключимо файл зі змінною php, що буде містити код html-розмітки, і за допомогою змінної smarty вставимо цей код в "файл-шаблон". Отже, у папці "C:\apache\localhost\www\test\inc" створюємо файл "main.php", з наступним змістом:

  <?php /*відкриваємо код PHP і далі пишемо мовою PHP*/

$peremen_php2 = "
<table width=\"522\" height=\"87\" border=\"1\">
<tr>
<td colspan=\"2\">Ця табличка створена з додатково підключеного файлу з кодом php</td>
</tr>
<tr>
<td width=\"235\">&nbsp;</td>
<td width=\"271\">&nbsp;</td>
</tr>
</table>
";

/*закриваємо код PHP*/
  ?>

  6. Створимо "файл-шаблон"
  У папці "C:\apache\localhost\www\test\smarty\templates" створюємо файл "hablon.tpl", з наступним змістом:

<!--Звичайний заголовок html-сторінки-->
<html>
<head>

<!--Назва сайту, вона ж назва сторінки в браузері -->
<title>Назва сайту</title>

</head>
<!--Заголовок закінчується й далі йде тіло сторінки -->

<!--Тут починається наша сторінка, що відображається в браузері -->
<body>

<table width="100%" height="100%" border="1">
<tr>
<td height="75" colspan="2"><div align="center">Тут ви можете розмістити, наприклад, заголовок вашого сайту</div></td>
</tr>
<tr>
<td width="18%" ><div align="center">Сюди впишемо змінну smarty значення якої взято з бази даних: {$peremen_smarty}</div></td>
<td width="82%" height="475"><div align="center">А тут ви можете розмістити, наприклад, вашу сторінку з інформацією. Інформація буде перебувати в змінній Smarty, давайте її впишемо: {$peremen_smarty2}</div></td>
</tr>
</table>

<!--Сторінка закінчується -->
</body>
</html>

  7. Виведемо сторінку в браузер.
  Ну от, нарешті можна подивитися, що в нас вийшло. Зберігаємо всі відкриті файли й закриваємо їх. Відкриваємо браузер і пишемо в адресному рядку: "http://localhost/test". У результаті, якщо ви все зробили правильно, ви одержите табличку, де в нижньому стовпчику ліворуч висвітиться слово кінь, а в правій ще одна табличка
  У кожному разі, я думаю, у вас щось виводиться на екран :))))
  А я можу вас поздоровити із тим, що у вас тепер є й основна конструкція сайту, яку ви згодом можете перетворити в якісний Web-проект.
Категория: Приклад створення web-сайту | Добавил: defaultNick (18.11.2009)
Просмотров: 1472
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Copyright MyCorp © 2024
Безкоштовний хостинг uCoz