【Django】教程-1-安装+创建项目+目录结构介绍

3. 前端文件配置

3.1 目录介绍

在app下创建static文件夹, 是根据setting中的配置来的 STATIC_URL = ‘static/’

templates目录，编写HTML模板（含有模板语法，继承，{% static ‘xx’ %}）

一般会创建三个目录：css、img、js、plugins

|-- appTang
|	|-- migrations		【固定，不用动，数据库变更记录】
|		|-- __init__.py
|	|-- static			【静态资源配置】
|		|-- css
|		|-- img			【图片】
|		|-- js			【js插件，jQuery】
|		|-- plugins		【插件，bootstrap3.4.1等】
|	|-- templates		【前端页面文件夹】
|		|-- xxx.html
|	|-- __init__.py
|	|-- admin.py		【固定，django默认提供的admin后台管理】
|	|-- apps.py 		【固定，不用动，app启动类】
|	|-- models.py		【**重要**】，对数据库操作
|	|-- tests.py		【固定，不用动】单元测试
|	|-- view.py			【**重要**】函数，处理逻辑编写

{% load static %}



    
    Title
    


用户列表
{{ n1 }}
{##}

3.2 字典-对应关系

 	{% for k in n3.keys %}
        {{ k.name }}
            {{ k.salary }}
            {{ k.role }}
        
	{% endfor %}
    
    {% for v in n3.values %}
        {{ v }}
        
	{% endfor %}

{% load static %}



    
    Title
    


    

用户列表

3.3 条件

3.4 流程图

render 读取html内容+渲染（替换）->字符串，返回给用户

redirect(“www.baidu.com”) 重定向

3.5 安全机制

表单提交：需要{% csrf_token %} 安全机制，要不然会报403，一定要添加到form表单里面

from django.shortcuts import render, HttpResponse, redirect
def login(request):
    if request.method == 'GET':
        return render(request, "login.html")
    print(request.POST)
    username = request.POST.get("user")
    pwd = request.POST.get("pwd")
    if username == 'root' and pwd == '123'
        # return HttpRequest("登录成功")
        return redirect("www.baidu.com")
    # return HttpRequest("登录失败")
    return render(request, "login.html",{"error_msg":"用户名或密码错误"})

    
    Title


   
用户登录
   
       
       {% csrf_token %}
       
       
       
       
       {{error_msg}}span>
   

7. 模板继承

7.1 定义模板

layout.html

{% load static %}



    
    Title
    
    {% block css %}{% endblock %}



    {% block content %}{% endblock %}

    


    
{% block js %}{% endblock %}

继承模板：

{% extends 'layout.html' %}
{% block content %}
    
首页
    
{% endblock %}