Django网站建设-模板复用、数据展示、分页、表单异步提交

模板复用

新建基础模板，在基础模板中固定不变的可以不用管他，需要修改的部分变成block

#标题block
<title>{% block title %}课程机构列表 - 慕学在线网{% endblock %}</title>

#css block
{% block customcss %}{% endblock %}

#js bolck
{% block customjs %}{% endblock %}

{% block custom_bread %}
<section>
    <div class="wp">
        <ul  class="crumbs">
            <li><a href="index.html">首页</a>></li>
            <li>课程机构</li>
        </ul>





</section>
{% endblock %}

#整个section部分是需要修改的
{% block content %}
<section...>
{%endblock%}

在新建的html文件中，需要复用html模板的，直接继承，并对需要修改的block进行修改，利用{% extends ‘模板文件’ %}，直接对html文件进行继承

{% extends 'organization_base.html' %}
{% load staticfiles %}
{% block title %}替换html的title{% endblock %}
{% block custom_bread %}
    <section>
        <div class="wp">
            <ul  class="crumbs">
                <li><a href="index.html">首页</a>></li>
                <li>我爱张馨</li>
            </ul>
        </div>
    </section>
{% endblock %}
{% block content %}
<section...>

写好url，并绑定好view即可

#url
url(r'organiztion_list/$',OrganiztionListView.as_view(),name='organiztion_list'),

#view逻辑
class OrganiztionListView(View):
def get(self,request):
    return render(request, 'org_list.html',{})

每个页面的user信息传入，Django已经为我们做好的user信息的封装，登陆信息保存在requests中，并以session与服务器进行握手确认，添加登陆信息只需要将user信息在模板中读取出来即可

1.{% if request.user.is_authenticated %}用于确认用户的登陆情况
2.{% else %}逻辑用于若未登陆则返回默认的头部
3.注意{% endif %}

{% if request.user.is_authenticated %}
            <div class="top">
            <div class="wp">
                <div class="fl">
                    <p>服务电话：<b>33333333</b></p>
                </div>
                    <!--登录后跳转-->
                    <div class="personal">
                        <dl class="user fr">
                            <dd>{
  { LoginMsg.username }}<img class="down fr" src="{% static 'images/top_down.png' %}"/></dd>
                            <dt><img width="20" height="20" src="/static/media/image/2016/12/default_big_14.png"/></dt>
                        </dl>
                        <div class="userdetail">
                            <dl>
                                <dt><img width="80" height="80" src="{
  { user.img }}"/></dt>
                                <dd>
                                    <h2>{
  { user.gender }}</h2>
                                    <p>{
  { user.username }}</p>
                                </dd>
                            </dl>
                            <div class="btn">
                                <a class="personcenter fl" href="usercenter-info.html">进入个人中心</a>
                                <a class="fr" href="{% url 'user_loginout' %}">退出</a>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
            {% else %}
            <div class="top">
                    <div class="wp">
                        <div class="fl">
                            <p>服务电话：<b>33333333</b></p></div>
                        <a style="color:white" class="fr registerbtn" href="{% url 'Register' %}">注册</a>