1. 程式人生 > >python3 django框架開發(三) 連線MySQL,HTML進行登入,註冊操作

python3 django框架開發(三) 連線MySQL,HTML進行登入,註冊操作

轉載請註明:https://blog.csdn.net/weixin_40490238/article/details/84573309

在上一篇中已經連線好了mysql,建立好使用者表

現在完成 HTML 的使用者登入註冊

sign-in.html的登入表單:

提交路徑為:signIn,一次在urls.py中設定路徑

from django.urls import path
from robotWeb import views
urlpatterns = [
    path('', views.index),
    path('signIn/',views.sign_in)
]

路徑signIn指向views.sign_in

views.py檔案為:

from django.shortcuts import render
from robotWeb import models
# Create your views here.


def forgot(request):
    return render(request, 'forgot.html')


def index(request):
    return render(request,'sign-in.html')


def sign_in(request):
    email = request.POST['email']
    password = request.POST['password']
    user = models.userTable.objects.filter(email__exact=email,password__exact=password)
    if user:
        print("successful")
    else:
        print("error")
    return render(request, 'forgot.html')

因為這裡是登入測試,因此在userTable表中自行添加了一條測試資料

登入成功後跳轉:

 

註冊功能和登入功能類似:views.py中

def sign_up(request):
    Name=request.POST['name']
    Email = request.POST['email']
    Password = request.POST['password']
    models.usertable.objects.create(name=Name,email=Email,password=Password)
    return render(request,'SignIn.html')

 

sign-in.html程式碼:


<!DOCTYPE html>
{% load static %}
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Minimal and Clean Sign up / Login and Forgot Form by FreeHTML5.co</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Template by FreeHTML5.co" />
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />


    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href={% static 'css/bootstrap.min.css' %}>
	<link rel="stylesheet" href={% static 'css/animate.css' %}>
	<link rel="stylesheet" href={% static 'css/style.css' %}>

	<!-- Modernizr JS -->
	<script src={% static 'js/modernizr-2.6.2.min.js' %}></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src={% static 'js/respond.min.js' %}></script>
	<![endif]-->

	</head>
	<body class="style-2">

		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<!-- Start Sign In Form 提交到views的signIn -->
					<form action="/signIn/" method="post" class="fh5co-form animate-box" data-animate-effect="fadeInLeft">
                        {% csrf_token %}
						<h2>Sign In</h2>
						<div class="form-group">
							<label for="email" class="sr-only">Email</label>
							<input type="text" class="form-control" name="email" placeholder="email" autocomplete="off">
						</div>
						<div class="form-group">
							<label for="password" class="sr-only">Password</label>
							<input type="password" class="form-control" name="password" placeholder="Password" autocomplete="off">
						</div>
						<div class="form-group">
							<label for="remember"><input type="checkbox" id="remember"> Remember Me</label>
						</div>
						<div class="form-group">
							<p>Not registered? <a href="sign-up.html">Sign Up</a> | <a href="forgot.html">Forgot Password?</a></p>
						</div>
						<div class="form-group">
							<input type="submit" value="Sign In" class="btn btn-primary">
						</div>
					</form>
					<!-- END Sign In Form -->

				</div>
			</div>
			<div class="row" style="padding-top: 60px; clear: both;">
				<p><small>&copy; All Rights Reserved  <a href="http://47.107.56.104:8080" target="_blank" title="周定坤">周定坤</a></small></p></div>
			</div>
		</div>
	
	<!-- jQuery -->
	<script src={% static 'js/jquery.min.js' %}></script>
	<!-- Bootstrap -->
	<script src={% static 'js/bootstrap.min.js' %}></script>
	<!-- Placeholder -->
	<script src={% static 'js/jquery.placeholder.min.js' %}></script>
	<!-- Waypoints -->
	<script src={% static 'js/jquery.waypoints.min.js' %}></script>
	<!-- Main JS -->
	<script src={% static 'js/main.js' %}></script>

	</body>
</html>