首页 > 其他分享 >Django实战项目-学习任务系统-用户登录

Django实战项目-学习任务系统-用户登录

时间:2023-10-07 16:33:20浏览次数:33  
标签:实战 username name 登录 study py system Django mysite

第一步:先创建一个Django应用程序框架代码

1,先创建一个Django项目

django-admin startproject mysite

将创建一个目录,其布局如下:

mysite/
    manage.py
    mysite/
        __init__.py
        settings.py
        urls.py
        asgi.py
        wsgi.py

2,再创建一个Django应用

python manage.py startapp study_system

将创建一个目录,其布局如下:study_system

study_system/
    __init__.py
    admin.py
    apps.py
    migrations/
        __init__.py
    models.py
    tests.py
    views.py
    
详情操作参考《编写你的第一个 Django 应用程序》相关文章。
https://mp.weixin.qq.com/s?__biz=Mzg2NDk2MTY3OA==&mid=2247483730&idx=1&sn=0cab44a659067ad145f55a2553c25f4e&chksm=ce6014b3f9179da5b4cf08d43fc13819d2941c7287b234b99beb3722a29e7b863df62e2bbf97&token=737388&lang=zh_CN#rd

 

第二步:编写第一个功能-用户登录

1,数据库设置
修改 settings.py 配置信息,采用mysql数据库
文件目录结构:
./mysite/mysite/settings.py

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'world',
        "USER": "root",
        "PASSWORD": "123456",
        "HOST": "127.0.0.1",
        "PORT": "3306",
        "OPTIONS": {"init_command": "SET default_storage_engine=INNODB", },

    }
}

2,创建模型

编辑模型文件:
./mysite/study_system/models.py

from django.db import models

class StudyUser(models.Model):
    user_id = models.AutoField(primary_key=True, verbose_name='用户ID')
    username = models.CharField(max_length=50, verbose_name='用户名')
    password = models.CharField(max_length=50, verbose_name='密码')
    email = models.EmailField(max_length=100, verbose_name='邮箱')
    phone_num = models.CharField(max_length=20, verbose_name='手机号码')
    role = models.IntegerField(verbose_name='角色', choices=((1, '系统管理员'), (2, '辅导员'), (3, '学生')))
    parent_id = models.IntegerField(verbose_name='辅导员用户ID', null=False)
    created_time = models.DateTimeField(verbose_name='创建时间')
    update_time = models.DateTimeField(verbose_name='更新时间')

    class Meta:
        verbose_name = '学习用户表'
        verbose_name_plural = '学习用户表'
        # 用于模型的数据库表的名称
        db_table = "study_users"


3,激活模型

3.1. 修改 settings.py 配置信息:
./mysite/mysite/settings.py

INSTALLED_APPS = [
    "study_system.apps.StudySystemConfig", #添加的应用
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]


3.2. 运行 makemigrations 命令(记得进入 manage.py 所在目录):
$ python manage.py makemigrations study_system

生成如下文件:
./mysite/study_system/migrations/0001_initial.py

3.3. 再运行 sqlmigrate 命令(记得进入 manage.py 所在目录):
sqlmigrate 命令采用迁移名称并返回其模型建表SQL语句:
$ python manage.py sqlmigrate study_system 0001

3.4. 最后再运行 migrate 命令(记得进入 manage.py 所在目录):
$ python manage.py migrate
实现在数据库中创建这些模型表结构。


4,编写用户登录视图

4.1. 编辑视图代码:
./mysite/study_system/views.py

# 登录首页视图
def index(request):
    context = {}
    return render(request, "study_system/index.html", context)

# 通用视图模型,FormView , 表单视图
class LoginView(FormView):
    template_name = 'study_system/index.html'
    form_class = LoginForm
    # 设置成功登录后的重定向URL
    # success_url = 'home/'
    success_url = reverse_lazy('study_system:home')  # 修改为完整的 URL

    # 登录表单校验
    def form_valid(self, form):
        username = form.cleaned_data['username']
        password = form.cleaned_data['password']
        # 内置用户权限认证方法,不管用
        # user = authenticate(username=username, password=password)
        user = self.validate_user(username, password)
        if user:
            # 设置 session
            self.request.session['username'] = username
            self.request.session['role'] = user.role
            '''
            在登录视图类中,当用户通过验证并且认证成功时,
            调用 super().form_valid(form) 方法会触发 Django 的默认行为,
            其中包括登录用户并将登录状态信息与请求相关联。
            这样,request.user 对象将被设置为已认证的用户,
            并且 request.user.is_authenticated 将返回 True。
            '''
            return super().form_valid(form)
        else:
            return self.render_to_response(self.get_context_data(form=form, error_message='用户或密码不匹配,登录失败.'))

    # 校验用户密码是否存在
    def validate_user(self, username, password):
        try:
            # 根据用户名和密码查询用户
            user = StudyUser.objects.get(username=username, password=password)
            # print('根据用户名和密码查询用户:'+str(user))
            return user
        except StudyUser.DoesNotExist:
            return None


# 登录成功主页视图
def home(request):
    # 响应容器
    rsp_dict = {}
    # 获取当前用户名
    username = request.session.get('username')
    # 根据用户名获取用户对象
    cur_user = StudyUser.objects.get(username=username)
    print('根据用户名查询用户对象:' + str(cur_user))
    # print('session : '+str(username))
    rsp_dict['username'] = username

    template_name = "study_system/home.html"
    
    return render(request, template_name, rsp_dict)


4.2. 编辑表单验证代码:
./mysite/study_system/forms.py

from django import forms

# 登录用户表单验证
class LoginForm(forms.Form):
    username = forms.CharField(max_length=100)
    password = forms.CharField(widget=forms.PasswordInput)


4.3. 编辑页面模板代码:

4.3.1. 网站首页登录页面
./mysite/study_system/templates/study_system/index.html

<!DOCTYPE html>
<html>
<head>
    {#    让网页自动适应PC端和移动端#}
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    {#    viewport是view portion的意思,用汉语说,就是“可见区域“。所以这个标签是在定义可见区域的规则。#}
    {#    width=device-width的意思是”宽度自动适配设备屏幕宽度"#}
    {#    inital-scale=1.0的意思是“宽度默认为设备屏幕的宽度”。#}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>study system</title>
    <link rel="stylesheet" href="/static/study_system/bootstrap3/css/bootstrap.min.css">
    {#    让网页自动适应PC端和移动端#}
    <style>
        .container {
            max-width: 400px;
            margin: 0 auto;
            padding-top: 100px;
        }
    </style>
</head>
<body>

<div class="container">
    <h1 class="text-center">study system</h1>
    <form method="post" action="{% url 'study_system:login' %}">
        {% csrf_token %}
        {#        在Django中提交数据到后端服务的时候,为了安全,要使用CSRF(跨站请求伪造)。#}
        {#        跨站请求伪造的问题在于,服务器信任来自客户端的数据。#}
        {#        常规的做法是在template模板HTML文件中的form表单 中添加 {% csrf_token %} 可以实现安全提交。#}
        {#        当我们使用from表单标签来发送请求时,如果需要csrftoken认证,那么必须将它写到我们的form表单标签里面,里面的任意位置。#}
        {#        生成的隐藏标签为:#}
        {#        <input type="hidden" name="csrfmiddlewaretoken" value="WVHKQeAuMS4RGqyLybryIBAfacDa1Dp7PEaB3Badv3y0fvLqydX36xAVen6z3oS4">#}

        <div class="form-group">
            <input type="text" class="form-control" id="username" name="username" placeholder="username">
        </div>
        <div class="form-group">
            <input type="password" class="form-control" id="password" name="password" placeholder="password">
        </div>
        <div class="form-group">
            <button type="submit" class="form-control btn-primary">登录账号</button>
        </div>
        <div class="form-group">
            <a href="{% url 'study_system:register' %}" class="form-control btn-link text-right">注册账户</a>
        </div>
        <!-- 在 body 标签中添加一个隐藏的弹框 -->
        <div class="form-group" id="errorModal" style="display: none;">
            <p id="alert" class="alert alert-warning">{{ error_message }}</p>
        </div>
    </form>
</div>

<script src="/static/study_system/jquery1.3.3/jquery.min.js"></script>

<!-- 在登录页面的合适位置调用弹框 -->
{% if error_message %}
    <script>
        $(document).ready(function () {
            // 设置错误消息内容
            $("#alert").text("{{ error_message }}");
            // 显示弹框
            $("#errorModal").show();
        });
    </script>
{% endif %}
</body>
</html>

 

4.3.2. 网站登录成功用户主页面
./mysite/study_system/templates/study_system/home.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>study system</title>
    <script src="/static/study_system/jquery1.3.3/jquery.min.js"></script>
    <link rel="stylesheet" href="/static/study_system/bootstrap3/css/bootstrap.min.css">
    <style type="text/css">
        .content_html {
            width: 100%;
            height: auto;
            margin: 0.2em auto 0.2em auto;
            border: 0.1em solid #68FE61;
        }
    </style>
</head>
<body>
<div>
    {% include "study_system/common/head.html" %}
    <div class="content_html">
        主内容区域
    </div>
</div>
</body>
</html>
    

4.3.3. 网站登录成功用户菜单页面
./mysite/study_system/templates/study_system/common/head.html

<div>
<!-- 头部logo区 -->
<div align="center">
<a href="/study_system/home/">study system</a>
</div>

<!-- 头部菜单区 -->
{#两端对齐的导航元素#}
<ul class="nav nav-pills nav-justified">
<li class="menu-head"><a href="#">任务管理</a></li>
<li class="menu-head"><a href="#">定时任务管理</a></li>
<li class="menu-head"><a href="#">兑换物品管理</a></li>
<li class="menu-head"><a href="#">用户管理</a></li>
<li class="menu-head">
<a href="#"><strong>欢迎: {{ request.session.username }}</strong> 退出</a>
</li>
</ul>
</div>

4.4. 编辑应用 urls 配置代码:
./mysite/study_system/urls.py

from django.urls import path
from . import views
from .views import LoginView

app_name = 'study_system'

urlpatterns = [
    # 登录注册首页url
    path('', views.index, name='index'),
    path('login/', LoginView.as_view(), name='login'),
    path('home/', views.home, name='home'),
]


4.5. 编辑项目 urls 配置代码:
./mysite/mysite/urls.py

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path("study_system/", include("study_system.urls")),    # 应用urls
    path('admin/', admin.site.urls),    # admin后台管理 urls
]

 

第三步:运行测试-用户登录功能

 

 -------------------------------------------------------------end -------------------------------------------------------------

 

标签:实战,username,name,登录,study,py,system,Django,mysite
From: https://www.cnblogs.com/xh2023/p/17746629.html

相关文章

  • 登录删除帖子
    优化后的代码#导包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportByfromtimeimportsleepfromselenium.webdriver.chrome.optionsimportOptionsimportddddocr#定义类classGetEle:def__init__(self,driver):self.dr......
  • Strimzi Kafka Bridge(桥接)实战之三:自制sdk(golang版本)
    欢迎访问我的GitHub这里分类和汇总了欣宸的全部原创(含配套源码):https://github.com/zq2599/blog_demos本篇概览本文是《StrimziKafkaBridge(桥接)实战》的第三篇,前文咱们掌握了StrimziKafkaBridge的基本功能:基于http提供各种kafka消息的服务此刻,如果想通过http接口调......
  • JS逆向实战23 某市wss URL加密+请求头+ws收发
    声明本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除!本文首发链接为:https://mp.weixin.qq.com/s/o5UCJFhBg-4JFdS0aEwDuw前言在此前。我们先来了解下什么是......
  • 解除Windows11 最新iso镜像新限制(微软账户登录和需要TPM)一法
        Windows11新镜像ISO文件安装时逼着你非得绑定微软账户,想继续像Windows7那样用本地账户登录。现在不管是Windows11的21H2还是22H2,装系统都得硬着头皮登录微软账户,哪怕你断了网也别想装。以下方法可以避免这个限制,同时解决不需要TPM的问题。:使用Rufus制作USB安装盘,Ru......
  • 【爬虫实战】用python爬小红书某话题的笔记,以#杭州亚运会#为例
    目录一、爬取目标二、爬虫代码讲解2.1分析过程2.2爬虫代码三、演示视频四、获取完整代码一、爬取目标您好!我是@马哥python说,一名10年程序猿。最近的亚运会大家都看了吗。除了振奋人心,还主打一个爱憎分明(主要针对小日子和韩国),看了的小伙伴都懂得!我用python爬取了小红书上#杭......
  • 数据中台实战(04)-打造高效数据中台,元数据中心是关键!
    上文从宏观系统性了解数据中台建设的方法论、支撑技术和组织架构。本文开始进入实现篇,微观带你具体分析数据中台的支撑技术,以电商场景为例,分别讲解元数据中心、指标管理、模型设计、数据质量等技术如何在企业落地。1元数据数据中台的构建,要确保全局指标的业务口径一致,要梳理原......
  • 【TinyWebServer】12注册登录
    整体概述本项目中,使用数据库连接池实现服务器访问数据库的功能,使用POST请求完成注册和登录的校验工作。本文内容本篇将介绍同步实现注册登录功能,具体的涉及到流程图,载入数据库表,提取用户名和密码,注册登录流程与页面跳转的的代码实现。流程图具体的,描述了GET和POST请求下的页......
  • G9、ACGAN理论与实战
    ......
  • G7、Semi-Supervised GAN 理论与实战
    ......
  • # yyds干货盘点 # 盘点一个Python自动化办公实战实现数据汇总填充(方法四)
    大家好,我是皮皮。一、前言前几天在Python最强王者交流群【哎呦喂 是豆子~】问了一个Python自动化办公的问题,一起来看看吧。下图是他的原始数据和他想得到的目标数据,如下所示:需要在标黄的两行里边进行相关操作。二、实现过程之前的文章中【莫生气】使用了openpyxl进行了实现,的确可......