2013-10-04 2 views
5

Я пытаюсь создать сайт, который позволяет создать регистрационную форму, а также форму для входа. У меня есть все настройки HTML и CSS, но мне нужна php для обработки формы. Мне тоже нужно его проверить.Как создать файл register/login.php для моего сайта?

Ниже приведен код формы для регистрационной форме:

<form action="login.php" autocomplete="on"> 
    <h1>Log in</h1> 
    <p> 
      <label for="username" class="uname" data-icon="u" >Username:</label> 
      <input id="username" name="username" required="required" type="text" placeholder="Username"/> 
    </p> 
    <p> 
      <label for="password" class="youpasswd" data-icon="p">Password:</label> 
      <input id="password" name="password" required="required" type="password" placeholder="Password" /> 
    </p> 
    <p class="keeplogin"> 
      <input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
      <label for="loginkeeping">Keep me logged in</label> 
    </p> 
    <p class="login button"> 
      <input type="submit" value="Login" /> 
    </p> 
</form> 

И regsister форма:

<form action="register.php" autocomplete="on"> 
    <h1> Sign up </h1> 
    <p> 
     <label for="firstnamesignup" class="fname" data-icon="u">First Name:</label> 
     <input id="firstnamesignup" name="firstnamesignup" required="required" type="text" placeholder="First" /> 
    </p> 
    <p> 
     <label for="lastnamesignup" class="lname" data-icon="u">Last Name:</label> 
     <input id="lastnamesignup" name="lastnamesignup" required="required" type="text" placeholder="Last" /> 
    </p> 
    <p> 
     <label for="usernamesignup" class="uname" data-icon="u">Username:</label> 
     <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="Username" /> 
    </p> 
    <p> 
     <label for="passwordsignup" class="youpasswd" data-icon="p">Password:</label> 
     <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="Password"/> 
    </p> 
    <p> 
     <label for="passwordsignup_confirm" class="password" data-icon="p">Confirm Password:</label> 
     <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="Password"/> 
    </p> 
    <p> 
     <label for="emailsignup" class="youmail" data-icon="e" >Email:</label> 
     <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="[email protected]"/> 
    </p> 
    <p> 
     <label>Date of Birth:</label> 
     <select name="month" onChange="changeDate(this.options[selectedIndex].value);"> 
     <option value="na">Month</option> 
     <option value="1">January</option> 
     <option value="2">February</option> 
     <option value="3">March</option> 
     <option value="4">April</option> 
     <option value="5">May</option> 
     <option value="6">June</option> 
     <option value="7">July</option> 
     <option value="8">August</option> 
     <option value="9">September</option> 
     <option value="10">October</option> 
     <option value="11">November</option> 
     <option value="12">December</option> 
     </select> 
     <select name="day" id="day"> 
     <option value="na">Day</option> 
     </select> 
     <select name="year" id="year"> 
     <option value="na">Year</option> 
     </select> 
     <script language="JavaScript" type="text/javascript"> 
     function changeDate(i){ 
     var e = document.getElementById('day'); 
     while(e.length>0) 
     e.remove(e.length-1); 
     var j=-1; 
     if(i=="na") 
     k=0; 
     else if(i==2) 
     k=28; 
     else if(i==4||i==6||i==9||i==11) 
     k=30; 
     else 
     k=31; 
     while(j++<k){ 
     var s=document.createElement('option'); 
     var e=document.getElementById('day'); 
     if(j==0){ 
     s.text="Day"; 
     s.value="na"; 
     try{ 
     e.add(s,null);} 
     catch(ex){ 
     e.add(s);}} 
     else{ 
     s.text=j; 
     s.value=j; 
     try{ 
     e.add(s,null);} 
     catch(ex){ 
     e.add(s);}}}} 
     y = 1998; 
     while (y-->1908){ 
     var s = document.createElement('option'); 
     var e = document.getElementById('year'); 
     s.text=y; 
     s.value=y; 
     try{ 
     e.add(s,null);} 
     catch(ex){ 
     e.add(s);}} 
     </script> 
    </p> 
    <p> 
     <label>Gender:</label> 
     <select name="Gender"> 
     <option value="male">Male</option> 
     <option value="female">Female</option> 
     </select> 
    </p> 
    <p class="signin button"> 
    <input type="submit" value="Register"/> 
    </p> 
</form> 

Единственное, что мне нужна помощь с созданием/редактированием login.php и регистрации .php. Спасибо за любую помощь!

ответ

14

У вас есть в основном «передняя часть» (клиентская сторона), которая является HTML, CSS и JS. Теперь вам нужен «задний конец» (серверная сторона), который является вашей базой данных, SQL и PHP.

Зачем вам нужна база данных?

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

Что такое PHP?

PHP - это язык сценариев общего назначения с открытым исходным кодом. Подумайте об этом, как ваш серверный код. Ваши пользователи не имеют доступа к вашему PHP-коду (в отличие от вашего HTML, CSS и JS, доступного/доступного каждому для просмотра).

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

  1. http://www.phpeasystep.com/phptu/6.html
  2. http://php.about.com/od/finishedphp1/ss/php_login_code.htm
  3. http://www.wikihow.com/Create-a-Basic-Login-Script-in-PHP
  4. http://www.homeandlearn.co.uk/php/php14p2.html
  5. http://phpsnips.com/4/Simple-User-Login#.Uk41QYZmi-0
  6. http://www.html-form-guide.com/php-form/php-login-form.html

Надеется, что это помогает. Удачи вам в вашем проекте :)

+0

спасибо! –

2

Вам следует добавить метод = "post" в теги формы. Затем вы можете получить доступ к текстовым полям с переменной $ _POST ['']. (В кавычках укажите идентификатор текстового поля, к которому вы хотите получить доступ)

Как было сказано, вы должны прочитать некоторые учебники или купить книгу. Я нашел книгу О'Рейли по этой теме очень полезной и практичной.

+0

Я проверю эту книгу ... спасибо за ответ! –

1

Форма может быть отправлена ​​с использованием метода $ _POST. Представленные данные проверяются, то есть для регистрации мы должны подтвердить, что имя пользователя или адрес электронной почты уже существуют в базе данных. Все эти проверки должны выполняться в php, т.е. на стороне сервера. Вы также можете использовать проверку на стороне клиента с помощью javascript/jquery. Вы должны использовать их оба, используя проверку js/jquery, проверка выполняется быстрее, так как она работает на стороне браузера. Но javascript можно отключить из браузера, поэтому вы также должны использовать проверки на стороне сервера php.Пожалуйста, ознакомьтесь с приведенными ниже примерами, по которым вы получите лучшую идею.

http://forum.codecall.net/topic/44787-creating-loginregistration-forms-with-php/

http://tutorialzine.com/2009/10/cool-login-system-php-jquery/

1

Сначала добавьте метод = "пост" в виде тегов. Это позволяет форме отправить отправленные данные в login.php и register.php.

Все, что вам нужно сделать, это написать код в register.php и login.php для обработки данных.

Если вам нужно с php, вы должны сначала сделать некоторые базовые уроки PHP. Я бы начал с codecademy, если бы я был вами. После того, как вы закончите этот небольшой курс, просто найдите учебник на YOUTUBE.

на youtube есть канал под названием «phpacademy». У них появилось довольно много ясных php-руководств о том, как создать систему регистрации и входа в систему для вашей страницы. Вы узнаете тонны от просмотра этого, и вы сможете написать такую ​​систему, как ваша!

Удачи вам!

Смежные вопросы