Django+bootstrap 注册登陆

这里提供一个简单的 Django+Bootstrap 注册登录的示例代码。 1. 首先在 Django 项目中创建一个 app，命名为 accounts。 2. 在 accounts 下创建 templates/accounts 目录，用于存放注册登录模板。 3. 在 accounts 下创建 views.py 文件，实现注册和登录的逻辑。 ```python from django.shortcuts import render, redirect from django.contrib.auth.forms import UserCreationForm, AuthenticationForm from django.contrib.auth import login, authenticate def signup_view(request): if request.method == 'POST': form = UserCreationForm(request.POST) if form.is_valid(): user = form.save() login(request, user) return redirect('home') else: form = UserCreationForm() return render(request, 'accounts/signup.html', {'form': form}) def login_view(request): if request.method == 'POST': form = AuthenticationForm(data=request.POST) if form.is_valid(): user = form.get_user() login(request, user) return redirect('home') else: form = AuthenticationForm() return render(request, 'accounts/login.html', {'form': form}) ``` 4. 在 accounts 下的 urls.py 文件中配置路由。 ```python from django.urls import path from . import views urlpatterns = [ path('signup/', views.signup_view, name='signup'), path('login/', views.login_view, name='login'), ] ``` 5. 在 templates/accounts 目录下创建注册登录模板，分别命名为 signup.html 和 login.html。 signup.html： ```html {% extends 'base.html' %} {% block content %} <h2>Sign up</h2> <form method="post"> {% csrf_token %} {{ form.as_p }} <button type="submit">Sign up</button> </form> {% endblock %} ``` login.html： ```html {% extends 'base.html' %} {% block content %} <h2>Login</h2> <form method="post"> {% csrf_token %} {{ form.as_p }} <button type="submit">Login</button> </form> {% endblock %} ``` 6. 在模板中引入 Bootstrap，可以在 base.html 中引入。 ```html {% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{% block title %}{% endblock %}</title> <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"> </head> <body> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">My Site</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="{% url 'home' %}">Home</a> </li> {% if user.is_authenticated %} <li class="nav-item"> <a class="nav-link" href="{% url 'logout' %}">Logout</a> </li> {% else %} <li class="nav-item"> <a class="nav-link" href="{% url 'login' %}">Login</a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'signup' %}">Sign up</a> </li> {% endif %} </ul> </div> </nav> <div class="container"> {% block content %} {% endblock %} </div> <script src="{% static 'js/jquery.min.js' %}"></script> <script src="{% static 'js/bootstrap.min.js' %}"></script> </body> </html> ``` 以上就是一个简单的 Django+Bootstrap 注册登录示例。注意，这只是一个基础示例，实际开发中需要进行更多的安全、验证、错误处理等方面的处理。

Django+bootstrap 注册登陆

相关推荐

Django实现登录-注册等功能

bootstrap3+DWR实现的登陆注册页面

Django demo 简单登陆注册实现

Django-bootstrap3 6.2.2 安装与模板指南

使用Django和Bootstrap3开发Web页面实战

使用Django-bootstrap3构建前端界面

Django用户注册与登录实战教程

Django前端模板与crispyform美化实践

django+bootstrap_Python+Django+Mysql实现购物商城推荐系统

intitle:python django+bootstrap实现用户管理系统

django+bootstrap建网站属于前后端分离吗

django+bootstrap+ztree,树结构与表格进行联动

基于python+django+bootstrap+mysql的科研成果管理系统设计

有什么django+bootstrap 写的开源项目？

可以做一个django+bootstrap的一个具体的管理系统吗

django+MySQL+vue+html实现用户登陆注册

django 用 bootstrap 实现登录注册

dijango+Bootstrap

django+vue源码

最新推荐

bootstrap-table+treegrid实现树形表格

shibing624-text2vec-base-chinese模型文件

PCI设备配置空间I/O命令访问优化方法

管理建模和仿真的文件

【Java搜索算法终极指南】：揭秘性能优化的17个关键策略

mpq3365 iic 调整背光

Von Mises分布下互耦对不同阵列流型空间相关性的深度分析

"互动学习：行动中的多样性与论文攻读经历"

：中点画圆算法在图像处理中的应用：圆形裁剪与图像变形，让图像处理更灵活

pyqt5metadata-generation-failed