Djangoæç« æ ç®å端模æ¿
ä¸ ç¼è¾ç½é¡µå¤´é¨mysite/templates/article/header.html
{% load staticfiles %}
<div class="container">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<img width="100px" src="{% static 'images/logo.png' %}">
</div>
<div>
<ul class="nav navbar-nav" role="tablist">
<li><a href="{% url 'article:article_column' %}">æç« ç®¡ç</a></li>
</ul>
<ul class="nav navbar-nav navbar-right" style="margin-right:10px">
<li><a href="{% url 'blog:blog_title' %}">ç½ç«é¦é¡µ</a></li>
<li>{{ user.username }}</li>
<li><a href="{% url 'account:user_logout' %}">Logout</a></li>
</ul>
</div>
</nav>
</div>äº ç¼è¾å·¦ä¾§ç½é¡µmysite/templates/article/leftslider.html
<div class="bg-info">
<div class="text-center" style="margin-top: 5px;">
<p><h4>æç« ç®¡ç</h4></p>
<p><a href="{% url 'article:article_column'%}">æ ç®ç®¡ç</a></p>
</div>
</div>ä¸ ç¼è¾ç»è£ åçbase页mysite/templates/article/base.html
{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{% endblock %}</title>
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
</head>
<body>
<div class="container">
{% include 'article/header.html' %}
<div class="col-md-2">
{% include 'article/leftslider.html' %}
</div>
<div class="col-md-10">
{% block content %}
{% endblock %}
</div>
<div>
{% include 'footer.html' %}
</div>
</div>
</body>
</html>å ç¼è¾mysite/templates/article/column/article_column.html
{% extends "article/base.html" %}
{% load staticfiles %}
{% block title %}article column{% endblock %} {% block content %}
<div>
<p class="text-right"><button class="btn btn-primary">add column</button>
</p>
<table class="table table-hover">
<tr>
<td>åºå·</td>
<td>æ ç®å称</td>
<td>æä½</td>
</tr>
{% for column in columns %}
<tr>
<!--forloop.counter循ç¯æ¬¡æ°è®¡æ°å¨ï¼ä»1å¼å§-->
<td>{{ forloop.counter }}</td>
<td>{{ column.column }}</td>
<td>
</td>
</tr>
{% empty %}
<p>è¿æ²¡æ设置æ ç®ï¼å¤ªæäºã</p>
{% endfor %}
</table>
</div>
{% endblock %}äº æµè¯ä¸ä¸ææ