查看“Python Web开发:共享模板的使用 实训”的源代码
←
Python Web开发:共享模板的使用 实训
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==介绍== 应用共享模板有关知识, 对主页应用共享模板。 ==实训步骤== ===应用共享模板=== 打开homeApp应用下的templates文件夹,编辑home.html,代码如下: <nowiki> {% extends "base.html" %} {% load staticfiles %} {% block title %} 主页 {% endblock %} {% block content %} <!-- 广告横幅 --> <div class="container-fluid"> <div class="row"> <img class="img-responsive model-img" src="{% static 'img/science.jpg' %}" alt="科研基地"> </div> </div> <div class="container"> <!-- 主体标题 --> <div class="model-details-title"> 主页 </div> </div> {% endblock %} </nowiki> ===为导航链接标签<nowiki><li></nowiki>设置id号=== base.html 为首页添加home的id号: <nowiki> <li class="nav-top" id="home"> <a href="{% url 'home' %}">首页</a> </li></nowiki> ===设置JS动态添加active属性=== base.html: <nowiki> <script type="text/JavaScript"> $('#{{active_menu}}').addClass("active"); </script> </nowiki> ===向模板传递active_menu变量=== homeApp/views.py: <nowiki> from django.shortcuts import render from django.shortcuts import HttpResponse # Create your views here. def home(request): return render(request, 'home.html',{'active_menu':'home',}) </nowiki> ==效果== [[文件:python21050801.png|600px]]
返回至
Python Web开发:共享模板的使用 实训
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息