Как добавить таблицу в базу?

Зная назначение функции mysql_query(), нам нужно только подобрать подходящий MySql запрос, с помощью которого можно добавить в базу новую таблицу.

Пример запроса добавления таблицы:

CREATE TABLE myNewBase (id INTEGER, content CHAR(10));

Результатом такого запроса будет созданная таблица с именем myNewBase, а также полями id и content. Выполним его с помощью команды mysql_query(), как показано в примере.

Пример выполнения запроса MySQL

1 2 3 4 5

<?php $query = mysql_query("CREATE TABLE myNewBase (id integer, content char(10));") or die ("Ошибка выполнения запроса:".mysql_error()); echo "Запрос выполнен успешно.";?>

Ну вот мы и разобрались с первыми тремя вопросами поставленными в водной статье PHP работа с базой данных (Введение).
Проведя все свои эксперименты с таблицами, после открытия соединения с базой функцией mysql_connect(), необходимо закрыть это соединение с помощью соответствующей функции mysql_close().

Пример завершения работы с базой:

1 2 3

<?php mysql_close($connect);?>

В следующей статье PHP работа с базой данных (Часть 2). мы поговорим, о том как считывать информацию из таблиц базы, и как грамотно вывести эту информацию на страницу сайта. Спасибо за внимание, пишите отзывы со своими рекомендациями и вопросами касающимися данной статьи.

12. Работа с таблицами в html. Объединение строк и столбцов.

В html работа с таблицами может оказаться как простой, так и не очень. С одной стороны тег всего один – <table>, и составить простую таблицу, к примеру, 2*2, не составит труда. С другой стороны, как только потребуется что-то не совсем стандартное, с объединением ячеек, размещением изображений в ячейках и т.п., могут возникнуть сложности.

Создание простых таблиц

Тег <table> является парным, таблица состоит из строк и ячеек, соответственно задаваемых парными тегами <tr> и <td>.

Пример создания таблицы 2*2:

<table border = 1> <tr> <td> Строка 1. Ячейка 1.</td> <td> Строка 1. Ячейка 2.</td> </tr> <tr> <td> Строка 2. Ячейка 1.</td> <td> Строка 2. Ячейка 2.</td> </tr> </table>

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.

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

Для объединения двух и более ячеек в одну используются атрибуты colspan и rowspan тега <td>. Атрибут colspan устанавливает число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan, с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так, <td colspan="3"> заменяет три ячейки, поэтому в следующей строке должно быть три тега <td> или конструкция вида<td colspan="2">...</td><td>...</td>. Если число ячеек в каждой строке не будет совпадать, появятся пустые фантомные ячейки.

Управление выравниванием в html. Горизонтальное и вертикальное выравнивание.

Выравнивание блока текста осуществляется с помощью атрибута ALIGN тэга <DIV>текст</DIV>.

Атрибут ALIGN могут иметь значения:

ALIGN=»LEFT» – выравнивание по левому краю

ALIGN=»RIGHT» – выравнивание по правому краю

ALIGN=»CENTER» – выравнивание по центру

ALIGN=»JUSTIFY» – выравнивание по обоим краям

Выравнивание текста — такая необходимость возникает очень часто. В CSS это реализуется с помощью соответствующих атрибутов и их значений. Что это за атрибуты, какие у них существуют значения и, наконец, как делается выравнивание текста в CSS.

Горизонтальное выравнивание в CSS

Для того, чтобы выровнять текст по горизонтали в CSS используется атрибут «text-align» со следующими значениями:

§ text-align: left;

§ text-align: right;

§ text-align: center;

§ text-align: justify;

где:

§ left — выравнивание текста по левому краю;

§ right — горизонтальное выравнивание текста по правому краю;

§ center — расположение текста по центру;

§ justify — выравнивание по левому и правому краю одновременно (по ширине).

Вертикальное выравнивание в CSS

Для того, чтобы выровнять текст по вертикали в CSS используется атрибут «vertical-align» со следующими значениями:

§ vertical-align: top;

§ vertical-align: middle;

§ vertical-align: bottom;

где:

§ top — выравнивание текста по верхнему краю;

§ middle — вертикальное выравнивание текста по центру;

§ bottom — выравнивание текста по нижнему краю.

Работа с таймером в JavaScript.

Одно из замечательных свойств JavaScript - возможность запланировать выполнение произвольного кода по истечении заданного интервала времени. Делается это очень просто. Сначала описывается функция, содержащая необходимый код, а затем устанавливается таймер на нужный интервал времени. По истечении этого интервала код будет выполнен автоматически без участия пользователя.

Таймер устанавливается программно при помощи методов setTimeout() или setInterval() объекта window.

<script type="text/javascript" language="javascript">

function runOnce()

{

alert('single alert');

}

function runMultiple()

{

alert('повторяющееся сообщение');

}// интервал времени задаётся в милисекундах, // т.е. значение 3000 соответствует 3 секундам

var timerOnce = window.setTimeout("runOnce();", 1000);

var timerMulti = window.setInterval("runMultiple();", 4000);

</script>

При помощи setTimeout() можно эмулировать поведение функции setInterval(). Для этого необходимо на каждой итерации заново запускать таймер:

<script type="text/javascript" language="javascript">

 

function runOnce()

{

alert('single alert');

window.setTimeout("runOnce();", 3000);

}

var timerOnce = window.setTimeout("runOnce();", 3000);

</script>

Если таймер больше не нужен - его можно отключить при помощи методов clearTimeout() или clearInterval().

Таймеры очень часто используются для предупреждения пользователя о перенаправлении пользователя на новую страницу.

Работа с размерами и положением окна в JavaScript.

Методы для перемещения окна

В JavaScript для перемещения окна доступны следующие методы:

• moveTo() -предназначен для перемещения левого верхнего угла окна в указанную точку экрана;
• moveBy() - предназначен для перемещения окна на указанное количество пикселей относительно его текущего положения.

Метод moveTo()

Синтаксис метода moveTo():

window.moveTo(x,y);

Параметры метода:

• x - число (количество пикселей), которое задаёт горизонтальную координату левого верхнего угла окна браузера относительно верхнего левого угла экрана дисплея;
• y-число(количество пикселей), которое задаёт вертикальную координату левого верхнего угла окна браузера относительно верхнего левого угла экрана дисплея.

Метод moveBy()

Mутод moveBy() имеет следующий синтаксис:

window.moveBy(x,y);

Параметры метода:

• x - положительное или отрицательное целое число, которое указывает количество пикселей, на которые необходимо переместить окно браузера относительно его текущего положения в горизонтальном направлении;
• y - положительное или отрицательное целое число, которое указывает количество пикселей, на которые необходимо переместить окно браузера относительно его текущего положения в вертикальном направлении.

В JavaScript доступны для изменения размеров окна следующие методы:

• resizeTo() - изменяет ширину и высоту окна на умазанные значения, заданные с помощью соответствующих значений параметров;
• resizeBy() - предназначен для изменения окна на указанное количество пикселей относительно его текущего размера.

Эти методы изменяют размеры окна посредством перемещения правого нижнего угла окна браузера, при этом верхний левый угол окна не перемещается (он остаётся в своих прежних координатах).

Метод resizeTo() имеет следующий синтаксис:window.resizeTo(width,height);

Параметры метода:

• width - устанавливает ширину окна браузера в пикселях;
• height - устанавливает высоту окна браузера в пикселях.

Метод resizeBy() имеет следующий синтаксис: window.resizeBy(width,height);

Параметры метода:

• width - увеличивает или уменьшает ширину окна браузера на указанное количество пикселей;
• height - увеличивает или уменьшает высоту окна браузера на указанное количество пикселей.

Технология AJAX. Примеры использования.

AJAX, Ajax— подход к построению интерактивныхпользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся быстрее и удобнее.

AJAX — не самостоятельная технология, а концепция использования нескольких смежных технологий. AJAX базируется на двух основных принципах:

· использование технологии динамического обращения к серверу «на лету», без перезагрузки всей страницы полностью, например с использованиемXMLHttpRequest (основной объект);

· через динамическое создание дочерних фреймов^[1];

· через динамическое создание тега <script>^[2].

· через динамическое создание тега <img>, как это реализовано в Google Analytics.

· использование DHTML для динамического изменения содержания страницы;

· Простая передача текста.

	$.ajax({
	url: 'response.php?action=sample1',

·

	success: function(data) {
	$('.results').html(data);

·

	}
	});

· Для ответа имеется элемент div .result.

<div class="results">Ждем ответа</div>

· Сервер просто возвращает строку:

echo 'Пример 1 - передача завершилась успешно';

·

· Пример 2

· Передаем пользовательские данные PHP скрипту.

· view source

· print?

	$.ajax({
	type: 'POST',

·

	url: 'response.php?action=sample2',
	data: 'name=Andrew&nickname=Aramis',

·

	success: function(data){
	$('.results').html(data);

·

	}
	});

· Сервер возвращает строку со вставленными в нее переданными данными:

echo 'Пример 2 - передача завершилась успешно. Параметры: name = '. $_POST['name'].', nickname= '. $_POST['nickname'];

Работа с массивами в PHP.

Массивы в PHP – это тип данных, который позволяет сохранять несколько переменных в одной.

Вот один простой пример:

<?php $products=array("шоколад","сок","пирожное"); echo "Я люблю ". $products[0]. ", ". $products[1]. " и ". $products[2]. "."; ?>

В приведенном выше примере $products – это массив, в котором мы сохранили несколько различных продуктов. Далее мы вывели все эти продукты, обращаясь к каждому через “индексы” (ключи): 0, 1 и 2.

Конечно, отдельные значения можно хранить и в отдельных переменных.
Используя циклы мы можем на каждой итерации (шаге) получить доступ к очередному элементу, благодаря индексам (ключам).

Создание массива в PHP.

В php не требуется делать объявление массива. Создать массив мы можем, используя функцию array():

$product = array();

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

$products = array("шоколад","сок","пирожное");

Виды массивов.

1. ”Индексируемые” массивы или “автомассивы”. Примеры такого массива мы уже приводили выше. Особенностью данных массивов является то, что они имеют числовые индексы, которые создаются автоматически (“на лету”). Нумерация элементов начинается с 0.

Как определить длину (размер) индексируемого массива. Используем функцию count():

<?php $products = array("шоколад","сок","пирожное"); echo count($products);//выведет 3 ?>

Перебор элементов. Перебрать все элементы автомассива можно с помощью конструкции for или foreach:

	<?php $products = array("шоколад","сок","пирожное"); for($i = 0; $i < count($products);$i++): echo $products[$i]; echo "<br>"; endfor; ?>
	<?php $products = array("шоколад","сок","пирожное"); foreach($products as $product): echo $product; echo "<br>"; endforeach; ?>

Чтобы добавить новый элемент в массив (осуществить запись в массив), нам достаточно выполнить следующую строку:

<?php $products[] = “новый продукт”; ?>

Элементу будет автоматически присвоен новый числовой индекс.

2. Ассоциативные массивы. Особенность ассоциативных массивов – это строковые имена ключей элементов вместо числовых индексов.

Мы можем создать ассоциативный массив двумя способами:

$cars_age=array("Mazda"=>"3","Toyota"=>"1","Honda"=>"5");

или

$cars_age['Mazda'] = 3; $cars_age['Toyota'] = 1; $cars_age['Honda'] = 5;

Теперь любой элемент доступен через присвоенный ему ключ:

echo $cars_age['Honda'];//выведет 5

Перебор всех элементов ассоциативного массива осуществляется следующим образом:

<?php $cars_age=array("Mazda"=>"3","Toyota"=>"1","Honda"=>"5");   foreach($cars_age as $car => $age){ echo "Автомобиль ". $car. " имеет возраст: ". $age; echo "<br>"; } ?>

3. Многомерные массивы содержат в качестве элементов другие массивы:

<?php // создаем двумерный массив: $cars = array( array("Mazda",100,96), array("Toyota",60,59), array("Honda",110,100) ); ?>

Получить значения какого-либо элемента данного массива можно следующим образом:

<?php echo $cars[0][0];//выведет Mazda echo $cars[0][1];//выведет 100 … ?>

Мы можем создать и трехмерный массив:

$products = array( "drinks"=>array( "milk", "water", "cola" ), "fruits"=>array( "apple", "orange", "cherry" ) );

В результате мы получим следующую структуру массива:
Array
(
[drinks] => Array
(
[0] => milk
[1] => water
[2] => cola
)

[fruits] => Array
(
[0] => apple
[1] => orange
[2] => cherry
)

)

Теперь получаем значение нужного элемента:

<?php echo $products['drinks'][0]; // возвращает "milk" ?>

вывод массива в PHP. Вывести любой массив можно с помощью функции print_r(), например:

<?php print_r($products); ?>

Удалить элемент в массиве можно следующим образом:

<?php unset($products[3]);//для простого индексируемого массива unset($products['drinks'][0]); ?>

При этом при удалении элемента индексы других элементов остаются неизменными.