huty
f103148ebf
基于 Flask + MySQL + Bootstrap 5 的全栈个人资料库管理系统。 主要功能： - 管理员/普通用户双角色权限体系，全站登录保护 - 资源管理：文本、图片、音频、视频四类资源 - 三种添加方式：本地上传（拖拽）、URL 后台下载、磁力下载（aria2c） - 在线预览：文本、图片、HTML5 音视频播放器 - 安全：bcrypt 加盐密码哈希、CSRF 防护、SQLAlchemy ORM 防注入 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
186 lines
7.0 KiB
HTML
186 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN" data-bs-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block title %}{% endblock %} — {{ site_name|default('个人资料库') }}</title>
|
|
<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
|
|
<!-- Bootstrap 5 -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Bootstrap Icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
|
|
<!-- Custom -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
|
|
{% if current_user.is_authenticated %}
|
|
<!-- ── 侧边栏布局 ─────────────────────────────────────────────── -->
|
|
<div class="d-flex" id="wrapper">
|
|
|
|
<!-- 侧边栏 -->
|
|
<nav id="sidebar" class="sidebar d-flex flex-column flex-shrink-0 p-3 text-white">
|
|
<a href="{{ url_for('main.index') }}"
|
|
class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
|
|
<i class="bi bi-collection-play fs-4 me-2"></i>
|
|
<span class="fs-5 fw-semibold">{{ site_name|default('个人资料库') }}</span>
|
|
</a>
|
|
<hr>
|
|
|
|
{% if current_user.is_admin %}
|
|
<p class="text-uppercase text-muted small px-1 mb-1">管理</p>
|
|
<ul class="nav nav-pills flex-column mb-2">
|
|
<li class="nav-item">
|
|
<a href="{{ url_for('admin.dashboard') }}"
|
|
class="nav-link text-white {% if request.endpoint == 'admin.dashboard' %}active{% endif %}">
|
|
<i class="bi bi-speedometer2 me-2"></i>控制台
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="{{ url_for('admin.users') }}"
|
|
class="nav-link text-white {% if request.endpoint and 'admin.user' in request.endpoint %}active{% endif %}">
|
|
<i class="bi bi-people me-2"></i>用户管理
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="{{ url_for('admin.settings') }}"
|
|
class="nav-link text-white {% if request.endpoint == 'admin.settings' %}active{% endif %}">
|
|
<i class="bi bi-gear me-2"></i>系统设置
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<hr>
|
|
{% endif %}
|
|
|
|
<p class="text-uppercase text-muted small px-1 mb-1">资料库</p>
|
|
<ul class="nav nav-pills flex-column mb-auto">
|
|
<li>
|
|
<a href="{{ url_for('resources.list_resources') }}"
|
|
class="nav-link text-white {% if request.endpoint == 'resources.list_resources' %}active{% endif %}">
|
|
<i class="bi bi-grid me-2"></i>全部资源
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url_for('resources.list_resources') }}?type=text"
|
|
class="nav-link text-white">
|
|
<i class="bi bi-file-text me-2"></i>文本
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url_for('resources.list_resources') }}?type=image"
|
|
class="nav-link text-white">
|
|
<i class="bi bi-image me-2"></i>图片
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url_for('resources.list_resources') }}?type=audio"
|
|
class="nav-link text-white">
|
|
<i class="bi bi-music-note-beamed me-2"></i>音频
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ url_for('resources.list_resources') }}?type=video"
|
|
class="nav-link text-white">
|
|
<i class="bi bi-camera-video me-2"></i>视频
|
|
</a>
|
|
</li>
|
|
<li class="mt-2">
|
|
<a href="{{ url_for('resources.upload') }}"
|
|
class="nav-link text-white {% if request.endpoint == 'resources.upload' %}active{% endif %}">
|
|
<i class="bi bi-cloud-upload me-2"></i>上传资源
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<hr>
|
|
|
|
<!-- 用户信息 -->
|
|
<div class="dropdown">
|
|
<a href="#" class="d-flex align-items-center text-white text-decoration-none dropdown-toggle"
|
|
data-bs-toggle="dropdown">
|
|
<div class="avatar-circle me-2">
|
|
{{ current_user.username[0].upper() }}
|
|
</div>
|
|
<strong class="text-truncate" style="max-width:120px">{{ current_user.username }}</strong>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-dark text-small shadow">
|
|
<li><a class="dropdown-item" href="{{ url_for('main.profile') }}">
|
|
<i class="bi bi-person me-1"></i>个人资料
|
|
</a></li>
|
|
<li><a class="dropdown-item" href="{{ url_for('auth.change_password') }}">
|
|
<i class="bi bi-key me-1"></i>修改密码
|
|
</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li>
|
|
<form action="{{ url_for('auth.logout') }}" method="post" class="d-inline">
|
|
{{ csrf_token_input() }}
|
|
<button type="submit" class="dropdown-item text-danger">
|
|
<i class="bi bi-box-arrow-right me-1"></i>退出登录
|
|
</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 主内容区 -->
|
|
<div id="main-content" class="flex-grow-1">
|
|
<!-- 顶栏 -->
|
|
<header class="topbar d-flex align-items-center px-4 py-2 border-bottom bg-white">
|
|
<button class="btn btn-sm btn-outline-secondary me-3" id="sidebarToggle">
|
|
<i class="bi bi-list"></i>
|
|
</button>
|
|
<!-- 面包屑 -->
|
|
<nav aria-label="breadcrumb" class="flex-grow-1">
|
|
{% block breadcrumb %}{% endblock %}
|
|
</nav>
|
|
<!-- 主题切换 -->
|
|
<button class="btn btn-sm btn-outline-secondary" id="themeToggle" title="切换主题">
|
|
<i class="bi bi-sun-fill" id="themeIcon"></i>
|
|
</button>
|
|
</header>
|
|
|
|
<div class="p-4">
|
|
<!-- Flash 消息 -->
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
{% for cat, msg in messages %}
|
|
<div class="alert alert-{{ cat }} alert-dismissible fade show" role="alert">
|
|
{{ msg }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% else %}
|
|
<!-- 未登录：居中布局 -->
|
|
<div class="auth-wrapper d-flex align-items-center justify-content-center min-vh-100">
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
<div class="auth-flash position-fixed top-0 start-50 translate-middle-x mt-3 w-auto" style="z-index:9999">
|
|
{% for cat, msg in messages %}
|
|
<div class="alert alert-{{ cat }} alert-dismissible fade show mb-2">
|
|
{{ msg }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
{{ self.content() }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html>
|