Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Выполнение
1. Скачайте сборку NetBeans по ссылке https://netbeans.org/downloads/. Для выполнения лабораторных работ будет достаточно сборки с поддержкой только PHP.
2. Выполните установку среды NetBeans IDE.
3. Убедимся, что на web-сервере не установлено расширение xdebug, необходимое нам для выполнения отладки PHP скриптов. В браузере открываем URL https://www.server_freebsd.mycompany.ru/index.php и получаем всю информацию по настройки PHP на web-сервере. Копируем эту информацию в буфер обмена и открываем URL http://xdebug.org/wizard.php и вставляем информацию о PHP в текстовую область страницы. Нажимаем кнопку «Analyse my phpinfo() out» и получаем информацию об установленном расширении xdebug, а точнее не установленном, и инструкцию по установке, которую предстоит выполнить.
4. Выполним установку расширения XDebug на web-сервер следуя инструкции с сайта. Скачиваем архив xdebug-2.3.3.tgz и используя, например, ftp «заливаем» его на web-сервер в каталог /tmp.
5. На сервере выполняем следующие команды
cd /tmp
Tar -xvzf xdebug-2.3.3.tgz
Cd xdebug-2.3.3
Phpize
6. После последней команды должны получить примерно следующий вывод
7. Выполним следующие команды
./configure
Make
cp modules/xdebug.so /usr/local/lib/php/20121212/
8. В файле /usr/local/etc/php.ini добавим следующие строки для выполнения минимальной настройки отладчика. Первая строка самая главная, она как раз и подключает расширение. Для нас так же важен будет номер порта для удаленной отладки (см. xdebug.remote_port=9000).
zend_extension=/usr/local/lib/php/20121212/xdebug.so
xdebug.remote_enable=on
xdebug.remote_log="/var/log/xdebug.log"
xdebug.remote_connect_back = 1
xdebug.remote_handler=dbgp
xdebug.remote_port=9000
xdebug.var_display_max_data=10000
xdebug.var_display_max_children=10
9. Выполните перезапуск web-сервера.
10. Убеждаемся, что xdebug успешно установлен, для этого еще раз выполняем пункт 3.
11. Попробуем выполнить удаленную отладку простого проекта.
12. На web-сервере в каталоге /usr/local/www/apache24/data/ создаем каталог lb08 и в нем файл index.php следующего содержания
<?php
echo('<!DOCTYPE HTML>');
echo('<html>');
echo('<head>');
echo('<meta charset="koi8-r"/>');
echo('<title>Лабораторная работа 8. Отладка PHP скрипта</title>');
echo('</head>');
echo('<body>');
echo('<H1>Отладка PHP скрипта на удаленном web-сервере с помощью NetBens и XDebug</H1>');
$a = 1;
$b = 3;
$c = my_summa($a, $b);
echo('<br>Считаем пример: '.$a.'+'.$b.'='.$c.'</br>');
echo('</body>');
echo('</html>');
function my_summa($p1, $p2){
return $p1+$p2;
}
?>
13. В NetBeans создаем новый проект на удаленном сервере. Основные этапы создания нового проекта представлены на рисунках ниже.
14. Для того, что бы иметь возможность выполнять отладку проекта, необходимо настроить параметры подключения к Xdebug, установленному на нашем web-сервере. В главном меню NetBeans выбираем пункт Сервис->Параметры и в разделе PHP на вкладке Отладка(Debugging) задаем идентификатор сеанса и порт отладчика (см. рисунок ниже).
15. Выполним пошаговую отладку сценария index.php. Для этого достаточно на панели инструментов нажать на кнопку Отладка проекта(Ctrl+F5) или выбрать пункт меню Отладка файла в раскрывающемся меню, которое появится, если выполнить клик правой кнопкой мыши в области редактирования скрипта (см. рисунок ниже).
16. После запуска процесса отладки проекта в браузере должна отрыться наша страничка, но она будет пустая, т.к. NetBeans перехватил выполнение скрипта и теперь его можно будет выполнить пошагово (см. рисунок ниже).
17. Обратите внимание, что текущая строка подсвечена зеленым цветом и в строке состояния можно увидеть статус сессии netbeans-xdebug – Выполняется.
18. Самостоятельно выполните пошаговую отладку, при этом посмотрите значение переменных в процессе выполнения скрипта J.
19. Отладка JavaScript в среде NetBeans происходит аналогично, даже несколько проще, т.к. JavaScript выполняется на клиенте, а не на сервере.
20. В проект добавьте новый файл index.html (см. рисунок ниже). NetBeans создаст новый файл в соответствии с шаблоном и его можно будет править.
21. Измените файл index.html следующим образом
<!DOCTYPE html>
<html>
<head>
<title>Лабораторная работа 8. Отладка JavaScript.</title>
<meta charset="koi8-r">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript">
window.onload = function(){
var divList = document.getElementById("list");
var htmlList = "";
htmlList = "<ul>\n";
htmlList+= "<li>Первый элемент</li>\n";
htmlList+= "<li>Второй элемент</li>\n";
htmlList+= "<li>Третий элемент</li>\n";
htmlList+= "</ul>\n";
divList.innerHTML = htmlList;
}
</script>
</head>
<body>
<div>При загрузке страницы выподающий список заполняется с помощью JavaScript.</div>
<div id="list"></div>
</body>
</html>
22. Выполним пошаговую отладку JavaScript сценария на странице index.html. Предварительно проверьте настройки проекта: Свойства проекта, раздел Выполнить настройку, параметр Файл индекса должен иметь значение index.html и в разделе Браузер должен быть выбран Chrome с NetBeans Connector.
23. Установите Точку останова на любой строке JavaScript, он будет подсвечена красным. Теперь достаточно запустить проект на выполнение – кнопка Запустить проект (F6) на панели инструментов и можно будет пошагово выполнять инструкции скрипта (см. рисунок ниже). Если NetBeans требует установить расширение для Chrome NetBeans Connector, хотя мы уверены, что он установлен, тогда следуем инструкциям Netbeans и вручную перетаскиваем расширение на вкладку Extension в Chrome.
24.
Лабораторная работа 9
Основы построения AJAX приложений.
Цель
Познакомиться с объектом XmlHttpRequest, научится создавать и использовать данный объект для реализации асинхронных запросов к серверу.
Date: 2015-10-18; view: 472; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |