前端代码
登录:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<script src="../static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<body>
<h1 align="center" style="color: aqua; font-size: 30px">登录</h1>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<form action="" method="post">
<p>username:<input type="text" name="username" class="form-control"></p>
<p>password:<input type="password" name="password" class="form-control"></p>
<input type="submit" class="btn btn-success btn-block">
</form>
</div>
</div>
</div>
</body>
</html>
注册:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<script src="../static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<body>
<h1 align="center" style="color: red; font-size: 30px">注册</h1>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<form action="" method="post">
<p>username:<input type="text" name="username" class="form-control"></p>
<p>password:<input type="password" name="password" class="form-control"></p>
<p>confirm_password:<input type="password" name="confirm_password" class="form-control"></p>
<input type="submit" class="btn btn-danger btn-block">
</form>
</div>
</div>
</div>
</body>
</html>
展示用户列表:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<script src="../static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<body>
<h1 class="text" align="center" style="color: coral;font-size: 30px">数据展示</h1>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>id</th>
<th>username</th>
<th>password</th>
<th>action</th>
</tr>
</thead>
<tbody>
{% for user_obj in user_queryset %}
<tr>
<td>{{ user_obj.id }}</td>
<td>{{ user_obj.username }}</td>
<td>{{ user_obj.password }}</td>
<td>
<a href="" class="btn-primary btn-xs ">编辑</a>
<a href="/edit_user/" class="btn-danger btn-xs ">删除</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
后端代码
from django.shortcuts import render, HttpResponse, redirect
from app01 import models
# Create your views here.
# 登录功能
def index(requst):
if requst.method == 'POST':
# print(requst.POST)
# username = requst.POST.get('username')
# print(username, type(username))
username = requst.POST.get('username')
password = int(requst.POST.get('password'))
user_obj = models.User.objects.filter(username=username).first()
# user_obj = res[0]
# print(user_obj)
# print(type(user_obj.password))
# print(type(password))
if user_obj:
# if user_obj.username == username:
if password == user_obj.password:
return HttpResponse('登录成功')
else:
return HttpResponse('密码错误')
else:
return HttpResponse('用户不存在')
# elif user_obj.username != username:
# return HttpResponse('用户不存在')
# print(requst.GET)
return render(requst, 'index.html')
# return redirect('https://www.bilibili.com')
# return HttpResponse('冷中宇大帅哥!')
# 注册功能
def login(requst):
if requst.method == 'POST':
username = requst.POST.get('username')
password = int(requst.POST.get('password'))
# 第一种增加方法
# res = models.User.objects.create(username=username, password=password)
# print(res)
# 第二种增加方法
user_obj = models.User(username=username, password=password)
user_obj.save()
return render(requst, 'login.html')
# 展示用户列表
def userlist(requst):
# 查询表里的数据
# 方法一
# data = models.User.objects.filter()
# print(data)
# 方法二
# data = models.User.objects.all()
# print(data)
# 方法三
user_queryset = models.User.objects.all()
return render(requst, 'userlist.html', locals())
return HttpResponse('userlist')