termplate reconstruct

This commit is contained in:
ridethepig 2022-12-12 15:11:57 +08:00
parent 473fcb047f
commit 6055bd1ec8
10 changed files with 364 additions and 626 deletions

View File

@ -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-exp.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='spectre-icons.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') }}"> <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> <style>
html, body{ html, body{
margin: 0; margin: 0;

View File

@ -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>

View File

@ -1,25 +1,6 @@
{% extends 'base.html' %} {% extends 'user/user_base.html' %}
{% block header %} {% 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> <script>
var typelist = {}; var typelist = {};
function switch_type(typename) { function switch_type(typename) {
@ -41,26 +22,8 @@
</script> </script>
{% endblock %} {% endblock %}
{% block content %} {% block user_content %}
<div class="container"> <div class="panel">
<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">
<div class="panel-header"> <div class="panel-header">
<h2>新建图书</h2> <h2>新建图书</h2>
</div> </div>
@ -70,7 +33,7 @@
{{error}} {{error}}
</div> </div>
{% endif %} {% endif %}
<form method="post" class="form-group"> <form method="post" class="form-group m-2">
<label class="form-label" for="bookname">书名*</label> <label class="form-label" for="bookname">书名*</label>
<input class="form-input" name="bookname" id="bookname" required> <input class="form-input" name="bookname" id="bookname" required>
<label class="form-label" for="bookisbn">ISBN</label> <label class="form-label" for="bookisbn">ISBN</label>
@ -96,6 +59,4 @@
</form> </form>
</div> </div>
</div> </div>
</div>
</div>
{% endblock %} {% endblock %}

View File

@ -1,49 +1,11 @@
{% extends 'base.html' %} {% extends 'user/user_base.html' %}
{% block header %} {% block user_content %}
<style> <div class="panel">
.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">
<div class="panel-header"> <div class="panel-header">
<div class="panel-title">图书分类</div> <div class="panel-title text-center">
<h4>图书分类管理</h4>
</div>
</div> </div>
<div class="panel-body"> <div class="panel-body">
{% if error%} {% if error%}
@ -67,6 +29,4 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div>
{% endblock %} {% endblock %}

View File

@ -1,4 +1,4 @@
{% extends 'base.html' %} {% extends 'user/user_base.html' %}
{% block header %} {% block header %}
<script> <script>
@ -13,31 +13,14 @@ function control_modal(op, modal_id){
</script> </script>
{% endblock %} {% endblock %}
{% block content %} {% block user_content %}
<div class="container"> <div class="panel">
<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">
<div class="modal" id="modal-addnote"> <div class="modal" id="modal-addnote">
<a onclick="control_modal('diactiate', 'modal-addnote')" class="modal-overlay" aria-label="Close"></a> <a onclick="control_modal('diactiate', 'modal-addnote')" class="modal-overlay" aria-label="Close"></a>
<div class="modal-container"> <div class="modal-container">
<div class="modal-header"> <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 class="modal-title h5">新建评论</div>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@ -45,7 +28,8 @@ function control_modal(op, modal_id){
<label class="form-label" for="notename">标题</label> <label class="form-label" for="notename">标题</label>
<input class="form-input" name="notename" id="notename" required> <input class="form-input" name="notename" id="notename" required>
<label class="form-label" for="notecontent">评论</label> <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> </form>
</div> </div>
@ -56,7 +40,8 @@ function control_modal(op, modal_id){
</div> </div>
</div> </div>
<div class="panel-header m-2"> <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 %} {%if booktype|length > 0 %}
<div> <div>
<mark>分类标签:</mark> <mark>分类标签:</mark>
@ -85,6 +70,7 @@ function control_modal(op, modal_id){
<mark>语言:</mark><span class="px-2">{{book['book_lang']}}</span> <mark>语言:</mark><span class="px-2">{{book['book_lang']}}</span>
</div> </div>
{% endif %} {% endif %}
<div class="divider"></div>
<div class="columns"> <div class="columns">
<div class="column col-2"> <div class="column col-2">
<a href="/book/update/{{book['book_id']}}/" class="btn btn-primary">编辑图书信息</a> <a href="/book/update/{{book['book_id']}}/" class="btn btn-primary">编辑图书信息</a>
@ -105,9 +91,7 @@ function control_modal(op, modal_id){
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="divider text-center" data-content="文档"></div> <div class="divider text-center" data-content="文档"></div>
{% if document|length <= 0 %} {% if document|length <= 0 %} <div class="text-center">暂无</div>{%endif%}
<div class="text-center">暂无</div>
{%endif%}
{% for document in documents %} {% for document in documents %}
<div id="doc{{document['doc_id']}}" class="card"> <div id="doc{{document['doc_id']}}" class="card">
<div class="card-header"> <div class="card-header">
@ -124,9 +108,7 @@ function control_modal(op, modal_id){
</div> </div>
{% endfor %} {% endfor %}
<div class="divider text-center" data-content="评论"></div> <div class="divider text-center" data-content="评论"></div>
{% if notes|length <= 0 %} {% if notes|length <= 0 %} <div class="text-center">暂无</div> {%endif%}
<div class="text-center">暂无</div>
{%endif%}
{% for note in notes %} {% for note in notes %}
<div id="note{{note['note_id']}}" class="card m-2"> <div id="note{{note['note_id']}}" class="card m-2">
<div class="card-header"> <div class="card-header">
@ -145,7 +127,4 @@ function control_modal(op, modal_id){
{% endfor %} {% endfor %}
<div class="divider text-center"></div> <div class="divider text-center"></div>
</div> </div>
</div>
</div>
</div>
{% endblock %} {% endblock %}

View File

@ -1,47 +1,7 @@
{% extends 'base.html' %} {% extends 'user/user_base.html' %}
{% block header %} {% block user_content %}
<style> <div class="panel">
.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">
<div class="panel-header"> <div class="panel-header">
<div class="panel-title">统计信息</div> <div class="panel-title">统计信息</div>
</div> </div>
@ -59,6 +19,5 @@
</dl> </dl>
</div> </div>
</div> </div>
</div>
</div>
{% endblock %} {% endblock %}

View File

@ -1,45 +1,6 @@
{% extends 'base.html' %} {% extends 'user/user_base.html' %}
{% block user_content %}
{% block header %} <div class="panel">
<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">
<div class="panel-header"> <div class="panel-header">
<div class="panel-title">{{opname}}</div> <div class="panel-title">{{opname}}</div>
</div> </div>
@ -52,6 +13,4 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div>
</div>
{% endblock %} {% endblock %}

View File

@ -1,45 +1,7 @@
{% extends 'base.html' %} {% extends 'user/user_base.html' %}
{% block header %} {% block user_content %}
<style> <div class="panel">
.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">
<div class="panel-header"> <div class="panel-header">
<div class="panel-title">搜索图书</div> <div class="panel-title">搜索图书</div>
</div> </div>
@ -47,11 +9,6 @@
<form class="form-group" method="get"> <form class="form-group" method="get">
<div class="container"> <div class="container">
<select class="form-select col-3" name="bookattr" id="bookattr"> <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%} {% for opt in queryattr%}
{% if queryattr[opt]=="selected" %} {% if queryattr[opt]=="selected" %}
<option selected>{{opt}}</option> <option selected>{{opt}}</option>
@ -68,21 +25,6 @@
{% endif %} {% endif %}
<input class="btn btn-primary input-group-btn form-inline" type="submit" value="搜索"> <input class="btn btn-primary input-group-btn form-inline" type="submit" value="搜索">
</div> </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> </form>
<div id="search-result"> <div id="search-result">
{% if bookattr=="文档名称" %} {% if bookattr=="文档名称" %}
@ -146,6 +88,4 @@
</div> </div>
</div> </div>
</div>
</div>
{% endblock %} {% endblock %}

View File

@ -1,4 +1,4 @@
{% extends 'base.html' %} {% extends 'user/user_base.html' %}
{% block header %} {% block header %}
<script> <script>
@ -22,26 +22,8 @@
</script> </script>
{% endblock %} {% endblock %}
{% block content %} {% block user_content %}
<div class="container"> <div class="panel">
<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">
<div class="panel-header"> <div class="panel-header">
<h2>编辑图书</h2> <h2>编辑图书</h2>
</div> </div>
@ -77,6 +59,4 @@
</form> </form>
</div> </div>
</div> </div>
</div>
</div>
{% endblock %} {% endblock %}

View 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 %}