如何建立竞价网站,wordpress+移动客户端,舆情分析公司哪家的系统好,平台搭建图片存在问题#xff1a; django开发中#xff0c;不同页面样式相同#xff0c;如何共用一套母版#xff0c;避免每个页面都重复写样式#xff1b; 解决方案#xff1a;
添加一个母版#xff0c;如“layout.html”#xff0c;在需要继承的位置添加{% block content %}{% e…存在问题 django开发中不同页面样式相同如何共用一套母版避免每个页面都重复写样式 解决方案
添加一个母版如“layout.html”在需要继承的位置添加{% block content %}{% endblock %}
{% load static %}
!DOCTYPE html
html langen
headmeta charsetUTF-8title页面通用模板其他页面可继承/titlelink relstylesheet href{% static css/bootstrap.css %}link relstylesheet href{% static fonts/glyphicons-halflings-regular.woff %}style.navbar{border-radius: 0;}/style/head
body!-- 导航栏--
nav classnavbar navbar-defaultdiv classcontainerdiv classnavbar-headerbutton typebutton classnavbar-toggle collapsed data-togglecollapse data-target#bs-example-navbar-collapse-1 aria-expandedfalsespan classsr-onlyToggle navigation/spanspan classicon-bar/spanspan classicon-bar/spanspan classicon-bar/span/buttona classnavbar-brand href#用户管理系统/a/divdiv classcollapse navbar-collapse idbs-example-navbar-collapse-1ul classnav navbar-nav!--点击菜单栏部门管理跳转到部门列表--lia href/depart/list/部门管理/a/lilia href#用户管理/a/li/ulul classnav navbar-nav navbar-rightlia href#登录/a/lili classdropdowna href# classdropdown-toggle data-toggledropdown rolebutton aria-haspopuptrue aria-expandedfalse无佩奇 span classcaret/span/aul classdropdown-menulia href#个人资料/a/lilia href#我的信息/a/lili roleseparator classdivider/lilia href#注销/a/li/ul/li/ul/div/div
/navdiv{% block content %}{% endblock %} #该页面为母版页面其余页面继承该页面集成时只需要替换此句位置的内容
/divscript src{% static js/jquery-3.1.1.min.js %}/scriptscript src{% static js/bootstrap.min.js %}/script
/body
/html页面继承在新页面需要继承母版的地方添加{% extends ‘depart_layout.html’ %}
和{% block content %}{% endblock %}
{% extends depart_layout.html %} #此处引用母版页面{% block content %} #此处为引入母版内容标识div classcontainerdiv stylemargin-bottom: 10px!--点击按钮新建部门跳转到部门新增页面--a classbtn btn-success href/depart/add/span classglyphicon glyphicon-plus-sign aria-hiddentrue/span新建部门/a/divdiv classpanel panel-defaultdiv classpanel-headingspan classglyphicon glyphicon-th-list aria-hiddentrue/span部门列表/divtable classtable table-borderedtheadtrthID/thth部门名称/thth操作/th/tr/theadtbody{% for obj in querySet %}trth{{ obj.id }}/thtd{{ obj.title }}/tdtda classbtn btn-primary btn-xs href/depart/edit/?nid{{ obj.id }}编辑/aa classbtn btn-danger btn-xs href/depart/delete/?nid{{ obj.id }}删除/a/td/tr{% endfor %}/tbody/table/div/div{% endblock %} #此处为引入母版内容标识
