菜鳥學Python之django用戶登陸設計

環境準備

前端框架semantic ui
Python 3.6.4
pip install django
開發工具爲pyCharm

數據模型設計

用戶表中包含以下信息

• 用戶名
• 姓名
• 性別
• 密碼
• 手機號
• 建立時間
• 更新時間
• 是否有效

user/models.py 用戶模型以下

user爲建立的應用名稱

from django.db import models

# Create your models here.


class User(models.Model):
    gender = (('1', '男'), ('2', '女'))
    account = models.CharField(max_length=200)
    name = models.CharField(max_length=200)
    password = models.CharField(max_length=200)
    sex = models.CharField(max_length=25, choices=gender, default='')
    email = models.EmailField(max_length=200)
    phone = models.CharField(max_length=55)
    creDate = models.DateTimeField(auto_now_add=True)
    lastLogin = models.DateTimeField(auto_now=True)
    enable = models.IntegerField(default=1)

    class Meta:
        db_table = 'User'
        verbose_name = '用戶'
        verbose_name_plural = '用戶'

    def __str__(self):
        return self.name

Meta（元數據）

• db_table 用於指定自定義數據庫表名
• verbose_name給模型類起一個更可讀的名字
• verbose_name_plural指定模型的複數形式是什麼通常與verbose_name一致 使用__str__人性化顯示對象信息

生成數據庫表

進入Pycharm的terminal終端，執行命令

python manage.py makemigrations

執行成功後查看，Django自動爲咱們建立了0001_initial.py文件，保存了咱們的第一次遷移數據，而後執行命令

python manage.py migrate

查看數據庫中已經建立了對應的user表

後續若是user模型有更改只需在此執行已經兩個命令便可

路由設置

爲了便於代碼的管理，使用了2級路由的設置。首先配置項目中的urls以下

path(r'user/', include('user.urls')),

而後配置對應的user應用的urls以下：

url(r'login/', views.login, name='user'),

視圖初步設置

from django.shortcuts import render, redirect
from user import models

def index(request):
    pass
    return render(request, 'user/login.html', locals())

HTML頁面文件

HTML頁面文件使用的是semantic ui官網的登陸界面demo部分代碼以下

<form id='login-form'  class="ui large form error"  action="/user/login/" method="POST">
        <div class="ui stacked segment">
        <div class="field">
          <div class="ui left icon input">
            <i class="user icon"></i>
            <input type="text" name="email" placeholder="輸入郵箱">
          </div>
        </div>
        <div class="field">
          <div class="ui left icon input">
            <i class="lock icon"></i>
            <input type="password" name="password" placeholder="輸入密碼">
          </div>
        </div>

        <div class="ui fluid large teal submit button">登錄</div>
      </div>

      <div class="ui error message">
      </div>

    </form>