django联系人登录界面案例详解
更新时间：2024年10月24日 11:13:19 作者：哈哈嘻喜
在本案例中,将介绍如何使用Django框架创建一个简单的联系人登录界面,案例涉及前端HTML页面设计,CSS和JS的应用,以及后端views.py的编写,在后端处理中,密码将通过MD5进行加密,保证安全性,本文给大家介绍了django联系人登录界面案例详解,感兴趣的朋友一起看看吧
目前还在学习中，这是一个简单的小案例，有错误的话，请批评指。
注意：此案例的运行前提是配置好python环境，MySQL环境，django环境
预览
代码实现
html界面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>联系人在线管理系统</title>
<link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1-dist/css/bootstrap.css" rel="external nofollow" >
<style>
.account{
width:500px;
height:320px;
border:2px solid #999999;
border-radius:20px;
margin-left:auto;
margin-right:auto;
margin-top:200px;
padding:20px 40px;
}
.h1{
text-align:center;
}
.h2{
color:#3887B6;
}
.b3{
background-color:#C04849;
border-radius:10px;
color:#FFFFFF;
display:block;
margin:0 auto;
margin-top:30px;
width:350px;
height:40px;
box-shadow:5px 5px 10px #A3ADA4;
}
</style>
</head>
<body>
<form method="post" class="account">
{% csrf_token %}
<h1 class="h1 h2">联系人在线管理系统</h1>
<div class="form-group" style="margin-top:10px;">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
<label id="exampleInputEmail1">用户名</label>
{{form.username}}
{{form.username.error.0}}
<span style="color:red;font-size:12px">{{font.username.error.0}}</span>
</div>
<div class="form-group" style="margin-top:10px;">
<span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
<label id="exampleInputPassword1">密码</label>
{{form.password}}
{{form.password.error.0}}
<span style="color:red;font-size:12px">{{font.password.error.0}}</span>
</div>
<div>
<input type="submit" value="登录" class="b3">
</div>
</form>
<script src="/static/js/jquery-3.7.1.min.js"></script>
<script src="/static/plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</body>
</html>此界面引入了css和js，连接了mysql数据库
views.py
class LoginForm(forms.Form):
username = forms.CharField(
label="用户名",
widget=forms.TextInput(attrs={'class': 'form-control', "placeholder": "请输入用户名"}),
required=True
)
password = forms.CharField(
label="密码",
widget=forms.PasswordInput(attrs={'class': 'form-control', "placeholder": "请输入密码"}),
required=True
)
def clean_password(self):
pwd = self.cleaned_data.get("password")
return md5(pwd)密码用了md5加密，引入的库包括以下几个:
from django.shortcuts import render, redirect, HttpResponseRedirect from contacts import models from django import forms from django.core.validators import RegexValidator from contacts.encrpty import md5 from django.utils.safestring import mark_safe from django.shortcuts import get_object_or_404
urls.py
urlpatterns = [
path("admin/", admin.site.urls),
path("getUser/", views.getUser),]models.py
class Login(models.Model):
username = models.CharField(verbose_name="用户名",max_length=32)
password = models.CharField(verbose_name="密码",max_length=32)最后，打开终端输入
python manage.py runserver
到此这篇关于django联系人登录界面的文章就介绍到这了,更多相关django联系人登录界面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
今天小编就为大家分享一篇在Pycharm中执行scrapy命令的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-01-01
这篇文章主要为大家详细介绍了python实现感知器算法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
这篇文章主要介绍了python中的路径拼接问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
下面小编就为大家带来一篇Python备份目录及目录下的全部内容的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了python中的torch常用tensor处理函数,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
这篇文章主要介绍了Python语言描述最大连续子序列和，具有一定借鉴价值，需要的朋友可以了解下。2017-12-12
Python作为一门多范式的编程语言,提供了丰富的设计模式应用场景,在本文中,我们将详细介绍 Python 中的各种设计模式,包括创建型、结构型和行为型模式2023-11-11
python3.8.1+selenium实现登录滑块验证功能
这篇文章主要介绍了python3.8.1+selenium解决登录滑块验证的问题,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-05-05
这篇文章主要介绍了python aiohttp创建很多线程的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-06-06
这篇文章主要介绍了Python将json文件写入ES数据库的方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-04-04
最新评论