我要评论目前还在学习中，这是一个简单的小案例，有错误的话，请批评指。
注意：此案例的运行前提是配置好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联系人登录界面内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网！
发表评论