Django项目之Web端电商网站的实战开发（二）

时间 2019-12-11

标签 django 项目 web 网站实战开发栏目 Python 繁體版

原文原文链接

说明：该篇博客是博主一字一码编写的，实属不易，请尊重原创，谢谢你们！css

接着上一篇博客继续往下写：http://www.javashuo.com/article/p-hjnmskdq-hs.htmlhtml

目录前端

一丶用户注册python

二丶用户登陆mysql

一丶用户注册

1.显示用户注册页面redis

step1 在static目录下将register.html文件拷贝到templates模板目录下

step2 在df_user模块下的views视图中定义一个register函数，定义这个函数的路由正则匹配为/user/register，显示用户注册页面

# /user/register
def register(request):
    """显示注册页面"""
    return render(request, "register.html")

step3 在df_user模块下的urls地址中配置注册页面正则规则，以及调用视图函数中的register函数

urlpatterns = [
    url(r"^register$", views.register, name="register")  # 注册页
]

step4 运行项目，在浏览器中输入http://127.0.0.1:8000/user/register后，将注册页面渲染到浏览器上

step5 出现上面这种状况是，页面所须要的图片和css以及js文件路径错误404，由于此时的register.html文件放在了templates模板目录下，因此须要在register.html中动态获取路径，需导入静态资源，而后修改每一个连接，由于以前在settings配置文件中配置了静态文件URL为/static/因此这里只须要写以后的路径便可

{% load staticfiles %}
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>每天生鲜-注册</title>
	<link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">

step6 刷新页面，成功显示出页面内容

2.定义注册页面表单数据视图函数sql

step1 首先注册页面数据是以POST请求方式向服务器发送，那么在register.html文件中找到form表单标签，编写用户点击注册按钮后向服务器请求的url地址

<form method="post" action="/user/register_handle">

step2 在django中发送POST请求表单数据，防止跨站攻击需在form标签下加上{% csrf_token %}

<form method="post" action="/user/register_handle">
    {% csrf_token %}

step3 在df_user/views视图函数中定义register_handle方法，用于处理注册页面数据

# /user/register/handle
def register_handle(request):
    """处理用户注册数据"""
    pass

step4 在在df_user/urls路由地址中定义register_handle视图函数正则匹配规则

url(r"^register_handle$", views.register_handle, name="register_handle")  # 注册数据处理

3.视图函数register_handle代码逻辑实现数据库

step1 接收注册表单数据

username = request.POST.get("user_name")
password = request.POST.get("pwd")
email = request.POST.get("email")
allow = request.POST.get("allow")

step2 判断用户传递过来的数据是否存在，不存在返回错误信息提示

if not all([username, password, email]):
    return render(request, "register.html", {"error_msg":"数据不完整"})

step3 判断用户填写的邮箱是否为正确邮箱

if not re.match(r"^[a-z0-9][\w.\-]*@[a-z0-9\-]+(\.[a-z]{2,5}){1,2}$", email):
    return render(request, "register.html", {"error_msg":"邮箱格式不正确"})

step4 判断用户注册时是否勾选赞成，赞成后该字段POST请求参数为on

if allow != "on":
    return render(request, "register.html", {"error_msg":"请勾选赞成"})

step5 进行用户注册，将数据保存在数据库用户名中, 由于在执行迁移文件时，在settings中配置了django认证系统指定的模型类为df_user.User 因此能够不使用传统方式向类中添加属性再保存到数据库，而是直接使用django认证系统封装好的create_user函数将数据直接保存到数据库

user = User.objects.create_user(username, email, password)

step6 注册成功后，使用反向解析跳转到首页 reverse(根基urls中的主页的namespace:goods模块中的urls主页的name)

return redirect(reverse("goods:index"))

step7 为了显示主页，将static目录下的index.html文件拷贝到templates目录下，并加载静态资源文件{% load staticfiles %}修改index.html中的静态文件路径，这个页面的地址比较多，体力活

step8 在df_goods/views中定义index视图函数

# http://127.0.0.1:8000
def index(request):
    """显示首页"""
    return render(request, "index.html")

step9 紧接着在df_goods/urls进行正则路由配置

urlpatterns = [
    url(r"^$", views.index, name="index"),  # 首页
]

step10 查看数据库中的用户信息表

step11 运行项目，在浏览器中输入http://127.0.0.1:8000/user/register，进行注册页，填写注册信息，点击注册按钮

说明：前端注册页面使用js对密码长度和两次密码是否一致以及邮箱地址是否赞成都进行了校验django

step12 当点击注册按钮时，此时在会跳转到form表单中的action地址（/user/register_handle），匹配df_user/urls中的正则而后调用df_user/views中的register_handle视图函数，处理完数据后最终重定向到主页（index.html）

step13 查看数据库df_user表数据，由于使用了django认证系统也就通俗点说在df_user/models中的User类继承了AbstractUser类，因此django的认证系统已经将用户注册时填写的密码进行加密处理后存到数据库，这样咱们就不用在视图函数中获取密码并加密而后再保存到数据库表中

step14 django认证系统默认用户表字段is_active为1（激活），因此这里须要进行设置为0（未激活）

user.is_active = 0
user.save()

step15 再此回到注册页面，进行另外一个用户注册，验证上一步is_active默认是否为未激活状态

step16 使用已经注册过的帐号进行注册，查看django认证系统错误提示

step17 提示信息为用户名已存在，但这样的显示页面不是咱们想要的

step18 在进行用户注册以前，须要判断用户注册的用户名是否存在

try:
    user = User.objects.get(username=username)
except User.DoesNotExist:
    """若是出现该异常说明用户名不存在，则让user对象为空"""
    user = None

# 若是user对象存在，则表示用户名已存在，返回错误提示信息
if user:
    return render(request, "register.html", {"error_msg":"用户名已存在"})

4.测试数据不合法的状况下，提示错误信息windows

step1 在register.html中form标签下添加error_msg变量

<span style="color: red">{{ error_msg }}</span>

step2 注册已存在的用户名cdtaogang，查看错误提示

step3 填写错误邮箱地址，而后点击注册

step4 不填写任何数据直接进行注册

5.注册优化处理，让显示注册页面和注册数据处理为同一个url地址（/user/register），由于显示注册页面为get请求，而注册数据处理为post请求，能够根据请求方式不一样来使用同一个url地址

step1 在register.html中将form表单action地址修改成/user/register与显示页面地址一致

<form method="post" action="/user/register">

step2 在df_user/views中的register视图函数中进行请求方式判断

# Create your views here.
# /user/register
def register(request):
    """注册"""
    # 当请求方式为get时表示请求注册页面，反之为处理用户注册数据
    if request.method == "GET":
        """显示注册页面"""
        return render(request, "register.html")
    else:
        """处理用户注册数据"""

step3 注册一个新用户

step4 查看数据库用户表

6.使用类视图来区分用户请求

step1 在df_user/views视图中定义RegisterView视图类，在这个类中定义注册所需的get方法以及post方法，这个方法名必须等同于请求方式名

from django.views.generic import View


# /user/register
class RegisterView(View):
    """注册"""
    def get(self, request):
        """显示注册页面"""
        return render(request, "register.html")

    def post(self, request):
        """处理用户注册数据"""

step2 在df_user/urls中需导入RegisterView类，并调用这个类所属父类View中的as_view方法来根据请求方式调用对应的方法完成代码逻辑

urlpatterns = [

    url(r"^register$", RegisterView.as_view(), name="register"),  # 注册
]

step3 刷新注册页，进行新用户注册

7. 生成用户激活邮件中的token，当在不错的网站进行用户注册成功后，会想用户注册填写的邮箱地址发送帐户激活的邮件，在这个邮件内容中会有一个激活的连接地址，而且会提示用户请在2小时内进行激活，2小时后失效；定义激活连接为http://127.0.0.1:8000/user/active/用户id，若是在连接地址明文显示用户的id值的话，就会出现某些懂技术的用户，修改连接地址中的用户id，就颇有可能去激活其余用户，因此须要将连接地址中的用户id值进行加密并设置密钥的有效期

step1 安装itsdangerous模块，使用改模块生成咱们所需的token

pip install itsdangerous

step2 致使该模块中的TimedJSONWebSignatureSerializer类

from itsdangerous import TimedJSONWebSignatureSerializer as Serializer

step3 加密用户id，生成激活的token

serializer = Serializer(settings.SECRET_KEY, 3600)  # 有效期1小时
info = {"confirm":user.id}
token = serializer.dumps(info)

8.使用django内置函数发送邮件（这个QQ邮箱为博主小小小小号）

step1 这里有QQ邮箱为例，进入QQ邮箱设置，开启POP3/SMTP服务

step2 使用提示的密保手机向指定的号码发送指定内容来完成验证

step3 发送成功后，显示出受权码，记住此受权码后，点击保存设置

step4 在settings配置文件中进行发送邮件配置

# 发送邮件配置
EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
EMAIL_HOST = 'smtp.qq.com'
EMAIL_PORT = 25
#发送邮件的邮箱
EMAIL_HOST_USER = '2384005622@qq.com'
#在邮箱中设置的客户端受权密码
EMAIL_HOST_PASSWORD = '受权码'
#收件人看到的发件人
EMAIL_FROM = '每天生鲜<2384005622@qq.com>'

step5 在df_user/view视图中导入django内置函数中的send_mail方法

from django.core.mail import send_mail

step6 在RegisterView类中调用send_mail方法发送邮件

subject = "每天生鲜欢迎你" # 邮件标题
message = "how are you"  # 邮件正文
sender = settings.EMAIL_FROM  # 发件人
receiver = [email]  # 收件人
send_mail(subject, message, sender, receiver)

step7 注册一个新用户

step8 登陆注册时的邮箱，查看收件箱

step9 向邮箱发送帐户激活连接地址，htmp_message参数为渲染html标签后再进行内容发送

subject = "每天生鲜欢迎你" # 邮件标题
message = ''  # 邮件正文
sender = settings.EMAIL_FROM  # 发件人
receiver = [email]  # 收件人
html_message = """
           <h1>%s  恭喜您成为每天生鲜注册会员</h1><br/><h3>请您在1小时内点击如下连接进行帐户激活</h3><a href="http://127.0.0.1:8000/user/active/%s">http://127.0.0.1:8000/user/active/%s</a>
"""  %  (username, token, token)
send_mail(subject, message, sender, receiver, html_message=html_message)

step10 注册一个新用户

step11 查看邮件

step12 点击邮件中的连接地址

9.用户注册激活

step1 在df_user/views视图中定义ActiveView类，在这个类中定义get方法，用于处理用户激活

# /user/active/......
class ActiveView(View):
    """帐户激活"""
    def get(self, request, token):
        """进行用户激活"""
        pass

step2 获取加密的serializer对象

serializer = Serializer(settings.SECRET_KEY, 3600)

step3 解密token，获取要激活的用户信息，首先须要导入itsdangerous包中的SignatureExpired类来处理超时异常，因此接下里的代码须要写到try里面

try:
    info = serializer.loads(token)
    # 获取用户id
    user_id = info['confirm']
    # 根据用户id 获取该用户对象
    user = User.objects.get(id=user_id)
    # 设置该用户对象中的is_active字段的值为1
    user.is_active = 1
    user.save()
    # 使用反向解析跳转到登陆页
    return redirect(reverse("user:login"))
except SignatureExpired as e:
    # 出现异常表示连接失效
    return HttpResponse("激活连接已过时")

step4 建立LoginView类并在这个类中定义get方法用于显示登陆页

# /user/login
class LoginView(View):
    """登陆"""
    def get(self, request):
        """显示登陆页"""
        return render(request, "login.html")

step5 在df_user/urls中定义以上两个类视图对应的正则以及对应的方法调用，将static目录下的login.html文件拷贝到templates目录下

url(r"^active/(?P<token>.*)$", ActiveView.as_view(), name="active"),  # 帐户激活
url(r"^login$", LoginView.as_view(), name="login"),  # 登陆

step6 注册一个新用户，查看数据库中is_active的值

step7 查看邮箱邮件信息

step8 在邮箱中点击连接地址进行激活操做，成功跳转到登陆页

step9 查看数据库，该用户is_active字段的是为1表示已激活

10.使用celery异步发送邮件

step1 在项目目录下建立celery_tasks包，在该包下建立tasks.py文件

step2 在tasks.py文件中建立Celery实例对象

app = Celery("celery_tasks.tasks", broker="redis://127.0.0.1:6379/4")

step3 定义任务函数send_active_email，说明之因此睡眠5秒是为了体现celery异步的强大

@app.task
def send_active_email(to_email, username, token):
    """发送用户激活邮件"""
    subject = "每天生鲜欢迎你"  # 邮件标题
    message = ''  # 邮件正文
    sender = settings.EMAIL_FROM  # 发件人
    receiver = [to_email]  # 收件人
    html_message = """
                      <h1>%s  恭喜您成为每天生鲜注册会员</h1><br/><h3>请您在1小时内点击如下连接进行帐户激活</h3><a href="http://127.0.0.1:8000/user/active/%s">http://127.0.0.1:8000/user/active/%s</a>
           """ % (username, token, token)
    send_mail(subject, message, sender, receiver, html_message=html_message)
    # 为了体现出celery异步完成发送邮件，这里睡眠5秒
    time.sleep(5)

step4 另打开一个Terminal终端，执行celery -A celery_tasks.tasks worker -l info 运行任务处理者，须要在broker所在的服务器中执行，须要注意的是windows不支持celery4.0以上的版本

step5 注册一个新用户，注册成功跳转到首页后，查看celery处理者运行日志，发现报错了，致使用户注册成功，但邮件并未发送成功缘由是在tasks.py文件中导入了项目配置文件settings，而未在执行任务进行初始化，而且在windows环境中要成功使用celery，celery版本必须在4.0如下，任务队列（中间人）redis数据库版本必须在3.0如下，博主经验

step6 在tasks.py文件中添加以下代码，做用于worker工做室初始化django配置，由于博主这里使用celery是将任务发布者和中间人（broker）以及任务处理者（worker）在一台主机上运行，因此将下面的初始化配置写在这里，该初始化配置是跟随worker走的

import os
import django
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "dailyfresh.settings")
django.setup()

step7 在新终端中执行celery -A celery_tasks.tasks worker -l info，而后进行新用户注册

step8 查看celery运行日志，显示成功，时间为6秒，之因此这么长时间是由于在send_active_email函数中睡眠5秒，因而可知尽管睡眠五秒，但用户在注册的时候根本感受不到，注册成功瞬间跳转到主页，说明使用celery进行异步发送邮件的重要性

step9 查看用户表

step10 查看redis数据库

二丶用户登陆

1.显示登陆页面

step1 在用户注册时已经定义了LoginView类视图中的get方法，显示登陆页，因此直接在login.html文件中定义form表单请求方式以及请求地址，注：action不写默认表示与登陆地址一致，跟用户注册同样，使用同一地址显示并处理登陆

<form method="post">
    {% csrf_token %}

step2 在浏览器中输入http://127.0.0.1:8000/user/login，显示出登陆页

2.处理登陆数据校验

step1 在类视图LoginView中定义post函数

def post(self, request):
    """登陆校验"""
    pass

step2 接收用户填写的数据

username = request.POST.get("username")
password = request.POST.get("pwd")

step3 校验参数完整性

if not all([username, password]):
    return render(request, "login.html", {"error_msg":"数据不完整"})

step4 校验用户名密码，当用户名密码正确状况下保存登陆状态到session中，使用django认证系统中的authenticate和login方法

user = authenticate(username=username, password=password)  # 正确返回user对象，不正确返回None
if user is not None:
    # 用户名密码正确
    if user.is_active:
        # 用户已激活
        # 将用户登陆成功后状态保存在session，使用django认证系统中的login方法
        login(request, user)
        # 重定向到主页
        return redirect(reverse("goods:index"))
    else:
        # 用户未激活
        return render(request, "login.html", {"error_msg":"帐户未激活"})
else:
    # 用户名或密码错误
    return render(request, "login.html", {"error_msg":"用户名或密码错误"})

3.进行登陆测试，查看网页走下方红色字样提示

step1 登陆已激活的帐户

step2 登陆不存在的帐号

step3 登陆未激活的帐号，这里有一个bug那就是在进行未激活帐号登陆时一直提示用户名和密码错误，在post方法中经过打印username和password的值查看输入的用户名和密码没错与当初注册时填写的用户名密码对的上，查看django认证系统文档，方法时候啥的都没问题，可是在校验用户名密码时调用的authenticate方法一直返回的是None，这就很奇怪了，经过网上查资料发现须要在settings配置文件中添加以下配置，让django认证系统中的create_user方法再保存用户注册数据时，不关联用户表中的is_active字段，这样再进行登陆验证时调用authenticate方法返回错误的None对象

AUTHENTICATION_BACKENDS = ['django.contrib.auth.backends.AllowAllUsersModelBackend']

step4 不填写数据直接登陆

4.配置django缓存以及session数据存储后端到redis数据库，django默认将session数据存储到mysql数据库（settings配置的数据库）中的django_session表中

step1 安装django-redis包

pip2 install django-redis

step2 在settings中添加django缓存配置以及设置django-redis做为session存储后端

# django缓存配置
CACHES = {
    "default": {
        "BACKEND": "django_redis.cache.RedisCache",
        "LOCATION": "redis://127.0.0.1:6379/5",
        "OPTIONS": {
            "CLIENT_CLASS": "django_redis.client.DefaultClient",
        }
    }
}

# 使用django-redis 做为 session 储存后端
SESSION_ENGINE = "django.contrib.sessions.backends.cache"
SESSION_CACHE_ALIAS = "default"

step3 查看reids中5库中的键

step4 进行用户登陆，服务器返回响应的sessionid

step5 查看redis数据库

5.用户勾选记住用户名

step1 在保存用户登陆状态代码中进行以下代码逻辑判断，当用户勾选记住用户名时，remember的值为on，并将用户名保存到cookie中

# 由于redirect方法返回的是HttpResponseRedirect对象，而这个对象是HttpResponse的子类，因此能够设置cookie
response = redirect(reverse("goods:index"))
# 判断用户是否记勾选记住用户名
remember = request.POST.get("remember")
if remember == "on":
    # 表示勾选了,将用户名保存在cookie中
    response.set_cookie("username", username, max_age=7*24*3600)
else:
    # 删除cookie
    response.delete_cookie("username")
# 重定向到主页
return response

step2 在显示登陆页面get函数中判断用户是否记住用户名，记住用户名则获取cookie中的username而且设置勾选框为checked勾选状态，并返回给前端模板中

# 判断是否勾选记住用户名
if 'username' in request.COOKIES:
    username = request.COOKIES.get("username")
    checked = "checked"
else:
    username=''
    checked = ''

return render(request, "login.html", {"username":username, "checked":checked})

step3 在login.html中设置用户名username标签的value值，以及remember的值

<input type="text" name="username" class="name_input" value="{{ username }}" placeholder="请输入用户名" autocomplete="off">
<input type="checkbox" name="remember" {{ checked }}>

step4 测试登陆时记住用户名

step5 勾选记住用户名后，查看网站cookie看到刚设置的名为username的cookie了

step6 测试登陆时不记住用户名