Main > Databases | MySQL | OpenServer | PHP | Servers > Open Server, создание домена, базы данных и простого приложения на php

Open Server, создание домена, базы данных и простого приложения на php

23.01.2013 283 comments » Views: 222,299

Website

В этом посте я опишу, настройку домена, создание базы данных, и простого скрипта с использованием Open Server - платформы WAMP для веб разработчика. Итак поехали..

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

По-умолчанию путь этой директории: C:\Progr\OpenServer\domains\

Папка с доменами

Те кто работал до этого на Denwer-e не должны испытать трудностей с пониманием структуры. Тем кто не работал объясню: это корневая папка, в которой хранятся другие папки, название которых совпадает с именем домена по которому мы будем заходить.

Например, сразу после установки Open Server, мы можем зайти по адресу http://localhost

Проверка работы Open Server-а

Так вот, скрипты которые запустятся, находятся именно в папке:
C:\Progr\OpenServer\domains\localhost\

Папка со скриптами домена localhost

Теперь мы хотим создать домен http://itrem, так же хотим создать базу itrem, подключиться к ней и выполнить какие-нибудь SQL команды.

Поехали по-порядку:

а) Создаем папку C:\Progr\OpenServer\domains\itrem\, она будет являться нашим доменом, т.е. http://itrem

Добавляем папку itrem

б) В ней создаем файл index.php открываем его в редакторе, например в Notepad++, который можно запустить из контекстного меню Open Server-а, раздела "Офис"

Запуск Notepad++

и пишем в нем следующий, проверочный код


<?php
 echo 'Hello world';

<?php

echo 'Hello world';

Создаем index файл в папке домена

в) Перезапускаем сервер

Перезапуск Open Server-а

в случае успешного запуска, в разделе "Мои сайты", вы увидите наш сайт itrem

Список доступных доменов

Если же Вам не удалось увидеть список сайтов после проделанных манипуляций, попробуйте следующий вариант запуска: Open server, ограничение на работу с файлом hosts

г) Проверяем работу сайта в браузере, заходим по адресу: http://itrem

Проверка работы домена itrem в браузере

Обратите внимание, что в некоторых браузерах (например Chrome) необходимо задавать адрес включая название протокола ( т.е. http://itrem, а не itrem) иначе он просто перекинет вас на поиск гугла, с именем домена в качестве ключевого слова.

д) Входим в phpmyadmin.

Он находится по адресу: http://localhost/openserver/phpmyadmin/index.php (так же он доступен из контекстного меню OpenServer-а, пункт "Дополнительно>PhpMyAdmin")

Запуск phpMyAdmin

Для авторизации используем такие данные:

пользователь/пароль = root / -пустой пароль-
пользователь/пароль = mysql / mysql

Можно использовать оба варианта, но я бы рекомендовал второй, а именно mysql/mysql, т.к. для супер пользователя не применяются некоторые настроенные конфиги, например не устанавливается автоматически кодировка соединения с базой, поэтому при его использовании нужно дополнительно, в скриптах писать, что-то типа: mysql_query('SET NAMES "utf8"') либо использовать php функцию: mysql_set_charset('utf8').

Связанно это с тем, что суперпользователям не устанавливается кодировка, через параметр init-connect, который обычно прописывается в секции [mysqld], конфигурационного файла my.cnf (подробнее тут: 10.1.5. Configuring the Character Set and Collation for Applications). В данный момент именно так настроен OpenServer.

Так же, я писал пост, про то, как убрать авторизацию на совсем, пост тут: Openserver, phpmyadmin автовход

е) Создаем базу itrem

Создаем таблицу в phpMyAdmin

ж) Создаем таблицу messages

Создаем таблицу messages

следующим шагом, указываем какие нам нужны поля (часть столбцов, я пропустил там оставляем значения по-умолчанию)

Создание структуры таблицы messages

нажимаем Сохранить.

Если Вам проще будет выполнить SQL код (на вкладке SQL) можете просто его скопировать отсюда:

# создаем базу CREATE DATABASE `itrem`; # переключаем на базу USE `itrem`; # создаем таблицу CREATE TABLE IF NOT EXISTS `messages` ( `id` int(11) NOT NULL AUTO_INCREMENT, `message` varchar(255) NOT NULL, `date` date NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

# создаем базу
CREATE DATABASE `itrem`;

# переключаем на базу
USE `itrem`;

# создаем таблицу
CREATE TABLE IF NOT EXISTS `messages` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `message` varchar(255) NOT NULL,
  `date` date NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

ж) пишем такой код, в файл C:\Progr\OpenServer\domains\itrem\index.php

Внимание: Код написанный ниже не будет работать на версиях PHP 7.0+, т.к. в этих версиях удалена поддержка семейства функций mysql_*. Для корректной работы, либо поставьте в настройках OpenServer-а версию PHP < 5.5, либо используйте код из этой статьи "Пример создания простого приложения на php и mysql 2018", где я рассказал, как работать с базой данных еще проще (не надо писать запросы), используя ORM Idiorm.

Обратите внимание на кодировку файла, она должна быть "UTF-8 без BOM", проверить в Notepad++ это можно в верхнем меню, в разделе "Кодировки". При создании этого поста, я попался в эту ловушку, и долго не мог понять в чем проблема, подробнее тут: Openserver, MySQL, Notepad++ и пропадающая кириллица


<?php
	header('Content-Type: text/html; charset=utf-8');

	$db_host = 'localhost';
	$db_username = 'mysql';
	$db_password = 'mysql';
	$db_name = 'itrem';
	$db_charset = 'utf8';

	$is_connected = @mysql_connect($db_host, $db_username, $db_password);
	$is_db_selected = $is_connected ? @mysql_select_db($db_name) : FALSE; 

	$errors = array();

	if (!$is_connected) $errors[] = 'Не могу соединиться с базой данных';
	if (!$is_db_selected) $errors[] = 'Не могу найти базу данных';

	if (!empty($_POST['f_submit']) AND $is_connected AND $is_db_selected)
	{
		if (empty($_POST['f_text']) OR !trim($_POST['f_text']))
		{
			$errors[] = 'Не введен текст сообщения!';		
		}
		else
		{
			if (mb_strlen(trim($_POST['f_text']), 'utf-8')>255)
			{
				$errors[] = 'Текст сообщения не может превышать 255 символов!';
			}
			else
			{
				$sql = 'INSERT INTO `messages` SET
							`message`="'.mysql_real_escape_string(trim($_POST['f_text'])).'",
							`date`=NOW()
				';

				$result = mysql_query($sql) 
					  or die('Query error: <code>'.$sql.'</code>');

				Header('Location:?');
			}
		}
	}
?>
<html>
<head>
  <style type="text/css">
	body {font-size:11px; font-family:Arial;}
	.errors {color:red;}
	div.message {padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted silver;}
	div.message .date {color:blue;}
	div.message .text {color:green;}
  </style>
</head>
<body>
	<form action="?" method="post">
		Текст сообщения <input type="text" name="f_text" value="" />
		<input type="submit" name="f_submit" value="Отправить"/>
	</form>
<?php	

	if (!empty($errors))
	{
		echo '<hr /><ul class="errors">';
		foreach ($errors as $err)
		{
			echo '<li>'.htmlspecialchars($err).'</li>';
		}
		echo '</ul>';
	}

	if ($is_connected AND $is_db_selected)
	{

		$sql = 'SELECT * FROM `messages` ORDER BY `id` DESC';
		$result = mysql_query($sql) 
				  or die('Query error: <code>'.$sql.'</code>');
		if ( is_resource($result) ) 
		{
			echo '<hr />';
			while ( $row = mysql_fetch_assoc($result) )
			{
			?>
				<div class="message">
					<span class="date"><?=date('d.m.Y',strtotime($row['date']))?></span> -
					<span class="text"><?=htmlspecialchars($row['message'])?></span>
				</div>

			<?php
			}
		}
	}

?>
</body>
</html>

<?php

header('Content-Type: text/html; charset=utf-8');

$db_host = 'localhost';

$db_username = 'mysql';

$db_password = 'mysql';

$db_name = 'itrem';

$db_charset = 'utf8';

$is_connected = @mysql_connect($db_host, $db_username, $db_password);

$is_db_selected = $is_connected ? @mysql_select_db($db_name) : FALSE;

$errors = array();

if (!$is_connected) $errors[] = 'Не могу соединиться с базой данных';

if (!$is_db_selected) $errors[] = 'Не могу найти базу данных';

if (!empty($_POST['f_submit']) AND $is_connected AND $is_db_selected)

{

if (empty($_POST['f_text']) OR !trim($_POST['f_text']))

{

$errors[] = 'Не введен текст сообщения!';

}

else

{

if (mb_strlen(trim($_POST['f_text']), 'utf-8')>255)

{

$errors[] = 'Текст сообщения не может превышать 255 символов!';

}

else

{

$sql = 'INSERT INTO `messages` SET

`message`="'.mysql_real_escape_string(trim($_POST['f_text'])).'",

`date`=NOW()

$result = mysql_query($sql)

or die('Query error: <code>'.$sql.'</code>');

Header('Location:?');

}

<html>

<head>

body {font-size:11px; font-family:Arial;}

.errors {color:red;}

div.message {padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted silver;}

div.message .date {color:blue;}

div.message .text {color:green;}

</style>

</head>

<body>

Текст сообщения <input type="text" name="f_text" value="" />

</form>

<?php

if (!empty($errors))

{

echo '<hr /><ul class="errors">';

foreach ($errors as $err)

{

echo '<li>'.htmlspecialchars($err).'</li>';

}

echo '</ul>';

}

if ($is_connected AND $is_db_selected)

{

$sql = 'SELECT * FROM `messages` ORDER BY `id` DESC';

$result = mysql_query($sql)

or die('Query error: <code>'.$sql.'</code>');

if ( is_resource($result) )

{

echo '<hr />';

while ( $row = mysql_fetch_assoc($result) )

{

<span class="date"><?=date('d.m.Y',strtotime($row['date']))?></span> -

</div>

<?php

}

</body>

</html>

Лучше использовать MySQLi, но в большинстве учебников пишут про работу именно с старыми MySQL функциями, поэтому тут используем именно такой код. Ознакомиться с MySQLi после изучения MySQL функций, можно, например тут: MySQLi раскладываем все по полочкам. У кого будет желание, перепишите этот скрипт на MySQLi, выложите на pastebin и пришлите мне ссылочку в комментарии - добавлю в пост с указанием вашего авторства :).

з) проверяем в браузере

Тестовый скрипт в браузере

На этом наш маленький тест закончился: мы создали новый домен, базу данных, таблицу в ней, а так же написали скрипт, который работает с этой базой данных.

Урааа!!!!!

--[добавлено 10.02.2014]--

Записал небольшое видео к данному уроку, смотреть "на весь экран":

--[добавлено 03.08.2016]--

Добавил пост с скриншотами всех вкладок одной из последних версия Openserver: Список вкладок Openserver

--[добавлено 04.07.2018]--

Ввиду того, что семейство функций mysql_* устарело, написал новый пост "Пример создания простого приложения на php и mysql 2018", там рассказал, как работать с базой данных еще проще (не надо писать запросы), используя ORM Idiorm.

Author: Vitaly Orlov | Rating: 5/5 | Tags: mysql , openserver , php

Open Server, создание домена, базы данных и простого приложения на php

Leave a Reply Cancel reply