Запись данных формы в БД

@prarok · Регистрация: 01.06.2016

Студворк — интернет-сервис помощи студентам

Здравствуйте, помогите пожалуйста создать форму которая будет состоять из 2 полей, поле контакты, поле сообщения и 2 кнопками очистить и отправить. Нужно чтобы по нажатию кнопки отправить форма отправляла сообщение на email и записывала в БД номер, дату, и содержания обоих полей. Помогите пожалуйста с создание данной формы!

@BANO · 02.06.2016, 19:57

prarok, форма 100% html
я даже вам покажу какой

HTML5
1
2
3
4
<form action="вот тут проблема">    
    <label>Email <input type="email" name="email"></label>
    <label>Name <input type="text" name="nick"></label>
</form>

а вот что сервер будет делать с этими данными не понятно

Добавлено через 28 секунд
у вас сервер на чём?

@prarok · 02.06.2016, 20:12 **[ТС]**

сервера пока нет, так что жду предложений, от всех желающих помочь в реализации данной формы.

@Fedor92 · 02.06.2016, 20:16

Сообщение от prarok

сервера пока нет, так что жду предложений, от всех желающих помочь в реализации данной формы.

А как Вы планируете тестировать форму, если нет сервера?

Начнём с вёрстки формы... Нарисуйте, как должна выглядеть Ваша форма, какие поля должна содержать и выложите скрин...

@prarok · 02.06.2016, 20:30 **[ТС]**

Форма должна выглядеть примерно как на скрине, содержание 2 поля с подписями, в одно нужно ввести контакты (желательно чтобы только email принимал), а в другой текст сообщения. С сервером что нибуть придумаю

@Fedor92 · 02.06.2016, 20:38

prarok, так теперь нам понадобится сервер... Либо установленный локально(Appserv, Open Server и т.д.) - либо сервер с бесплатным хостингом в Интернете...

А также надо настроить БД... Все настройки есть в официальных мануалах...

@BANO · 02.06.2016, 20:43

Не по теме:

Fedor92, а про джентельменский набор забыл?

@Stas_Garcia · 02.06.2016, 21:16

Сообщение от prarok

помочь в реализации данной формы.

Тут не только форму нужно реализовать. Тут еще нужно поставить сервер и написать код для этого сервера, который и будет помещать ваши данные в БД (которую вам также нужно создать). Чтобы проделать такую работу самостоятельно - нужно обладать определенными знаниями в программировании.

Добавлено через 1 минуту

Сообщение от prarok

так что жду предложений

А на чем будет писаться серверная часть? Вроде django предоставляет бесплатные сервера для учебных проектов.

Добавлено через 8 минут
Локальный сервер у django*

@prarok · 02.06.2016, 21:17 **[ТС]**

К сожалению знаний в программировании не так много как хотелось бы, но они есть, так что думаю с вашей помощью справлюсь) Локальный сервер Appserv подойдёт?

@Stas_Garcia · 02.06.2016, 21:20

Сообщение от prarok

Appserv

Подойдет, можно Denwer, например. Используемый серверный язык - PHP, можете даже в интернете найти уже готовые варианты решения вашей задачи. Также в интернете много туториалов по созданию форм регистрации - оттуда также можете почерпнуть информации.

@Fedor92 · 02.06.2016, 21:26

prarok, вот вёрстка, теперь необходимо написать обработчик, который будет подключаться к БД, записывать данные в БД и оправлять письмо на почту и всё это необходимо сделать на php...

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title>My Page</title>
<style>
    *{margin:0; padding:0; box-sizing:border-box; border:0; outline:0}
    form{
        width:400px;
        height:320px;
        box-shadow: 0 0 3px 3px rgba(0,0,0,0.5);
        padding:20px;
        margin:0 auto;
        border-radius:10px;
        background:#ccc
    }
    p{margin-top:10px}
    label{display:block; font:bold 14px/1.25 Tahoma; margin:10px 0}
    #contact, #message{
        width:100%;
        border: 2px solid #333;
        border-radius:5px       
    }
    #contact{height:30px}
    input[type="submit"], input[type="reset"]{
        padding:5px;
        margin:0 auto;
        margin-top:10px;
        border-radius:5px;
        border: 2px solid #333
    }
    .buttons{
        display:block;
        text-align:center
    }
    
</style>
</head>
<body>
<form action="index.php" method="POST">
        <p>
            <label for="contact">Ваши контактные данные:</label>
            <input type="text" width="40" name="contact" id="contact" placeholder="Ваши данные"  required>
        </p>
        <p>
            <label for="message">Ваше сообшение:</label>
            <textarea name="message" id="message" cols="40" rows="8" placeholder="Текст сообщения" required></textarea>
        </p>
        <p class="buttons">
            <input type="submit" name="send" value="Отправить">
            <input type="reset" name="reset" value="Очистить">
        </p>
    </form>
</body>
</html>

Сообщение от prarok

Локальный сервер Appserv подойдёт?

Сойдёт... А теперь по подробней, какие знания в программировании у Вас есть, чтобы до конца оценить масштаб проблемы...

@noobie · 02.06.2016, 21:31

prarok, смотря, что тебе нужно. Если это лабораторная и инструментарий чётко описан в методичке, то используй то, что там указано. Если нет информации, то посмотри в сторону win-сборки OpenServer (apache+php+mysql). Скачай минимальный вариант сборки и запускай. Код формы тебе написали выше, а серверную часть пиши сам - несколько строчек код потребуется для добавления инфы в базу данных. Напишу опорные слова: mysqli_connect(), mysqli_query(). В БД достаточно всего одной таблички с полями: id, message_date, user_name, message_text. Поле ID не забудь сделать автоинкрементируемым.
SQL-запрос у тебя должен выглядеть примерно так:

SQL
1
2
INSERT INTO TABLE_NAME
VALUES (message_date, user_name, message_text);

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

@Stas_Garcia · 02.06.2016, 21:32

Не по теме:

Сообщение от Fedor92

вот вёрстка

Маленький дизайнер во мне страдает :D

@prarok · 02.06.2016, 21:33 **[ТС]**

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

@Stas_Garcia · 02.06.2016, 21:35

Сообщение от prarok

разбираюсь в языке

В каком языке? Для данной задачи их нужно несколько.

@prarok · 02.06.2016, 21:36 **[ТС]**

HTML, немного PHP... и к сожалению всё...

@Fedor92 · 02.06.2016, 21:37

Не по теме:

Сообщение от Stas_Garcia

Маленький дизайнер во мне страдает

Кидайте свою вёрстку выпустите наружу маленького дизайнера...:)

Сообщение от prarok

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

Понятно, значит почти 0... Ставьте сервер, настраивайте БД... Потом продолжим...

@Stas_Garcia · 02.06.2016, 21:57

Сообщение от Fedor92

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

https://jsfiddle.net/9t8rghLu/ элегантный минимализм.

@prarok · 03.06.2016, 18:55 **[ТС]**

После четных попыток создания локального сервера был подключен https://hostiman.ru/index.php этот без платный хостинг с php скриптами. Подойдёт???

@Fedor92 · 03.06.2016, 19:25

Сообщение от prarok

Подойдёт???

Даже не знаю, что и сказать раньше я этот хостинг не юзал...

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

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

@prarok 0 / 0 / 0 Регистрация: 01.06.2016 Сообщений: 14

	Запись данных формы в БД 02.06.2016, 19:40. Показов 3561. Ответов 26 Метки нет (Все метки) Здравствуйте, помогите пожалуйста создать форму которая будет состоять из 2 полей, поле контакты, поле сообщения и 2 кнопками очистить и отправить. Нужно чтобы по нажатию кнопки отправить форма отправляла сообщение на email и записывала в БД номер, дату, и содержания обоих полей. Помогите пожалуйста с создание данной формы! 0

@prarok 0 / 0 / 0 Регистрация: 01.06.2016 Сообщений: 14
	02.06.2016, 20:12 [ТС]
	сервера пока нет, так что жду предложений, от всех желающих помочь в реализации данной формы. 0

@prarok 0 / 0 / 0 Регистрация: 01.06.2016 Сообщений: 14
	02.06.2016, 20:30 [ТС]
	Форма должна выглядеть примерно как на скрине, содержание 2 поля с подписями, в одно нужно ввести контакты (желательно чтобы только email принимал), а в другой текст сообщения. С сервером что нибуть придумаю Миниатюры 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	02.06.2016, 20:38
	prarok, так теперь нам понадобится сервер... Либо установленный локально(Appserv, Open Server и т.д.) - либо сервер с бесплатным хостингом в Интернете... А также надо настроить БД... Все настройки есть в официальных мануалах... 0

@BANO
	02.06.2016, 20:43
	Не по теме: Fedor92, а про джентельменский набор забыл? 0

@prarok 0 / 0 / 0 Регистрация: 01.06.2016 Сообщений: 14
	02.06.2016, 21:17 [ТС]
	К сожалению знаний в программировании не так много как хотелось бы, но они есть, так что думаю с вашей помощью справлюсь) Локальный сервер Appserv подойдёт? 0

@prarok 0 / 0 / 0 Регистрация: 01.06.2016 Сообщений: 14
	02.06.2016, 21:33 [ТС]
	Начальные, не очень разбираюсь в языке но могу примерно понять какая часть что делает. 0

@prarok 0 / 0 / 0 Регистрация: 01.06.2016 Сообщений: 14
	02.06.2016, 21:36 [ТС]
	HTML, немного PHP... и к сожалению всё... 0

@prarok 0 / 0 / 0 Регистрация: 01.06.2016 Сообщений: 14
	03.06.2016, 18:55 [ТС]
	После четных попыток создания локального сервера был подключен https://hostiman.ru/index.php этот без платный хостинг с php скриптами. Подойдёт??? 0