django_project_demo/app/templates/layout.html

111 lines
4.8 KiB
HTML
Raw Normal View History

2024-08-24 11:25:23 +08:00
<!--引入静态文件-->
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
<style>
.navbar {
border-radius: 0px;
}
body {
font-size: 20px; /* 根据需求调整字体大小 */
}
.btn {
font-size: 18px;
}
.navbar-brand {
font-size: 22px;
}
{#自定义日期插件css,其实就是一个占位符#}
{% block css %}{% endblock %}
</style>
</head>
<body>
<!--导航条开始-->
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">联通用户管理</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">系统管理 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/depart/list/">部门管理</a></li>
<li><a href="/user/list/">用户管理</a></li>
<li role="separator" class="divider"></li>
<li><a href="/admin/list/">管理员帐户</a></li>
</ul>
</li>
<li><a href="/PrettyNumber/list/">靓号管理</a></li>
<li><a href="/task/list/">任务管理</a></li>
<li><a href="/order/list/">订单管理</a></li>
<li><a href="/chart/list/">数据统计</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">文件上传 <span class="caret"></span></a>
{# request.session.info.username 是 session变量在account.py文件中定义#}
<ul class="dropdown-menu">
<li><a href="/upload/list/">普通文件上传</a></li>
<li><a href="/upload/form/">Form表单上传</a></li>
<li role="separator" class="divider"></li>
<li><a href="/upload/modelform/">ModelForm表单上传</a></li>
<li><a href="/city/list/">文件上传后的展示</a></li>
</ul>
</li>
</ul>
<!-- <form class="navbar-form navbar-left">-->
<!-- <div class="form-group">-->
<!-- <input type="text" class="form-control" placeholder="Search">-->
<!-- </div>-->
<!-- <button type="submit" class="btn btn-default">Submit</button>-->
<!-- </form>-->
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">{{ request.session.info.username }} <span class="caret"></span></a>
{# request.session.info.username 是 session变量在account.py文件中定义#}
<ul class="dropdown-menu">
<li><a href="#">更改密码</a></li>
<li><a href="#">个人信息</a></li>
<li role="separator" class="divider"></li>
<li><a href="/loginout">注销用户</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!--导航条结束-->
<!--工作区开始-->
<div>
{# 占位符#}
{% block content %}{% endblock %}
</div>
<!--工作区结束-->
<script src="{% static 'js/jquery-3.4.1/jquery-3.4.1.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
{#自定义日期插件js#}
{% block js %}{% endblock %}
</body>
</html>