• Python-Django 项目模块-使用自定义管理应用-登录（十二）

    Python-django 自定义模块开发

    第四章 Django 自定义模块-使用自定义用户管理模块进行应用管理

    前言

     本系列文章以一个简单的学校项目来做演示，项目中遇到的问题会一一记录下来，仅供学习参考使用

    此处学习版本 python3.8 django 4.0.6 bootstrap3 开发工具 VSCODE

     一、Django 创建用户应用程序

    系统默认的管理路径为：http://192.168.10.128:8000/admin/  你会看到自己的登录界面 需要输入账户密码

    python .\manage.py startapp school_web_users

     二、配置应用程序

    配置方法和业务模块一样的操作 将 此应用添加到 settings.py文件中

    1. # Application definition
    2.  
    3. INSTALLED_APPS = [
    4.     ## 引入自己的程序 放在最前面可以覆盖默认配置
    5.     "school_web_grade",
    6.     ## 用户应用
    7.     "school_web_users",
    8.     'django.contrib.admin', ##  管理员站点
    9.     'django.contrib.auth', ## 认证授权系统
    10.     'django.contrib.contenttypes', ## 内容类型框架
    11.     'django.contrib.sessions', ## 会话框架
    12.     'django.contrib.messages', ## 消息框架
    13.     'django.contrib.staticfiles', ## 管理静态文件的框架
    14.     
    15. ]

     三、配置路由地址 urls.py

    1. urlpatterns = [
    2.     ## 用户应用
    3.     path('/', include('school_web_users.urls')),
    4.     ## 默认管理
    5.     path('admin/', admin.site.urls),
    6.     
    7.     ## 引入子模块的路径
    8.     path('school/', include('school_web_grade.urls')),
    9. ]

    四、在对应的 school_web_users 应用中创建urls.py文件

    1. from django.urls import path
    2. from django.urls import include
    3.  
    4. from . import views
    5.  
    6. ## 模块名称 url命名空间
    7. app_name = "school_web_users"
    8.  
    9. urlpatterns = [
    10.     ## 默认打开浏览器访问地址跳转方法
    11.     path(route="", view=views.index),
    12.     ## 配置默认的身份验证url
    13.     path(route="", view=include('django.contrib.auth.urls'),name="login"),
    14. ]

    五、编写视图类方法 views.py

    1. from django.shortcuts import render
    2. from django.shortcuts import redirect
    3. from django.views import generic
    4. # Create your views here.
    5.  
    6. def index(reqeust):
    7.     # return render(reqeust,"index.html")
    8.     ## 跳转到登录页
    9.     return redirect("school_web_users:login")

    六、对应的登录页面login.html

    1. {% load i18n static %}
    2. html>
    3. <html>
    4.  
    5. <head>
    6.     <title>登录title>
    7.     <meta charset="utf-8" />
    8.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    9.     <meta name="viewport" content="width=device-width, initial-scale=1" />
    10.     
    11.     
    12.     <link rel="stylesheet" href="/static/bootstrap-3.4.1/css/bootstrap.min.css" />
    13.     
    14.     
    15.     <link rel="stylesheet" href="{% static 'bootstrap-3.4.1/css/bootstrap-theme.min.css' %}" />
    16.     <link rel="stylesheet" href="{% static 'laydate-v5.3.1/theme/default/laydate.css' %}" />
    17.  
    18.     <script src="{% static 'js/jquery-3.2.1/jquery.min.js' %}">script>
    19.     <script src="{% static 'js/popper-1.15.0/umd/popper.min.js' %}">script>
    20.     
    21.     <script src="{% static 'bootstrap-3.4.1/js/bootstrap.min.js' %}">script>
    22.     <script src="{% static 'laydate-v5.3.1/laydate.js' %}">script>
    23.  
    24.  
    25.     
    26.     
    27.     
    28.     
    29.  
    30.  
    31. head>
    32.  
    33. <body>
    34.     <div class="container-fluid">
    35.         
    36.         <div class="row">
    37.             
    38.             <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    39.                 <div class="container-fluid">
    40.                     
    41.                     <div class="navbar-header">
    42.                         
    43.                         <a class="navbar-brand" href="{% url 'school_web_grade:index'%}" style="padding-top:5px;">
    44.                             <img alt="Brand" src="/static/images/ico.png">
    45.                         a>
    46.                         <a class="navbar-brand" href="{% url 'school_web_grade:index'%}">陕西家里蹲大学师生信息管理系统a>
    47.                     div>
    48.                    
    49.                 div>
    50.             nav>
    51.  
    52.         div>
    53.         
    54.         <div class="row" style="padding-top: 50px;padding-bottom: 50px;">
    55.  
    56.             <div class="panel panel-info ">
    57.                 <div class="panel-heading">系统登录div>
    58.                 <div class="panel-body ">
    59.                    
    60.                     <form class="form-horizontal " name="loginForm" id="loginForm" method="post" role="form" action="{% url 'school_web_users:login' %}">
    61.                         {% csrf_token %}
    62.                         <div class="form-group">
    63.                             <label for="username" class="col-sm-4 control-label">登录名：label>
    64.                             <div class="col-sm-4">
    65.                                 <input type="text" class="form-control" id="username" name="username" placeholder="请输入登录名">
    66.                             div>
    67.                         div>
    68.                         <div class="form-group">
    69.                             <label for="password" class="col-sm-4 control-label">登录密码：label>
    70.                             <div class="col-sm-4">
    71.                                 <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码">
    72.                             div>
    73.                         div>
    74.                         <div class="form-group">
    75.                             <label for="password" class="col-sm-4 control-label">label>
    76.                             <div class="col-sm-4">
    77.                                 <button type="submit" class="btn btn-primary">登  录button>
    78.                                 
    79.                                 <input type="hidden" name="next" value="{% url 'school_web_grade:index' %}" />
    80.                             div>
    81.                         div>
    82.                     form>
    83.                     {% if form.errors %}
    84.                     <div class="alert alert-danger">用户名或密码错误！div>
    85.                     {% endif %}
    86.                 div>
    87.             div>
    88.  
    89.  
    90.  
    91.         div>
    92.         <div class="row navbar navbar-default navbar-fixed-bottom" style="text-align: center; height: 40px;">
    93.             <div class="bg-success" style="height: 100% ;padding-top: 15px;">
    94.                 版权所有@copyRight 2013-2022 口袋里的小龙 开发框架 python3.8 bootstrap-3 Django4
    95.             div>
    96.  
    97.         div>
    98.     div>
    99.   
    100. body>
    101.  
    102. html>

    注意： 需要注意的是要在页面指定跳转的方法 登录成功

  • 相关阅读:
    JVM入门教程
    【网络】五种IO模型以及select编程详讲
    LeetCode 494 目标和
    【MySQL】MySQL中对数据库及表的相关操作
    绕过伪静态
    ping: mirrors.aliyun.com: Temporary failure in name resolution
    opencv入门建议
    校园网页设计成品 学校班级网页制作模板 dreamweaver网页作业 简单网页课程成品 大学生静态HTML网页源码
    C#两个表多条件关联写法
    nacos注册中心
  • 原文地址：https://blog.csdn.net/u010416069/article/details/126065818