Форма обратной связи. Комментарии

Web формы

Формы в Web программировании служат для передачи данных пользователя Веб - серверу. В каждой форме могут находиться следующие элементы управления:

  • текстовое поле
  • скрытое поле
  • флажок
  • кнопка – переключатель
  • меню переходов
  • поле рисунка или файла
  • кнопка

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

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

Формы обратной связи


Самый простой вариант формы обратной связи – это когда пользователь заполняет поля формы, расположенной на web странице, а серверная программа обрабатывает эти данные и пересылает их на почтовый ящик администратора сайта.

форма обратной связи

Этот способ связи с посетителями самый простой. Попробуем усложнить задачу, но принцип работы формы и программы обработчика оставим неизменными.

Создание формы для комментариев без знаний языка PHP

  1. Создаём форму для ввода данных
  2. Создание базы данных
  3. Подключение базы данных к  web странице
  4. Вывод данных из таблицы базы
  5. Связь полей формы с базой данных (запись данных в таблицу)


Создать  форму для оставления комментариев возможно с помощью программы web редактора Adobe Dreamweaver, при этом нам не потребуется написание кода на PHP.  Dreamweaver всё сделает сам.

Приступим. Для начала определимся, что нам для этого понадобиться:

  • Установленная программа Adobe Dreamweaver CS3 ( скачать можно здесь )
  • Локальный сервер с PHP и MySQL ( Денвер )
  • Ну, и конечно же терпение и желание.

Принцип работы формы для комментариев, следующий:
на web странице "index.php" создаётся форма для отправки данных, введённых пользователем, на web сервер. Программа обработчик извлекает данные из формы и заносит их в специально созданную нами таблицу в базе данных, которая так же расположена на сервере. Далее при помощи всё той же серверной программы мы извлечём необходимые нам запись из таблицы и вставим их на веб странице "index.php" в определённое место.
Теперь попробуем всё это реализовать на практике без знаний языка PHP.

Создаём форму для ввода данных

И так открываем Adobe Dreamweaver CS3 и создадим файл "index.php".

index.php

Создаём форму с текстовыми полями ( для ввода пользователем данных ) и кнопкой ( для отправки данных на сервер).

  • Форма
    форма

  • Текстовые поля
    Текстовые поля



    параметры полей



    параметры полей

    В свойствах можно указать ширину и высоту поля
    свойства полей

  • Кнопка
    Кнопка


    надпись в кнопке "submit" можно исправить в коде


В результате мы получили форму для ввода данных с текстовыми полями и кнопкой для отправки данных.

форма для ввода данных

открываем в браузере. Всё OK!

форма ввода данных

Теперь пользователь может оставить своё имя, почтовый адрес, URL своего сайта (если есть) и само сообщение.
И нажать кнопку для отправки данных. Но чтобы управлять этими данными в дальнейшем, необходимо их куда-то записать.
Для этого создадим таблицу в базе данных, где и будут размещаться данные введенные пользователем.

Создание базы данных

Для создания таблицы базы данных воспользуемся компонентом ДЕНВЕРА phpMyAdmin ( http://localhost/Tools/phpMyAdmin/ ).
PHPMyAdmin является программой "визуального" управления базами данных. Данная программа написана на PHP и служит для наглядного вывода содержимого базы данных, а так же для простого и понятного управления ею. Используя, интерфейс данной программы Вы сможете создавать новые базы, импортировать данные, редактировать данные, изменять свойства полей в базе данных, и многое другое...

Данная программа мультиязычна, имеется в ней и интерфейс с русским языком, как в кодировке Кириллица Windows так и в KOI8.
Если локальный сервер установлен правильно, то должна открыться домашняя страница  phpMyAdmin.

phpMyAdmin

Интерфейс может быть на английском, для русификации скачайте архив с инструкцией phpmyadmin_rus

И так приступим непосредственно к созданию:

  • Вводим название базы данных в соответствующее поле и жмём «создать».
    название базы данных


  • Вводим имя таблицы «tabl01» ( имена таблицы и базы можете придумать свои) и указываем количество полей в данной таблице (Имя, Mail, Сайт, Сообщение, id и дата) всего шесть. Жмём OK и приступаем к заполнению свойств полей.
    создаём таблицу

Определяем свойства полей таблицы.


Общий вид указания типа данных:


Числа

Префикс INT [UNSIGNED]

Необязательный флаг UNSIGNED задает, что будет создано поле для хранения без знаковых чисел (больших или равных 0).

TINYINT   Может хранить числа от -128 до 127

SMALLINT               Диапазон от -32 768 до 32 767

MEDIUMINT             Диапазон от -8 388 608 до 8 388 607

INT          Диапазон от -2 147 483 648 до 2 147 483 647

BIGINT    Диапазон от -9 223 372 036 854 775 808 до 9 223 372 036 854 775 807


Строки

Строки представляют собой наборы символов. Обычно при поиске по текстовым полям по запросу SELECT не берется в рассмотрение регистр символов, т.е. строки "Вася" и "ВАСЯ" считаются одинаковыми. Кроме того, если база данных настроена на автоматическую перекодировку текста при его помещении и извлечении, эти поля будут храниться в указанной вами кодировке.

Для начала ознакомимся с типом строки, которая может хранить не более length символов, где length принадлежит диапазону от 1 до 255.

VARCHAR (length) [BINARY]

При занесении некоторого значения в поле такого типа из него автоматически вырезаются концевые пробелы. Если указан флаг BINARY, то при запросе SELECT строка будет сравниваться с учетом регистра. VARCHAR Может хранить не более 255 символов.

TINYTEXT               Может хранить не более 255 символов.

TEXT       Может хранить не более 65 535 символов.

MEDIUMTEXT         Может хранить не более 16 777 215 символов.

LONGTEXT             Может хранить не более 4 294 967 295 символов.

Чаще всего применяется тип TEXT, но если вы не уверены, что данные не будут превышать 65 536 символов, используйте LONGTEXT.


Дата и время

MySQL поддерживает несколько типов полей, специально приспособленных для хранения дат и времени в различных форматах. DATE              Дата в формате ГГГГ-ММ-ДД

TIME        Время в формате ЧЧ:ММ:СС

DATETIME              Дата и время в формате ГГГГ-ММ-ДД ЧЧ:ММ:СС

TIMESTAMP            Дата и время в формате timestamp.

В нашем случаи id (порядковый номер сообщения) – целое число присваиваем ему значение INT.
Поля name, site, mail являются строковыми – присваиваем им значение VARCHAR.
Полю text выставим значение TEXT.
Date являются календарным – присваиваем значение TIMESTAMP, а в столбце «по умолчанию» выставляем CURRENT_TIMESTAMP (чтобы время и дата создания комментария определялись автоматически).



NULL — специальный тип данных, обозначающий отсутствие информации. Отмечаем галочкой поля не обязательные для заполнения mail и site.

Атрибут AUTO_INCREMENT  использоваться для генерации уникального идентификатора для новых строк – отмечаем для поля id.

Длина/значения – количество символов в строке.

свойства полей таблицы

Таблица готова. Жмём сохранить и попробуем заполнить одно поле. Для этого перейдём на вкладку «вставить».

готовая таблица

Поле id заполнять не нужно, а  дату и  время выставляем текущее. Жмём OK.

заполнение таблицы

Для того, чтобы ограничить доступ к базе данным перейдите на вкладку «привилегии». Здесь можно создать нового пользователя, задать пароль и выставить соответствующие права на управление данными базы. По умолчанию для пользователя "root" пароль не задан.

ограничение доступа к базе данным

Вот и всё база с таблицей создана и теперь все данные введённые пользователем в поля формы в дальнейшем будут храниться в соответствующих полях базы данных. А мы в любое время можем с ними сделать, что захотим.

 Например: вывести в определённое место web страницы.

 

Подключение базы данных к  web странице

Но для начала необходимо подключить базу данных к web форме на странице "index.php". Сделаем это при помощи всё той же программы Adobe Dreamweaver.

вкладка баз данных

Открываем web страницу "index.php" и переходим на вкладку «базы данных» Ctrl+Shift+F10

подключение базы данных

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

подключение MySQL

Выбираем «Подключение MySQL»

создаём подключение

Имя подключения – придумайте любое.
Сервер MySQL – так как наша база данных находится на нашем же локальном компьютере, указываем «localhost».
Имя пользователя – root (задано по умолчанию).
Пароль – для пользователя "root" не задан.
Выбираем созданную нами базу данных.

В данной версии программы Adobe Dreamweaver кнопка OK не работает (глюк), поэтому оставляем курсор в поле «база данных» и жмём «Enter» на клавиатуре (на предупреждение о пароле можно не обращать внимание) .Смотрите видео

Если всё правильно - в панели «Базы данных» отобразиться «db01»

база db01

Развернув «db01» мы увидим таблицу и поля.

успешное подключение

Вывод данных из таблицы базы

Следующий шаг – это создание набора записей из нашей таблицы (Recordset). Для этого переходим на следующую вкладку «Привязки» и жмём «плюсик»

набора записей (Recordset)

Если у Вас другое окно переключите на простой вид

нажать простой

Собственно, здесь всего лишь нужно выбрать подключение и нажать  OK.

выбираем подключение db01

В результате мы создали набор записей из нашей таблицы

набор записей из нашей таблицы

Теперь возвращаемся к файлу "index.php" в Adobe Dreamweaver CS3.
Создаём  таблицу для вывода записей из базы данных и перетаскиваем записи в соответствующие поля таблицы.

Перетаскиваем записи в соответствующие поля таблицы

Для того, что бы при создании нового комментария создавалась новая таблица, сделаем область с таблицей - повторяющейся.
Для этого, на вкладке «Поведения сервера»,  кликаем по соответствующей строчке и в открывшемся окошке отмечаем «все записи». При этом таблица должна быть выделена.

повторяющаяся область

Связь полей формы с базой данных (запись данных в таблицу)

Осталось соединить поля формы с полями таблицы базы данных. Открываем вкладку «Поведения сервера» и создаём новое поведение «вставить запись» (запись будет вставляться из web формы в базу данных).

новое поведение «вставить запись»

Выбираем подключение «db01» и видим следующее:
поле таблицы базы данных «date» не получает значение из формы, т.к. это значение будет подставляться автоматически сервером;
поле «name» получает значение из «name»;
поле «site» получает значение из «site»;
поле «mail» получает значение из «mail»;
поле «text» не получает значение из формы, т.к. полю для сообщения в форме, Dreamweaver присвоил имя «messeng», что бы это исправить можно их(поля) переименовать или задать полю «text» значение поля «messeng».

задать полю «text» значение поля «messeng»

Так же здесь необходимо указать файл "index.php" в поле «После вставки перейти к:».

Вот и всё, надеюсь, ни чего не пропустил. Если, что пишите в комментариях.

P.S. Прежде, чем открывать, созданную web страницу на тестовом сервере, не забудьте туда отправить файл подключения к базе данных, который был любезно создан программой Adobe Dreamweaver CS3.

файл подключения к базе

Желаю Всем удачи в создании интерактивных web ресурсов.

Комментарии по теме: "Форма обратной связи. Комментарии".

  1. автор Дамир

    Здравствуйте а как быть если вот уже пришло время нажать Ctrl+Shift+F10 и когда я заполнил все поля нажимаю на выбрать там потом показывает на ошибку и ещё показывает сообщение "чтобы выбрать таблицу базы данных необходимо ввести имя пользователя и пароль" и какой вообще пароль тут необходим если его я вообще не выставил?

    Потом каким то образом получилось создать в dreamviver значок жёлтого цвета в панели базы данных с моим именем подключения
    но открывая там папку жёлтого цвета вижу "таблицы" "представления" "хранимые процедуры" и там когда нажимаю плюсики показывает cлово "нет" и сразу же понял что она не подключилась к базе данных иначе бы она показала созданную мною таблицу с базой.Ещё заметил что если хочу установить время как у вас описано в уроке то там нету такого значка как у вас на картинке где написано "дату и время выставляем текущее".Это наверное ещё по моему потому что версия у меня совсем поновей и из за этого мне сложно найти необходимое.

    И ещё последний вопрос.У вас там сказано типо когда "Таблица готова. Жмём сохранить и попробуем заполнить одно поле. Для этого перейдём на вкладку «вставить» и вот там вижу код жёлтым и зелёным и розовым цветом и это именно так надо прописать да и обязательно ли оно нужно?Почему то такое поле у меня чистое не как у вас и потом опять нажал на кнопку

  2. автор Евгений

    У меня нет такого видео...

  3. автор дамир

    Здравствуйте а вы можете дать мне ссылку на видео про dreamwiwer чтобы делать формочки комментариев для сайта и вставлять их на html итд

  4. автор Евгений

    http://www.wellsait.ru/programs.php

  5. автор камиль

    А вы можете оставить мне ссылку на скачивание дрэамвивера?просто я скачал не то и оно не подошло.Дадите ссылку на рабочую прогу.

  6. автор Дамир

    Здравствуйте ещё раз.Я совсем забыл написать,а можно ли с помощью Dreamvivera сделать форму поиска по сайту?если да то можно ли ещё сделать так чтобы форма поиска показывала результаты того что ищет пользователь?

  7. автор Евгений

    Дамир, конечно, всё будет работать
    PHP код комментариев легко вставляется в HTML код статичной страницы. Но при этом хостинг должен поддерживать PHP

  8. автор Дамир

    Здравствуйте а вот я хочу узнать от вас,дело в том что у меня сейчас готовый есть сайт но он статичный и у вас написано на сайте что с помощью dreamvivera можно создать поля для комментов итд. и вот,если я сделаю такие поля в dreamviver то их можно ли потом вставить в статичные страницы чтобы на них появлялись комменты?Вообщем подойдут ли и
    будет ли работать система отправки комментов с последующим их пополнением на странице?

  9. автор Валерий

    То есть ту строку какую он выделил в таблице на сайте и удалил по кнопочке, как удалять из phpadmin это понятно ждем думаю эта тема будет интересна многим :)

  10. автор Валерий

    Евгений добрый день! Спасибо большое ваша статья просто супер у меня все получилось, а вы не могли бы сделать урок как удалять ту строку какую выделил пользователь?

  11. автор Евгений

    Если дримвьювер8 - это Macromedia Dreamweaver 8, то я мало с ней работал и не знаю как она работает с базами данных.
    Все скриншоты в данной статье сделаны в Adobe Dreamweaver CS3, скачать бесплатно можно здесь.
    CS4 и CS5 имеют такой же интерфейс (можно их использовать). А вот в Adobe Dreamweaver CS6 - данного функционала вообще НЕТ(я не нашел)

  12. автор Андроид

    Здравствуйте. У меня не появляется список баз при добавлении и папка connections тоже не создается все делаю как написано в чем может быть проблема. использую денвер и дримвьювер8

  13. автор Евгений

    Да, действительно, в Dreamweaver CC данное действие не предусмотрено. Похоже, разработчики этой программы ориентировались на более опытных web мастеров. Жаль.
    Выходов тут несколько:
    - установить более раннюю версию программы
    - изучать PHP + MySQL и прописывать код вручную (это лучший вариант)
    - воспользоваться другим ПО, например Yii Framework.

  14. автор Виктор

    Как подключить базу данный в Dreamweaver CC 2014. Там нет в меню Окно пункта Базы данных

  15. автор Сергей

    Великолепная статья и великолепный сайт! Жаль, что я только сейчас на них наткнулся!

  16. автор Админ

    См. пункт "Вывод данных из таблицы базы" -> окно "набор записей" -> вкладка "сортировка".
    Если править в режиме кода, то в запросе к базе данных нужно указать "ORDER BY id DESC" или "ORDER BY id ASC"

  17. автор Евгений

    Подскажите как сделать так чтобы новые комментарии выводились сверху всех предыдущих? А то новые комментарии находятся в самом низу!

  18. автор Елена

    Подскажите, пожалуйста, все сделала как написано в вашем уроке но после выполнения пункта Связь полей формы с базой данных столбцы не получают значения?

  19. автор Александр

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

  20. автор Евгений

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

  21. автор Жека

    Урок хороший. Мне очень помог. Спасибо автору. Немного времени, и форма была готова. Все комментарии добавлялись , ну вообще что хотел то и получил. Потом давай на свой хостинг файлы грузить. И теперь, когда захожу на свой сайт я не вижу страницы: мой сайт/отзывы/index.php. Открывается пустое окно. Что это может быть? И если можно курс о том, как правильно загрузить файлы и базу данных на хостинг, что где нужно изменить .

    Я загрузил папку Connections и _mmServerScripts на хостинг. База данных на хостинге тоже есть такая же, как и на виртуальном.

  22. автор Евгений

    Очень наглядно! Спасибо! А не подскажите как сделать защиту от спама7 Как капчу поставить? спам одолел!

  23. автор Елена

    Спасибо за статью. Очень понятно написана. Всё сделала по пунктам и получилась до того момента как дошла до Dreamweaver. База данных не подключается до Dreamweaver

  24. автор Евгений

    Анатолий, посмотрите здесь:
    определение сайта

  25. автор Анатолий

    Здравствуйте. По вашей теме делаю книгу отзывов, но при подключении к БД возникает ошибка 404: файл не найден. Или я не правильно задаю САЙТ или ТЕСТОВЫЙ СЕРВЕР. Искал решение в интернете, так ничего не помогло.

  26. автор Евгений

    Вопрос- есть сайт доска объявлений. Там на странице товара есть форма отправки комментария продавцу : вот пример- http://www.audica.ru/24/260/1675.html

    МОЖНО-ЛИ сделать, чтобы письмо приходило на сайт в виде комментария?

  27. автор Евгений

    Кодировки разные.
    Ссылка ниже (там подробно расписано про кодировку UTF-8)

  28. автор Евгений

    А почему ввожу русские буквы, выводятся в форме русские, а ав базе хранятся закорючки?

  29. автор Евгений

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

  30. автор Евгений

    Решил проблему кодировки выставив не cp1251_general_ci а ucs2_unicode_ci!

  31. автор Евгений

    почему в денвере ввожу данные все нормально, но когда на сервере ввожу, знаки вопроса вместо букв?

  32. автор Евгений

    Я в этом деле новичок. а можно базу хранить на своем локальном сервере (компьютере), чтобы не тратить объем на хостинге? чтобы записи комментариев переносились в комп?

  33. автор Евгений

    При регистрации хостинга вся необходимая информация предоставляется хостером:
    MySQL:
    Сервер: .......... (используйте вместо localhost)
    База: .......
    Пользователь: ........
    Пароль: ........
    Панель управления PHPMyAdmin - везде одинаковая

  34. автор Евгений

    Извиняюсь. Разобрался. Сохраняться то не надо??...
    Попутно второй вопрос. Где почитать поподробнее про работу уже на сервере (хостинг)? как подключаться что создавать и пр. В денвере то все разжевано и понятно.

  35. автор Евгений

    Так, все сделал как написано. Форма появилась, поля для заполнения, кнопка. ввожу данные, нажимаю на кнопку, как я понял должнен комментарий показаться? но его нет, обновляется форма 9исчезают заполнения полей). В чем ошибка?

  36. автор Денис

    здорово

  37. автор антон

    спасибо

  38. автор Евгений

    Елена, спасибо за отзыв.
    На самом деле ни какой специальной методики изучения нет. Всё приходит со временем и в основном при помощи метода "тыка".
    Свое изучение программы Dreamweaver я начинал ещё с версии MX. Сегодня данный самоучитель соответственно устарел, хотя основы остались неизменны ( russia-job точка ru/Dreamweaver.php ). И Google Вам в помощь.

    P.S. Курсы web программирования от центра "Специалист" - на сегодня это пожалуй лучшее, что можно найти бесплатно в сети.

  39. автор Елена

    Здр.!
    Я зашла случайно на ваш сайт, т.к искала в поисковой системе, как создать форму, где введенные данные отправлялись в базу MySQL. Ваша методика мне очень помогла, правда не с первого раза у меня получилось, пока разобралась. У меня к вам большая просьба, у вас есть в наличии методички по Adobe Dreamweaver и по MySQL или указать ссылки на сайт, где вы добывали информацию по сайтостроению. Изложенный ваш материал на сайте для меня доступен, я хочу дальше заниматься изучением по вашей методике. За ранее благодарна.

  40. автор Евгений

    По-другому:
    Учить PHP+MySQL.

  41. автор Дмитрий

    Как можно по другому соединить форму с базой?
    У меня походу проблемы в дримвивере.

  42. автор Евгений

    Владимир, посмотрите сдесь:
    Определение сайта в Dreamweaver CS3

  43. автор Владимир

    раскажите опподробнее, что надо прописывать в окне "база данных" в пункте "Подключение базы данных к web странице"? Я выполнял все действия по пунктам, дошел до пуекта "Подключение базы данных к web странице" и обломался, в окне "база данных" у меня не стоит не одна галочка, у вас сказано "Если первые три пункта выполнены, то жмём на плюсик, если хотя бы одной галочки не хватает, не обходимо выполнить данное действие" что прописывать в этих пунктах и какое дествие?

  44. автор Евгений

    Нет, для обратной связи это не подойдет.

  45. автор Анастасия

    Подскажите, все это можно использовать для формы связи, которая обычно используется в разделе "Контакты"?

  46. автор музыкант

    очень много геморроя, проще найти готовый скрипт или компонент

  47. автор Евгений

    данная ошибка означает, что до 53 стр., уже ,что-то передалось браузеру (пробел,пустая строка, любой символ....)
    _____________пустая строка_____________
    ___пробел___<?php

  48. автор Александр

    Помогите!
    После всего сделаного в строке браузера выдаёт ошибку в строке под №53.
    Вот как выглядет это строка
    header(sprintf("Location: %s", $insertGoTo));

  49. автор Александр

    Добрый вечер!
    Связь полей формы с базой данных.
    Не указывает значение ни одного столба.
    Как в дремвейвере это исправить?

  50. автор Александр

    Все зделал как написано.
    Но кнопка не работает.Что ей нужно прописать?

  51. автор Владимир

    Тема, конечно, непростая. Это видно и по размеру статьи и по комментариям. Но интересная. Так что спасибо за подробное описание, будем разбираться!

  52. автор Энвер

    Евгений, пож-ста напишите скрипт для Дримвивер8 для отправки заказа с сайта на мой емейл. 7 полей ввода:1-Ф.И.О. 2-Страна 3-Край,Область 4-Город 5-Улица,дом,кв. 6-Почтовый индекс 7-Телефон. Это поля ввода. И еще 7 штук флажков отметки выбранных позиций(Первый флажок-позиция №1; второй флажок-позиция № 2 и т.д.) и последнее - кнопка "заказать"(отправка данных полей ввода и выбранных позиций на мой емейл). Заранее Вам благодарен!

  53. автор Алексей

    окэй. Ну теперь понятно, почему не подключается.
    СПАСИБО ЗА ПОМОЩЬ, ЕВГЕНИЙ!!!

  54. автор Евгений

    Значит нельзя. Поэтому он и бесплатный

  55. автор Алексей

    Извините, а если на форуме провйдера хостинга пишут:
    "-А можно ли подключиться к базе MySql на вашем сервере УДАЛЕННО
    - нельзя. только локально."

    Это значит, что через дримвивер нельзя подключиться к этому MYSQL?

  56. автор Евгений

    В DW так и должно быть
    Для переноса база данных служат "импорт" и "экспорт" в MySQL

  57. автор Алексей

    извините, а если база данных создана у себя на компьютере, таблица на локальном MYSQL соответственно... Большая очень. Её можно как-то перенести на удалённый сервер или надо заново её писть полностью?

  58. автор Алексей

    через дрим вивер получается соединиться и посмотреть файлы - добраться до удалённого сервера, если в настройках удалённого доступа (remote info) в дримвивере ставлю галочку на use passive ftp. Это нормально или так не должно быть?
    Спасибо!

  59. автор Евгений

    FileZilla, Dreamweaver
    Поменять надо подключение к MySQL: host, логин, пароль (узнать у хостера)

  60. автор Алексей

    с группами radio button разобрался - нужно присваивать одинаковые имена radio button каждой группы.

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

  61. автор Алексей

    Большое спасибо за помощь, Евгений!!!
    теперь всё работает. Проблема была в следующем: название полей (field) в MYSQL таблице содержали дефисы (e-mail, web-site). удалил дефисы - всё заработало. Вот почему система говорила об ошибке в синтаксисе MYSQL. Попрбовал добавить снова field с дефисом в таблицу базы данных и соответствующую связанную с MYSQL форму - снова перестало работать.
    Этого функционала мне, как я понимаю, хватит для моих целей. PHP обязательно буду разбирать - мне понравилось)))

    Скажите, пожалуйста, а как объединить несколько расположенных В СТРОКЕ radiobutton? то есть вертикально они создаются, а горизонтально как их создать не понял. По одной можно, но потом бы объединить несколько, располагающихся в одной строке... (в анкете будет содержаться несколько больших таблиц - в каждой строке RADIO GROUP).

  62. автор Евгений

    можно сохранять файл php с формой прямо на сервере?
    Можно, если Вам так удобно.

    Перезагружать Денвер необходимо только при создании новой папки в папке "home".

    Ошибку выдает MySQL: возможно в таблице нету колонки для ввода данных: 'ali', 'mts.tu', 'xxx@xxx.ru', 'test'

    реально вообще сделать полноценную электронную анкету?
    Реально, но знания PHP необходимы

  63. автор Алексей

    Скажите, а с помощью инструментов dreamweaver реально вообще сделать полноценную электронную анкету, которая будет работать со всеми видами форм, представленных в меню программы, без ручной правки кода или его написания от начала до конца??? То есть также настроить базу данных, создать форму - только более сложную и с разными типами вопросов и при заполнении получать данные в MYSQL, потом выгружать и анализировать уже с помощью других (хорошо, что уже освоенных) программ. (выгружать я понял как, с помощью функции EXPORT в MYSQL - инетресует просто сама возможность получать данные со страницы формы, не заморачиваясь с изучением языка написания кодов вручную)
    Большое спасибо!

  64. автор Алексей

    я вставлю код из дримвивера - может так понятнее станет, в чём проблема. Ещё, такое ощущение, что сервер денвер постоянно отключается. Третья галочка появляется при повторной настройке при перезапуске сервера только. Хотя может так и нормально - Вы же советовали перезаргрузки при создании папок и первоначальной настройке.

    Вот код:

    <?php require_once('Connections/con1.php'); ?>
    <?php
    function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
    {
    $theValue = (!get_magic_quotes_gpc()) ? addslashes($theValue) : $theValue;

    switch ($theType) {
    case "text":
    $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
    break;
    case "long":
    case "int":
    $theValue = ($theValue != "") ? intval($theValue) : "NULL";
    break;
    case "double":
    $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
    break;
    case "date":
    $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
    break;
    case "defined":
    $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
    break;
    }
    return $theValue;
    }

    $editFormAction = $_SERVER['PHP_SELF'];
    if (isset($_SERVER['QUERY_STRING'])) {
    $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
    }

    if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
    $insertSQL = sprintf("INSERT INTO table1 (name, web-site, e-mail, message) VALUES (%s, %s, %s, %s)",
    GetSQLValueString($_POST['textfield'], "text"),
    GetSQLValueString($_POST['textfield2'], "text"),
    GetSQLValueString($_POST['textfield3'], "text"),
    GetSQLValueString($_POST['textarea'], "text"));

    mysql_select_db($database_con1, $con1);
    $Result1 = mysql_query($insertSQL, $con1) or die(mysql_error());

    $insertGoTo = "http://beeline.ru";
    if (isset($_SERVER['QUERY_STRING'])) {
    $insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
    $insertGoTo .= $_SERVER['QUERY_STRING'];
    }
    header(sprintf("Location: %s", $insertGoTo));
    }
    ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>

    <body>
    <table width="441" border="1">
    <tr>
    <td><form id="form1" name="form1" method="POST" action="<?php echo $editFormAction; ?>">
    <label>name
    <input type="text" name="textfield" />
    </label>
    <br />
    <label>web-site
    <input type="text" name="textfield2" />
    </label>
    <br />
    <label>e-mail
    <input type="text" name="textfield3" />
    </label>
    <br />
    <label>message
    <textarea name="textarea"></textarea>
    </label>
    <br />
    <label>
    <input type="submit" name="Submit" value="Submit" />
    </label>
    <input type="hidden" name="MM_insert" value="form1">
    </form>
    </td>
    </tr>
    </table>
    </body>
    </html>


    а вот сообщение при попытке отправить данные формы:

    You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '-site, e-mail, message) VALUES ('ali', 'mts.tu', 'xxx@xxx.ru', 'test')' at line 1

  65. автор Алексей

    Евгений, спасибо большое за ответы!!!
    скажите, пожалуйста, а можно сохранять файл php с формой прямо на сервере, при этом ничего не делая в "локальных" (несерверных) папках? Тогда не будет необходимости переносить файл подключения в папку с сайтом на локальном сервере. Просто я не могу понять, синхронизирует ли dreamweaver данные между папками на сервере и в несерверной папке.

  66. автор Евгений

    Алексей, Я рад, что у Вас начало получаться.Попробую ответить на все вопросы по порядку:
    по повуду удалённого сервера (хостинга) - должна быть поддержка PHP MySQL, информацию для ввода в поля подключения: имя, пароль, FTP и т. д. присылает хостер. Обойтись удалённым сервером можно, но намного удобнее работать с локальным(на компьютере).

    Файл подключения к базе данных неодходимо отправить на сервер.

    При нажатии кнопки - данные введенные в поля отправляются в обработчик. Если посмотреть код страницы, то в начале идет PHP код. Вот он и обрабатывает все данные.

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

    Если Вы не хотите выводить данные, то пункт "Вывод данных из таблицы базы" можно пропустить.

  67. автор Алексей

    Скажите, пожалуйста, а как заставить кнопку submit работать? я к ней не привязывал никаких действий... Она как я понимаю должа апелировать к созданной в базе данных MYSQL таблице?
    И ещё не понятно зачем в инструкции предлагается использовать функцию "повторить область"??? вот цитата из инструкции:
    "Для того, что бы при создании нового комментария создавалась новая таблица, сделаем область с таблицей - повторяющейся.
    Для этого, на вкладке «Поведения сервера», кликаем по соответствующей строчке и в открывшемся окошке отмечаем «все записи». При этом таблица должна быть выделена."

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

  68. автор Алексей

    спасибо за ответы! всё стало получаться и тестовый сервер нашёлся. Теперь буду разбираться дальше - надо понять что делать с кнопкой и понять смысл предложения в инструкции: "Прежде, чем открывать, созданную web страницу на тестовом сервере, не забудьте туда отправить файл подключения к базе данных, который был любезно создан программой Adobe Dreamweaver CS3."))) куда отправить файл?))

  69. автор Алексей

    очень странно - с ftp клиента FileZilla получается добраться до созданного сервера и загрузить файлы на хостинг, просматривать их. Но - ввожу те же данные в разделе "удалённая информация" в dreamweaver и он пишет, что сервер не найден. Что-то мой дримвивер не может достучаться ни до каких серверов, не тестовых ни удалённых... антивирус пробовал отключить, брэндмауэр отключен - то же самое.

  70. автор Алексей

    всё равно не работает. Скажите, а может попробовать использовать реальный сервер? я зарегистрировал бесплатное доменное имя третьего уровня и хостинг небольшой. Может быть можн ообойтись и без тестового сервера на компьютере?

  71. автор Евгений

    после того, как создашь папку site1 на сервере. Перезагрузи Денвер

  72. автор Евгений

    Для тестового сервера URL префикс пропишите без "localhost":
    http://site1 , как на рис
    Сайт должен открываться при включеном Денвере по адресу:
    http://site1/index.php

  73. автор Алексей

    в настройках тестового сервера (в окне "базы данных") в строке Преыикс URL адреса изменил http://localhost на http://N:\home\site\ (путь к папке сайта на сервере) - стало работать F12 - теперь появляется созданная страница, н опропала галочка рядом с "задать тестовый сервер". Ничего уже не понимаю, что происходит. Подскажите, что конкретно мне описать в процессе настройки, что б легче было сориетироваться вам...

  74. автор Алексей

    здравствуйте ещё раз. Спасибо за инструкцию. Сразу скажу - снова почти ничего не получилось на CS5. Удалил CS5, потом поставил CS3 (на нём ситуация осталась прежней) и далее дошёл до dreamweaver 8. На последнем сделал всё по инструкции - сразу стала появляться налочка в окне базы данных у пункта "задать тестовый сервер". После этого стало работать и на CS3. То есть три галочки есть. Но:
    - во-первых при нажатии F12 браузер пишет "Not Found
    The requested URL /site/index.php was not found on this server." Это ответ денвера. Интересно, что в адресной строке браузера другой адрес - http://localhost/site/index.php
    - во вторых, в окне "базы данных" нажимаю плюсик, чтобы создать подключение, далее подключение mysql, там табличка - ввожу название сервера, подключения, имя (root) и потом нажимаю кнопку выбрать ниже у надписи база данных. И всё... пишет 404 файл не найден (ответ дримвивера) - ниже - или не запущен сервер (он запущен) или "тестовый сервер, указанный для данного сайта не соответствует URL адресу http://localhost/_mmServerScripts/MMHTTPDB.php. Убедитесь, что URL префикс указвает на корневой каталог сайта.
    В общем одной галочкой в базе данных стало больше, но проблему это как-то не решило... Что делать, подскажите... Трудно мне самому - сижу пол дня - и почти один результат почему-то... Я удалил topserver и поставил ДЕНВЕР. Может в нём дело теперь?...

  75. автор Алексей

    Евгений! большое спасибо!! пока не смотрел созданную Вами новую страничку, но очень приятно удивлён оперативности и форме Вашего ответа! спасибо!!!!!

  76. автор Евгений

    Алексей, ответ Вам пришлось оформить ввиде новой странички:
    Определение сайта в Dreamweaver CS3
    Если останутся вопросы пишите сюда.

  77. автор Алексей

    аналогичная с Вадимом проблема (раньше с ней тоже сталкивался, потому и забросил освоение dreamweaver): на вкладке базы данных никак не получается добиться появления галочки у третьего пункта - "задать тестовый сервер для веб сайта". Срвер у меня стоит TOPSERVER, а не денвер. Может в этом проблема и стоит установить ДЕНВЕР??? или может я путь к серверу не туда просто указываю или ещё что-то натсроить надо здесь??? Подскажите, пожалуйста, какой путь должен быть к этому серверу.
    Кстати, при нажатии f12 для просмотра страницы в браузере у меня пробует открыться какой-то http://index.php хотя я документ сохраняю в папке second ТОПСЕРВЕРА... Извините за столько слов... просто очень нужно решить как можно быстрее решить этот вопрос и заняться созданием большой анкеты для исследования. Спасибо!

  78. автор Евгений

    Ссылки проверил. Все рабочии.

  79. автор Алексей

    Всё просто замечательно и понятно, вот только скачать программу для дальнейшей работы Adobe Dreamweaver по ссылке не получаетя. Доходит до 25% и обрывается, повторно, та же
    история, а на третий раз выдало сообщение, вы скачивали программу два раза, мол больше нельзя. Та же самая ситуация
    с Adobe Flash.Другие программы скачались, спасибо. Не могли бы вы дать другую ссылочку, пожалуйста, а то вся работа стала, уже так хочется поскорей свой сайтик запустить.

  80. автор Евгений

    Без php, нет

  81. автор Иван

    А полученный код будет открываться на сервере, который не поддерживает PHP?

  82. автор Евгений

    готовые комментарии можно выводить в DIV,
    а далее в css: background...

  83. автор Вадим

    Вопрос следующий: как убрать белый фон в готовых комментариях?

  84. автор Вадим

    С окошками разобрался ) CS5 тоже настроил, всё работает

  85. автор Вадим

    В CS5 так и не понял, поставил CS3... Всё вроде как получилось )) Вопрос такой: почему комментарий выводится в окошках ввода?

  86. автор Евгений

    Прежде чем приступать к созданию web форм,
    необходимо выполнить все три пункта(с галосками) т.е. "определить сайт в Dreamweaver".
    Если с таким запросом обратиться к Google, то найдёшь все ответы и инструкции.

  87. автор Вадим

    На вкладке "Базы данных" нужно настроить все три пункта. Как это сделать правильно?

  88. автор Вадим

    Застрял на середине. Открыл "index.php" и перешёл на вкладку «базы данных». Галочек нет. При подключении MySQL появилась, но все ветки пустые. Что не так?

  89. автор Питэр

    Делаю всё по инструкции что не так в инструкции (создание-вывод)?
    http://help.adobe.com/ru_RU/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-78ada.html

  90. автор Питэр

    Создаю поиск по базе при помощи Дримвивер (Dw)
    ссылка для закачки и просмотра видео на плеере в замедленнном показе используйте настройки плеера
    4 мега http://metr77.ru/serche.wmv В чём ошибка

  91. автор Питэр

    сегодня ещё раскопал по траблам с кодировкой жуть ( просто http://www.cake-php.ru/wiki/Articles/BOM

  92. автор Питэр

    Ага спс евгений. вот ещё доску сделал =) http://baza.vx8.ru/

  93. автор Евгений

    Про кодировку текста можете посмотреть здесь Кодировка UTF-8 и cp1251

  94. автор Питэр

    Ещё раз спасибо. за ресурс. Тока при помощи вашей смог это сделать - скока другого не читал ни как не мог вьехать в тему. потому как целосно дана инфа для новичков.
    по поводу кодировки - забыл написать . разобрался так : вставляю строчку <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    после хэд перед титл

  95. автор Евгений

    "Нужна кнопка возврата при отсутствии текста для отправки..."
    Это называется:
    Проверка заполнения полей web формы - Здесь без знаний PHP или javascript не обойтись.
    PHP проверяет на сервере
    javascript - в браузере посетителя.
    Вобщем, начинай изучение языков программирования.

  96. автор Питэр

    Я не програмист НО, с помощью вашего урока склепал вот что http://metr77.ru/ =)

  97. автор Питэр

    Добрый день.
    Нужна кнопка возврата при отсутствии текста для отправки...
    Спс

  98. автор яна

    spasibo!

  99. автор Питэр

    Я как не програмист с трудом в последнем посту разберусь, по инструкции то и то стока промучился. так что пож. полную инструкцию от и до )

Добавить комментарий