termplate reconstruct
This commit is contained in:
ridethepig
parent
473fcb047f
commit
6055bd1ec8
@ -3,20 +3,8 @@
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='spectre-exp.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='spectre-icons.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='spectre.min.css') }}">
|
||||
<!-- <script src="{{ url_for('static', filename='axios.min.js')}}"></script> -->
|
||||
|
||||
<!-- <nav>
|
||||
<h1>BookManage</h1>
|
||||
<ul>
|
||||
{% if g.user %}
|
||||
<li><span>{{ g.user['user_name'] }}</span>
|
||||
<li><a href="{{ url_for('auth.logout') }}">登出</a>
|
||||
{% else %}
|
||||
<li><a href="{{ url_for('auth.loginadmin') }}">管理员登陆</a>
|
||||
<li><a href="{{ url_for('auth.loginuser') }}">用户登陆</a>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</nav> -->
|
||||
|
||||
<style>
|
||||
html, body{
|
||||
margin: 0;
|
||||
|
||||
@ -1,15 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<title>DBProject</title>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<body>
|
||||
<h1>简单的电子书归档系统</h1>
|
||||
<div>
|
||||
<p>首先需要登陆</p>
|
||||
<a href="/auth/loginuser">用户登陆</a>
|
||||
<a href="/auth/loginadmin">管理员登陆</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,25 +1,6 @@
|
||||
{% extends 'base.html' %}
|
||||
{% extends 'user/user_base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<style>
|
||||
.maindiv {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 20;
|
||||
left: 0;
|
||||
|
||||
padding-left: 1.2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.sidenav {
|
||||
height: 100%;
|
||||
max-width: 160px;
|
||||
z-index: 1;
|
||||
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var typelist = {};
|
||||
function switch_type(typename) {
|
||||
@ -41,26 +22,8 @@
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-2 text-center">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a href="/home"><b>主页</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/search"><b>搜索</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/addbook"><b>增加</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/tags"><b>分类</b></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column col-9 panel">
|
||||
{% block user_content %}
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<h2>新建图书</h2>
|
||||
</div>
|
||||
@ -70,7 +33,7 @@
|
||||
{{error}}
|
||||
</div>
|
||||
{% endif %}
|
||||
<form method="post" class="form-group">
|
||||
<form method="post" class="form-group m-2">
|
||||
<label class="form-label" for="bookname">书名*</label>
|
||||
<input class="form-input" name="bookname" id="bookname" required>
|
||||
<label class="form-label" for="bookisbn">ISBN</label>
|
||||
@ -96,6 +59,4 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,49 +1,11 @@
|
||||
{% extends 'base.html' %}
|
||||
{% extends 'user/user_base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<style>
|
||||
.maindiv {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 20;
|
||||
left: 0;
|
||||
|
||||
padding-left: 1.2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.sidenav {
|
||||
height: 100%;
|
||||
max-width: 160px;
|
||||
z-index: 1;
|
||||
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-2 text-center">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a href="/home"><b>主页</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/search"><b>搜索</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/addbook"><b>增加</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/tags"><b>分类</b></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column col-9 panel">
|
||||
{% block user_content %}
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<div class="panel-title">图书分类</div>
|
||||
<div class="panel-title text-center">
|
||||
<h4>图书分类管理</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
{% if error%}
|
||||
@ -67,6 +29,4 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,4 +1,4 @@
|
||||
{% extends 'base.html' %}
|
||||
{% extends 'user/user_base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<script>
|
||||
@ -13,31 +13,14 @@ function control_modal(op, modal_id){
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-2 text-center">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a href="/home"><b>主页</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/search"><b>搜索</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/addbook"><b>增加</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/tags"><b>分类</b></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column col-9 panel">
|
||||
{% block user_content %}
|
||||
<div class="panel">
|
||||
<div class="modal" id="modal-addnote">
|
||||
<a onclick="control_modal('diactiate', 'modal-addnote')" class="modal-overlay" aria-label="Close"></a>
|
||||
<div class="modal-container">
|
||||
<div class="modal-header">
|
||||
<a onclick="control_modal('diactiate', 'modal-addnote')" class="btn btn-clear float-right" aria-label="Close"></a>
|
||||
<a onclick="control_modal('diactiate', 'modal-addnote')" class="btn btn-clear float-right"
|
||||
aria-label="Close"></a>
|
||||
<div class="modal-title h5">新建评论</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@ -45,7 +28,8 @@ function control_modal(op, modal_id){
|
||||
<label class="form-label" for="notename">标题</label>
|
||||
<input class="form-input" name="notename" id="notename" required>
|
||||
<label class="form-label" for="notecontent">评论</label>
|
||||
<textarea name="notecontent" id="notecontent" class="form-input" placeholder="添加评论..."rows="8" required></textarea>
|
||||
<textarea name="notecontent" id="notecontent" class="form-input" placeholder="添加评论..." rows="8"
|
||||
required></textarea>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
@ -56,7 +40,8 @@ function control_modal(op, modal_id){
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-header m-2">
|
||||
<div class="panel-title h3">{{book['book_name']}}</div>
|
||||
<div class="panel-title h3">图书：{{book['book_name']}}</div>
|
||||
<div class="divider"></div>
|
||||
{%if booktype|length > 0 %}
|
||||
<div>
|
||||
<mark>分类标签：</mark>
|
||||
@ -85,6 +70,7 @@ function control_modal(op, modal_id){
|
||||
<mark>语言：</mark><span class="px-2">{{book['book_lang']}}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="divider"></div>
|
||||
<div class="columns">
|
||||
<div class="column col-2">
|
||||
<a href="/book/update/{{book['book_id']}}/" class="btn btn-primary">编辑图书信息</a>
|
||||
@ -105,9 +91,7 @@ function control_modal(op, modal_id){
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="divider text-center" data-content="文档"></div>
|
||||
{% if document|length <= 0 %}
|
||||
<div class="text-center">暂无</div>
|
||||
{%endif%}
|
||||
{% if document|length <= 0 %} <div class="text-center">暂无</div>{%endif%}
|
||||
{% for document in documents %}
|
||||
<div id="doc{{document['doc_id']}}" class="card">
|
||||
<div class="card-header">
|
||||
@ -124,9 +108,7 @@ function control_modal(op, modal_id){
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="divider text-center" data-content="评论"></div>
|
||||
{% if notes|length <= 0 %}
|
||||
<div class="text-center">暂无</div>
|
||||
{%endif%}
|
||||
{% if notes|length <= 0 %} <div class="text-center">暂无</div> {%endif%}
|
||||
{% for note in notes %}
|
||||
<div id="note{{note['note_id']}}" class="card m-2">
|
||||
<div class="card-header">
|
||||
@ -145,7 +127,4 @@ function control_modal(op, modal_id){
|
||||
{% endfor %}
|
||||
<div class="divider text-center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,47 +1,7 @@
|
||||
{% extends 'base.html' %}
|
||||
{% extends 'user/user_base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<style>
|
||||
.maindiv {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 20;
|
||||
left: 0;
|
||||
|
||||
padding-left: 1.2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.sidenav {
|
||||
height: 100%;
|
||||
max-width: 160px;
|
||||
z-index: 1;
|
||||
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-2 text-center">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a href="/home"><b>主页</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/search"><b>搜索</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/addbook"><b>增加</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/tags"><b>分类</b></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column col-9 panel">
|
||||
{% block user_content %}
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<div class="panel-title">统计信息</div>
|
||||
</div>
|
||||
@ -59,6 +19,5 @@
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
@ -1,45 +1,6 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<style>
|
||||
.maindiv {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 20;
|
||||
left: 0;
|
||||
padding-left: 1.2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.sidenav {
|
||||
height: 100%;
|
||||
max-width: 160px;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-2 text-center">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a href="/home"><b>主页</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/search"><b>搜索</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/addbook"><b>增加</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/tags"><b>分类</b></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column col-9 panel">
|
||||
{% extends 'user/user_base.html' %}
|
||||
{% block user_content %}
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<div class="panel-title">{{opname}}</div>
|
||||
</div>
|
||||
@ -52,6 +13,4 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,45 +1,7 @@
|
||||
{% extends 'base.html' %}
|
||||
{% extends 'user/user_base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<style>
|
||||
.maindiv {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 20;
|
||||
left: 0;
|
||||
padding-left: 1.2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.sidenav {
|
||||
height: 100%;
|
||||
max-width: 160px;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-2 text-center">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a href="/home"><b>主页</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/search"><b>搜索</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/addbook"><b>增加</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/tags"><b>分类</b></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column col-9 panel">
|
||||
{% block user_content %}
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<div class="panel-title">搜索图书</div>
|
||||
</div>
|
||||
@ -47,11 +9,6 @@
|
||||
<form class="form-group" method="get">
|
||||
<div class="container">
|
||||
<select class="form-select col-3" name="bookattr" id="bookattr">
|
||||
<!-- <option selected>书名</option>
|
||||
<option>ISBN</option>
|
||||
<option>作者</option>
|
||||
<option>出版社</option>
|
||||
<option>分类</option> -->
|
||||
{% for opt in queryattr%}
|
||||
{% if queryattr[opt]=="selected" %}
|
||||
<option selected>{{opt}}</option>
|
||||
@ -68,21 +25,6 @@
|
||||
{% endif %}
|
||||
<input class="btn btn-primary input-group-btn form-inline" type="submit" value="搜索">
|
||||
</div>
|
||||
<!-- <div class="container">
|
||||
<label class="form-label form-inline col-5" for="bookname"> 书名
|
||||
<input class="form-input" name="bookname" id="bookname">
|
||||
</label>
|
||||
<label class="form-label form-inline col-2" for="author"> 作者
|
||||
<input class="form-input" name="author" id="author">
|
||||
</label>
|
||||
<label class="form-label form-inline col-2" for="booktype"> 出版社
|
||||
<input class="form-input" name="booktype" id="booktype">
|
||||
</label>
|
||||
<label class="form-label form-inline col-2" for="bookisbn"> 分类
|
||||
<input class="form-input" name="bookisbn" id="bookisbn">
|
||||
</label>
|
||||
</div>
|
||||
<input class="btn btn-primary input-group-btn p-centered" type="submit" value="搜索"> -->
|
||||
</form>
|
||||
<div id="search-result">
|
||||
{% if bookattr=="文档名称" %}
|
||||
@ -146,6 +88,4 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,4 +1,4 @@
|
||||
{% extends 'base.html' %}
|
||||
{% extends 'user/user_base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<script>
|
||||
@ -22,26 +22,8 @@
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-2 text-center">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a href="/home"><b>主页</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/search"><b>搜索</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/addbook"><b>增加</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/tags"><b>分类</b></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column col-9 panel">
|
||||
{% block user_content %}
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<h2>编辑图书</h2>
|
||||
</div>
|
||||
@ -77,6 +59,4 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
27
src/templates/user/user_base.html
Normal file
27
src/templates/user/user_base.html
Normal file
@ -0,0 +1,27 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column col-2 text-center">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a href="/home"><b>主页</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/search"><b>搜索</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/addbook"><b>增加</b></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="/tags"><b>分类</b></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column col-9">
|
||||
{% block user_content %} {% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue
Block a user