跟大妈学Django Part - 7 （Django入门续集7）

跟大妈学Django Part - 6 （Django入门续集6）

 

今天主要是建recordemo的页面，也就是一个让用户添加心情的页面。

开始之前，先把主页的nav和footer分开，若不然，每次要用到这个template，都好多code，显得很乱。

之后再用以下代码引入即可。最终显示的都是一样的。 

{% include 'mood/nav.html' %}
{% include 'mood/footer.html' %}

先来一个叫recordemo的app, 通道内输入  

python3 manage.py startapp recordemo

建好App了以后，去setting.py添加这个app ,这样django才知道我们有一个新的App

/workspace/how-do-you-do/hdyd/settings.py

接下来就是去view.py ，添加view了以后，前端才会显示。我很懒，直接从主页的view复制过来的，改了名字和html的名字。

/workspace/how-do-you-do/recordemo/views.py

from django.shortcuts import render

# Create your views here.
def RecordEmo(request):
    
    return render(request, 'recordemo/recordemo.html')

现在就是写前端代码了，从主页复制template过来，就相当于模板了。 

/workspace/how-do-you-do/recordemo/templates/recordemo/recordemo.html

{% extends "base.html" %}
{% load static %}

{% block content %}
<!--Main Navigation-->
<header>

    {% include 'mood/nav.html' %}

    <!-- Background image -->
    <div id="intro" class="p-5 text-center bg-image shadow-1-strong">
        <div class="mask bg-color">
            <div class="d-flex justify-content-center align-items-center h-100">
                <div class="px-4 bg-light bg-gradient text-black-50">
                    <!--在这里添加需要更改的内容-->
                </div>
            </div>
        </div>
    </div>
    <!-- Background image -->
    
</header>

<hr class="m-0" />

{% include 'mood/footer.html' %}

{% endblock %}

建一个urls.py， 给页面设一个url

/workspace/how-do-you-do/recordemo/urls.py

from django.contrib import admin
from django.urls import path
from . import views

urlpatterns = [
    path('', views.RecordEmo, name='recordemo'),
]

回到hdyd，把新开的url都包括在主要的urls里。路径如下

/workspace/how-do-you-do/hdyd/urls.py

path('recordemo/', include('recordemo.urls')),

回到主页，把链接贴上 

{% url 'recordemo' %}

/workspace/how-do-you-do/mood/templates/mood/mood.html 

现在就是验证真理的时刻了！

连接完毕~

总结一下，

1. 建APP
2. 写view.py
3. 前端模板template
4. 最后就是设url，url要在主APP和小APP都设定。

跟大妈学Django - Part 1（Django入门）

跟大妈学Django Part - 2 （Django入门续集2）

跟大妈学Django Part - 3 （Django入门续集3）

跟大妈学Django Part - 4 （Django入门续集4）

跟大妈学Django Part - 5 （Django入门续集5）

跟大妈学Django Part - 6 （Django入门续集6）

跟大妈学Django Part - 7 （Django入门续集7）

跟大妈学Django Part - 8 （Django入门续集8）