- 首先我们写一个母版
母版代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后套管理</title> <link rel="stylesheet" href="/static/plug/bootstrap-3.3.7-dist/css/bootstrap.min.css"> <link rel="stylesheet" href="/static/plug/font-awesome-4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="/static/css/index.css"> #这里相当于CSS的占位符 {% block css %} {% endblock %} </head> <body> <div class="title"> <div class="logo left">后台管理</div> <div class="header_img right"> <img src="/static/img/1.jpg"> <div class="user_info"> <a>个人信息</a> <a>注销</a> </div> </div> <div class="rment right"> <a>邮件</a> <a>消息</a> </div> </div> <div class="pg_body"> <div class="lmenu"> <a href="/classes">班级管理</a> <a href="/student_list">学生管理</a> <a href="/teacher">老师管理</a> </div> <div class="content"> #这里相当于内容的占位符 {% block content %} {% endblock %} </div> </div> </body> <script src="/static/js/jquery-3.2.1.js"></script> <script src="/static/plug/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> #这里相当于js的占位符 {% block js %} {% endblock %} </html>
相关文章：