菜鸟学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>