用django写一个登录注册界面

时间: 2023-05-28 22:03:06 浏览: 178
以下是一个简单的登录注册界面的django代码示例: 1. 创建django项目 首先,创建一个django项目并命名为“MyProject”: ``` django-admin startproject MyProject ``` 接着,创建一个名为“accounts”的django应用程序: ``` cd MyProject python manage.py startapp accounts ``` 2. 创建模型 在“accounts/models.py”文件中添加一个“User”模型: ``` from django.db import models from django.contrib.auth.models import AbstractBaseUser, BaseUserManager class MyUserManager(BaseUserManager): def create_user(self, email, password=None): if not email: raise ValueError('Users must have an email address') user = self.model( email=self.normalize_email(email), ) user.set_password(password) user.save(using=self._db) return user def create_superuser(self, email, password): user = self.create_user( email=email, password=password, ) user.is_admin = True user.save(using=self._db) return user class User(AbstractBaseUser): email = models.EmailField( verbose_name='email address', max_length=255, unique=True, ) is_active = models.BooleanField(default=True) is_admin = models.BooleanField(default=False) objects = MyUserManager() USERNAME_FIELD = 'email' def __str__(self): return self.email def has_perm(self, perm, obj=None): return True def has_module_perms(self, app_label): return True @property def is_staff(self): return self.is_admin ``` 上述代码定义了一个“User”模型,该模型可以用电子邮件和密码进行身份验证。 3. 创建视图 在“accounts/views.py”文件中,添加以下视图: ``` from django.shortcuts import render, redirect from django.contrib.auth import authenticate, login, logout from .forms import UserForm def register(request): if request.method == 'POST': form = UserForm(request.POST) if form.is_valid(): form.save() email = form.cleaned_data['email'] password = form.cleaned_data['password1'] user = authenticate(request, email=email, password=password) if user is not None: login(request, user) return redirect('home') else: form = UserForm() return render(request, 'register.html', {'form': form}) def user_login(request): if request.method == 'POST': email = request.POST.get('email') password = request.POST.get('password') user = authenticate(request, email=email, password=password) if user is not None: login(request, user) return redirect('home') return render(request, 'login.html') def user_logout(request): logout(request) return redirect('home') ``` 上述代码包含了三个视图:注册、登录和注销。其中,注册视图中使用了自定义表单“UserForm”,该表单用于收集新用户的电子邮件和密码。 4. 创建表单 在“accounts/forms.py”文件中,定义一个“UserForm”表单: ``` from django import forms from django.contrib.auth.forms import UserCreationForm from .models import User class UserForm(UserCreationForm): email = forms.EmailField(max_length=254, help_text='Required. Enter a valid email address.') class Meta: model = User fields = ('email', 'password1', 'password2') ``` 上述代码继承了django自带的“UserCreationForm”表单,并添加了一个电子邮件字段。 5. 创建模板 在“accounts/templates”目录下,创建以下模板: - “base.html”:所有模板都将从该模板中继承。 - “home.html”:显示用户是否已登录。 - “login.html”:显示登录表单。 - “register.html”:显示注册表单。 以下是模板代码: “base.html”: ``` {% load static %} <!DOCTYPE html> <html> <head> <title>{% block title %}{% endblock %}</title> <link rel="stylesheet" href="{% static 'css/style.css' %}"> </head> <body> <div id="header"> {% if user.is_authenticated %} <a href="{% url 'logout' %}">Logout</a> {% else %} <a href="{% url 'login' %}">Login</a> / <a href="{% url 'register' %}">Register</a> {% endif %} </div> <div id="content"> {% block content %} {% endblock %} </div> </body> </html> ``` “home.html”: ``` {% extends 'base.html' %} {% block title %}Home{% endblock %} {% block content %} {% if user.is_authenticated %} <p>Welcome, {{ user.email }}!</p> {% else %} <p>You are not logged in.</p> {% endif %} {% endblock %} ``` “login.html”: ``` {% extends 'base.html' %} {% block title %}Login{% endblock %} {% block content %} <h2>Login</h2> <form method="post"> {% csrf_token %} <div class="form-group"> <label for="email">Email address:</label> <input type="email" name="email" required class="form-control" id="email"> </div> <div class="form-group"> <label for="password">Password:</label> <input type="password" name="password" required class="form-control" id="password"> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> {% endblock %} ``` “register.html”: ``` {% extends 'base.html' %} {% block title %}Register{% endblock %} {% block content %} <h2>Register</h2> <form method="post"> {% csrf_token %} {{ form.as_p }} <button type="submit" class="btn btn-primary">Submit</button> </form> {% endblock %} ``` 6. 配置URL 在“MyProject/urls.py”文件中,添加以下URL: ``` from django.urls import path from accounts.views import register, user_login, user_logout urlpatterns = [ path('register/', register, name='register'), path('login/', user_login, name='login'), path('logout/', user_logout, name='logout'), ] ``` 7. 运行项目 现在可以运行django项目并在浏览器中访问登录注册界面: ``` python manage.py runserver ``` 在浏览器中访问“http://127.0.0.1:8000/register/”即可打开注册页面,访问“http://127.0.0.1:8000/login/”即可打开登录页面。
阅读全文

相关推荐

最新推荐

recommend-type

使用Django实现把两个模型类的数据聚合在一起

Django Admin是一个强大的后台管理系统,用于快速构建管理接口。默认情况下,Admin只能管理模型自身的字段,但可以通过自定义`ModelAdmin`类来扩展其功能,以便在列表展示和编辑页面中包含关联模型的字段。 例如,...
recommend-type

mmexport1734361019693.mp4

mmexport1734361019693.mp4
recommend-type

S0035基于ASP.NET 菜保姆网上购物商城源码.zip

本文介绍了基于ASP.NET 菜保姆网上购物商城项目,涉及的技术框架包括asp.net等,适合从理论到实际操作的全面学习。 适合人群:对于初学者和有经验的开发者都非常有用,尤其是希望深入研究某一特定技术栈或者准备毕业设计、课程项目的计算机专业的大学生和技术爱好者。 使用场景及目标:旨在为用户提供一套完整的学习解决方案,不仅限于代码的学习,还包括项目管理和开发技巧,帮助用户构建真实的应用程序,掌握现代软件工程的方法论和技术细节。 阅读建议:由于文档量巨大,建议首先根据自己的兴趣和方向选择相关项目开始学习,同时注意文档中的关键要点和实战练习部分。可以通过加入作者提供的微信群获得更多实时的支持和帮助。
recommend-type

掌握JSON:开源项目解读与使用

资源摘要信息:"JavaScript Object Notation(JSON)是一种轻量级的数据交换格式,被广泛用于网络数据传输和存储。JSON 项目为各种编程语言提供了操作JSON对象的库。" 知识点: 1. JSON定义:JSON是JavaScript Object Notation的缩写,它是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。其基于JavaScript的一个子集,但JSON是完全独立的语言无关的文本格式。JSON可以替代XML在网络中进行数据交换,因为它更加简洁和易于解析。 2. JSON数据结构:JSON的数据结构主要包括两种:对象和数组。JSON对象是由键值对集合组成,类似于JavaScript中的对象字面量,而JSON数组是由值(可以是字符串、数字、布尔值、null、对象或数组)的有序列表组成。 3. JSON语法:JSON语法要求键(名称)必须是字符串,值可以是字符串、数字、布尔值、null、数组或对象。此外,JSON数据必须是有效的UTF-8编码的字符串。需要注意的是,JSON中没有变量声明,不支持注释,且数据结构必须是层次性的,不能有循环引用。 4. JSON在编程语言中的应用:由于JSON的通用性和简单性,它已成为现代web应用程序和服务之间数据交换的首选格式。许多现代编程语言都内置了对JSON的支持,或者有第三方库提供JSON处理功能。例如,JavaScript内置了对JSON的全面支持,其他语言如Python、Java、C#、PHP等也通过标准库或社区提供的库来支持JSON的解析和生成。 5. JSON库:在编程中处理JSON数据,通常会使用特定的库,这些库提供了对JSON数据进行序列化和反序列化的方法,即把对象转换为JSON格式的字符串,或者将JSON字符串解析回对象。例如,JavaScript的JSON对象提供了parse()和stringify()两个方法,分别用于解析JSON字符串和将对象转换为JSON字符串。 6. JSON与XML比较:JSON和XML都是用于数据交换的格式,但JSON格式更加简洁,并且对于脚本语言来说,解析和生成更为方便。JSON的优势在于它能够直接映射到JavaScript对象,这使得它在Web应用中非常流行。XML则更为复杂,具有更强的可扩展性,但其结构相对臃肿,对于简单的数据交换来说可能有些过重。 7. JSON开源项目:标题中提到的“开源”表明有关JSON的库是开放源代码的,这意味着这些库可以被免费使用和修改,开发者可以根据自己的需求对其进行改进或贡献代码。开源项目通常伴随着社区支持,这也是它们迅速发展和被广泛应用的一个重要原因。 8. 示例库:描述中提到了“ruby-json-1.1.2”,这是一个开源库的版本号,表明此库是用于Ruby语言的,专门用于处理JSON数据的库。通过这样的库,Ruby开发者可以方便地将Ruby对象与JSON格式进行转换,这在处理Web API和数据存储时非常有用。 总结:JSON作为一种数据交换格式,其轻量级、易于阅读和解析的特性使得它在现代网络应用中扮演着重要角色。JSON不仅语言无关,还具有广泛的标准库支持,并且是开源的,使得它成为了开发者在进行数据交换时的首选格式。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

苹果CMS v10接口对接深度指南

![苹果CMS v10接口对接深度指南](https://www.altexsoft.com/static/blog-post/2023/11/ba68ab05-95ee-4eaa-8478-a6d62085aabe.webp) 参考资源链接:[苹果CMS_v10成功对接TVBOX接口的教程和API](https://wenku.csdn.net/doc/3f6v6iey6q?spm=1055.2635.3001.10343) # 1. 苹果CMS v10接口对接概述 在当今快速发展的数字时代,内容管理系统(CMS)已成为网站和在线服务不可或缺的一部分。苹果CMS v10作为一套功能强大的
recommend-type

如果开环传递函数是10Ks/(s²+1),K是待求的系数,怎么在MATLAB里定义

在MATLAB中,如果你想定义一个简单的一阶导数加常数(1st order derivative plus a constant)形式的开环传递函数,它通常表示为 `Ts / (s + 1)`,其中 `Ts` 代表时间常数。如果给定的是 `10Ks/(s²+1)` 的形式,意味着这里还有一个积分环节,因此实际的传递函数需要两个极点,即一个在虚轴上(表示积分环节)。 如果你想要模拟 K 这个未知系数乘以 10 的情况,可以先定义一个通用的 s-domain 函数,然后赋值给 K。假设 `num` 表示分子多项式(包含 K),`den` 表示分母多项式,你可以这样做: ```matlab %
recommend-type

Ruby嵌入V8:在Ruby中直接运行JavaScript代码

资源摘要信息:"therubyracer项目允许开发者将V8 JavaScript解释器嵌入到Ruby应用程序中。这使得Ruby开发人员能够直接在Ruby代码内执行JavaScript代码,享受V8引擎带来的高性能和实时编译优化。通过这个gem(Ruby的包管理工具),用户能够创建JavaScript运行环境,进行JavaScript代码的执行和管理。 1. **项目安装和使用**:用户可以通过简单的命令安装therubyracer gem,如下: ``` gem install therubyracer ``` 安装完成后,在Ruby代码中引入'v8'库即可开始使用: ```ruby require 'v8' ``` 如果是在Rails等使用捆绑程序的框架中,则需要在Gemfile中添加: ```ruby gem "therubyracer" ``` 执行bundle install进行安装。 2. **V8 JavaScript解释器**:V8是Google开发的开源JavaScript引擎,用C++编写。V8引擎提供了高效的执行速度和较好的实时编译特性,能够将JavaScript代码编译成机器码直接在硬件上运行,这为执行复杂和高性能的JavaScript应用程序提供了可能。 3. **JavaScript和Ruby的交互**:通过therubyracer,Ruby开发者可以实现以下功能: - **在Ruby中评估JavaScript代码**:可以通过创建JavaScript上下文来执行JavaScript代码片段。 - **将Ruby对象嵌入JavaScript世界**:Ruby对象和方法可以被暴露给JavaScript环境,允许JavaScript代码访问和操作Ruby对象。 - **操纵JavaScript对象并从Ruby调用JavaScript函数**:可以在Ruby代码中直接操作JavaScript对象,调用JavaScript定义的函数,实现数据和逻辑的双向交互。 - **与Ruby Rhino兼容的API(对于JRuby)**:对于使用JRuby的开发者,therubyracer也提供了与Rhino引擎兼容的API,使得在JRuby环境中使用JavaScript更加方便。 4. **创建JavaScript上下文并执行代码**:使用V8::Context.new创建一个新的JavaScript执行上下文,并可以在这个上下文中执行JavaScript代码。例如: ```ruby cxt = V8::Context.new result = cxt.eval('7 * 6') puts result # 输出 42 ``` 上述代码展示了如何执行JavaScript表达式并获取结果。 5. **访问JavaScript上下文中的值**:从Ruby代码中访问在JavaScript上下文内定义的值也是可行的。这允许Ruby代码读取和利用JavaScript环境中计算出的数据。 6. **Ruby和JavaScript的互补**:therubyracer项目的引入,使得在Ruby应用中灵活地执行JavaScript成为可能。虽然Ruby在某些场景下执行效率不如JavaScript,但结合了V8引擎后,Ruby应用可以更容易地处理前端JavaScript逻辑,进行前后端的无缝对接。 7. **兼容性和限制**:尽管therubyracer提供了JavaScript和Ruby的交互功能,但并非所有JavaScript特性在嵌入到Ruby时都得到100%的支持。开发者在使用过程中可能需要关注特定功能的兼容性问题。 8. **开发和维护**:作为开源项目,therubyracer的开发和维护依赖于社区的贡献。用户在使用过程中遇到问题可以通过查看文档、搜索已有的邮件列表讨论或直接向项目提交问题。 9. **资源的扩展阅读**:开发者在深入使用therubyracer时,可能需要阅读更多关于V8引擎和JavaScript引擎优化的资料,以便更好地理解和利用这一工具的优势。 通过这些知识点,可以全面地了解therubyracer项目,并在Ruby应用程序中有效地嵌入和利用V8 JavaScript解释器。"
recommend-type

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

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动,互动学习以行动为中心的强化学习学会互动,互动学习,以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授:智囊团论文联合主任菲利普·普雷教授,大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授,Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士,Deepmind对于那些及时看到自己错误的人...3谢谢你首先,我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔,"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲,你知道在这篇论文的(许多)错误中,你是我可以依
recommend-type

苹果CMS v10接口对接全攻略

![苹果 CMS v10 对接 TVBOX 接口](https://content.instructables.com/FKQ/DRKP/J1WW8IP1/FKQDRKPJ1WW8IP1.jpg?auto=webp&fit=bounds&frame=1&height=1024&width=1024) 参考资源链接:[苹果CMS_v10成功对接TVBOX接口的教程和API](https://wenku.csdn.net/doc/3f6v6iey6q?spm=1055.2635.3001.10343) # 1. 苹果CMS v10接口对接概述 苹果CMS v10作为一种流行的影视内容管理系统,