登录模板:参考https://blog.csdn.net/qq_35718410/article/details/52149894
HTML:注意提交数据type=“submit”,form action调转到下一个执行界面
{% load static from staticfiles %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册</title> <link href="/static/app1/css/create.css/" rel="stylesheet" type="text/css"> </head> <body background="/static/app1/img/register.jpg"> {# 设置背景图片 #} <div class="login"> <form action="adduser/" method="post"> <div class="input_control"> <input type="text" name="name_1" value="" id="btn1" class="form_input" placeholder="Enter your name here"/> </div> <div class="input_control"> <input type="email" name="id_1" value="" id="btn2" class="form_input" placeholder="Enter your Email here"/> </div> <div class="input_control"> <input type="password" name="pwd_1" value="" id="btn3" class="form_input" placeholder="Enter your key here"/> </div> <div class="input_control"> {# submit的style在CSS引入时失败,故直接引入 #} <input type="submit" class="form_input" value="注册" style="box-sizing: border-box; text-align:center;font-size:1.4em;height:2.7em;border-radius:4px; border:1px solid #98AFC7;color:#6a6f77;-web-kit-appearance:none; -moz-appearance: none;display:block;outline:0;padding:0 1em; text-decoration:none;width:100%;cursor: pointer"/> </div> </form> </div> </body> </html>
CSS:
/*===========表单居中==============*/ /*采用两个div,控制绝对位置和相对位置,使表单居中显示*/ .login{ width:400px; height:280px; position:absolute; left: 50%; top: 50%; margin-left:-200px; margin-top:-140px; border:1px; align:center; } /*=================优化input的样式==================*/ .input_control{ width:360px; margin:20px auto; } /*===============text=====================*/ input[type="text"],#btn1{ box-sizing: border-box; text-align:center; font-size:1.4em; height:2.7em; border-radius:4px; border:1px solid #c8cccf; color:#6a6f77; -web-kit-appearance:none; -moz-appearance: none; display:block; outline:0; padding:0 1em; text-decoration:none; width:100%; } input[type="text"]:focus{ border:1px solid #ff7496; } /*==============Email=================*/ input[type="email"],#btn2{ box-sizing: border-box; text-align:center; font-size:1.4em; height:2.7em; border-radius:4px; border:1px solid #c8cccf; color:#6a6f77; -web-kit-appearance:none; -moz-appearance: none; display:block; outline:0; padding:0 1em; text-decoration:none; width:100%; } input[type="email"]:focus{ border:1px solid #ff7496; } /*=============password==============*/ input[type="password"],#btn3{ box-sizing: border-box; text-align:center; font-size:1.4em; height:2.7em; border-radius:4px; border:1px solid #c8cccf; color:#6a6f77; -web-kit-appearance:none; -moz-appearance: none; display:block; outline:0; padding:0 1em; text-decoration:none; width:100%; } input[type="password"]:focus{ border:1px solid #ff7496; }
url配置:
from django.urls import path
from . import views
from django.conf.urls import url
#配置project下来的url
urlpatterns =[
path ('createuser/',views.createuser),
path('register/', views.register),
path('register/adduser/', views.adduser), #动态生成
]
views.py
from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.
views.py
from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.
#创建添加user的视图
from .models import user
def register(request):
return render(request,'app1/register.html')
def createuser(request):
return render(request, 'app1/createuser.html')
def adduser(request):
# post获取表单数据并存入数据库
name=request.POST.get("name_1")
id=request.POST.get("id_1")
pwd=request.POST.get("pwd_1")
#print(name+id+pwd)
if request.method == 'POST':
user1= user.createuser(name, id,pwd)
user1.save()
return HttpResponse("XX")
models.py
from django.db import models
# Create your models here.
#app1的模型
#,先注册,再登录用户,添加用户模型
class user(models.Model):
#定义元选项
class Meta:
db_table="user"
ordering=['id']
#用户名、账号、密码、性别、关联好友
uname = models.CharField(max_length=20)
uid = models.CharField(max_length=20)
upwd = models.CharField(max_length=20)
#定义一个列表来表示关联,列表里面存在对应的id就表示关联,需要后面操作来添加列表的数据
#=====================================================
#创建一个类方法添加对象
@classmethod
def createuser(cls,name,id,pwd):
user = cls(uname=name,uid=id,upwd=pwd)
return user