[Кодинг] Создание древовидных комментариев Попоп Е.

Тема в разделе "Литература", создана пользователем Kub, 26 янв 2011.

Модераторы: Hilo
  1. Kub

    Kub

    Регистр.:
    5 июн 2009
    Сообщения:
    607
    Симпатии:
    474
    Создание древовидных комментариев
    [​IMG]
    Автор: Евгений Попов
    Год: 2011
    Формат: swf
    Размер: 111 Мб

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

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


    Урок 1. Общая схема работы скрипта древовидных комментариев(4:21)
    В этом уроке мы с Вами определимся с принципами работы всей системы.

    Урок 2. HTML+CSS каркас (11:22)
    Здесь мы создадим каркас наших комментариев и придадим им стили.

    Урок 3. Создаем таблицу в БД (11:14)
    В этом уроке мы создадим саму базу данных и таблицу для хранения комментариев. После этого напишем код для извлечения всех комментариев из базы в один многомерный массив.

    Урок 4. Формируем дерево комментариев (6:54)
    Здесь мы сформируеи дерево комментариев, где комментарии-потомки будут перемещены внутрь комментариев-родителей.

    Урок 5. Создаем шаблон для динамического формирования комментария (5:21)
    Чтобы получить возможность вывести все комментарии из базы с помощью цикла, нам понадобится шаблон. Именно его мы и будем создавать в этом уроке.

    Урок 6. Преобразование комментария в HTML-блок (10:25)
    В этом уроке мы напишем функцию, которая будет преобразовывать комментарий, хранящийся в виде массива, в готовый HTML-блок.

    Урок 7. Форма добавления комментариев (8:08)
    Здесь мы займемся созданием формы для добавления новых комментариев пользователями нашего сайта.

    Урок 8. Учим форму появляться в нужном месте (12:00)
    Пишем JavaScript-код, отвечающий за появление формы добавления комментариев в нужном месте дерева. Либо под тем комментарием, на который человек отвечает, либо после всех комментариев, если это новый комментарий.

    Урок 9. Превращение формы в комментарий (7:39)
    В момент сохранения комментария форма должна исчезать, а сам комментарий будет появляться на ее месте. Этот момент мы и будем здесь реализовывать.

    Урок 10. Тестируем работу AJAX (18:14)
    Создаем PHP-файл для приема данных по комментарию от JavaScript-файла. Формируем массив ошибок если они есть.

    Урок 11. Добавление комментариев в БД (8:25)
    Создаем SQL-запрос для добавления комментариев в базу данных. Прячем кнопку сохранения после ее нажатия и показываем картинку ожидания результата. Подводим итог.

    Дополнительные материалы
    Инструкция, скрипты, схемы, итоговые файлы и т.д.

    narod.ru
     
    buliakulov нравится это.