Как использовать в Django регистрационную форму, созданную с помощью html и css - PullRequest
0 голосов
/ 13 октября 2019

У меня есть адаптивный регистр и логин с использованием HTML и CSS. Я не хочу использовать общую регистрационную форму и логин, которые Django создает при настройке. Подводя итог моей проблеме, я знаю, как создать форму регистрации в Django и настроить ее, но я не знаю, как применить к ней свой шаблон. Я читал о том, как использовать шаблоны на Django, но я все еще не понял, как правильно использовать в моем случае.

Мой регистр html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Manjari&display=swap" rel="stylesheet">
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link rel="stylesheet" href="reg.css">
    <title>Document</title>
</head>
<body>

<div class="back"></div>
<div class="registration-form">
    <header>
        <h1>Registrarse</h1>
        <p>Completa la información</p>
    </header>
    <form>
        <div class="input-section email-section"><input class="email" type="email" placeholder="Ingresa tu EMAIL aquí" autocomplete="off" />
            <div class="animated-button"><span class="icon-paper-plane"><i class="fa fa-envelope-o"></i></span><span class="next-button email"><i class="fa fa-arrow-up"></i></span></div>
        </div>
        <div class="input-section password-section folded"><input class="password" type="password" placeholder="Ingresa tu CONTRASEÑA aquí" />
            <div class="animated-button"><span class="icon-lock"><i class="fa fa-lock"></i></span><span class="next-button password"><i class="fa fa-arrow-up"></i></span></div>
        </div>
        <div class="input-section repeat-password-section folded"><input class="repeat-password" type="password" placeholder="Repita la CONTRASEÑA" />
            <div class="animated-button"><span class="icon-repeat-lock"><i class="fa fa-lock"></i></span><span class="next-button repeat-password"><i class="fa fa-paper-plane"></i></span></div>
        </div>
        <div class="success">
            <p>CUENTA CREADA</p>
        </div>
    </form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="reg.js"></script>
</body>
</html>


Ответы [ 4 ]

0 голосов
/ 13 октября 2019

Привет, вы должны установить LOGIN_URL = '/' в настройках django и создать def login(request): в app.views, а затем установить app.urls в этом формате

0 голосов
/ 13 октября 2019

Для этого вам нужно указать действие формы и метод. А также вам нужно указать атрибут name в поле ввода.

Например.

  <form action=" " method=" " >
  <div class="input-section email-sectioni">
  <input  class="email" type="email" 
  name='your_email_field_name' 
  ........
0 голосов
/ 13 октября 2019

@ Арджун правильный. Браузер отправит данные обратно, используя значения входов с атрибутами name, методом POST. После этого ваше представление сможет получить значения.

0 голосов
/ 13 октября 2019

Вы создаете папку с именем регистрации в папке с основными шаблонами для своего проекта и помещаете в нее шаблон с именем login.html, который вы выбираете по своему усмотрению.

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...