增加api的访问说明
This commit is contained in:
4
.gitignore
vendored
4
.gitignore
vendored
@@ -7,10 +7,6 @@ __pycache__/
|
|||||||
*.pyc
|
*.pyc
|
||||||
*$py.class
|
*$py.class
|
||||||
|
|
||||||
# Database
|
|
||||||
db.sqlite3
|
|
||||||
*.sqlite3
|
|
||||||
*.sqlite
|
|
||||||
|
|
||||||
# Logs
|
# Logs
|
||||||
*.log
|
*.log
|
||||||
|
|||||||
@@ -1,9 +1,81 @@
|
|||||||
{% extends 'status/base.html' %}
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>API说明 - 服务状态监控</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||||
|
<script>
|
||||||
|
tailwind.config = {
|
||||||
|
theme: {
|
||||||
|
extend: {
|
||||||
|
colors: {
|
||||||
|
primary: '#165DFF',
|
||||||
|
operational: '#36D399',
|
||||||
|
degraded: '#FBBD23',
|
||||||
|
outage: '#F87272',
|
||||||
|
dark: '#1E293B',
|
||||||
|
light: '#F8FAFC'
|
||||||
|
},
|
||||||
|
fontFamily: {
|
||||||
|
inter: ['Inter', 'system-ui', 'sans-serif'],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style type="text/tailwindcss">
|
||||||
|
@layer utilities {
|
||||||
|
.content-auto {
|
||||||
|
content-visibility: auto;
|
||||||
|
}
|
||||||
|
.card-shadow {
|
||||||
|
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
.card-hover {
|
||||||
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||||
|
}
|
||||||
|
.card-hover:hover {
|
||||||
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
.gradient-bg {
|
||||||
|
background: linear-gradient(135deg, #165DFF 0%, #0A2463 100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="bg-gray-50 font-inter min-h-screen">
|
||||||
|
<!-- 顶部导航 -->
|
||||||
|
<header class="gradient-bg text-white shadow-lg">
|
||||||
|
<div class="container mx-auto px-4 py-6">
|
||||||
|
<div class="flex flex-col md:flex-row justify-between items-center">
|
||||||
|
<div class="flex items-center mb-4 md:mb-0">
|
||||||
|
<i class="fas fa-server text-3xl mr-3"></i>
|
||||||
|
<h1 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold">服务状态监控</h1>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center space-x-2">
|
||||||
|
<a href="/admin/" class="text-white hover:text-gray-200 transition-colors">
|
||||||
|
<i class="fas fa-cog mr-1"></i> 管理后台
|
||||||
|
</a>
|
||||||
|
<a href="/api-docs/" class="text-white hover:text-gray-200 transition-colors">
|
||||||
|
<i class="fas fa-book mr-1"></i> API说明
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="mt-4 md:mt-0">
|
||||||
|
<a href="/" class="bg-white text-primary px-4 py-2 rounded-lg font-medium hover:bg-gray-100 transition-colors">
|
||||||
|
<i class="fas fa-home mr-2"></i> 返回首页
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="mt-2 text-gray-200">实时监控系统服务运行状态与可靠性</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
{% block title %}API说明{% endblock %}
|
<!-- 主内容区 -->
|
||||||
|
<main class="container mx-auto px-4 py-8">
|
||||||
{% block content %}
|
<div class="bg-white rounded-xl p-6 card-shadow mb-6">
|
||||||
<div class="bg-white rounded-xl p-6 card-shadow mb-6">
|
|
||||||
<h1 class="text-2xl font-bold text-gray-800 mb-4">API接口说明</h1>
|
<h1 class="text-2xl font-bold text-gray-800 mb-4">API接口说明</h1>
|
||||||
<p class="text-gray-600 mb-6">本系统提供以下RESTful API接口，用于服务状态的上报和查询。</p>
|
<p class="text-gray-600 mb-6">本系统提供以下RESTful API接口，用于服务状态的上报和查询。</p>
|
||||||
|
|
||||||
@@ -126,5 +198,14 @@
|
|||||||
<li><strong>ping</strong>: PING检测</li>
|
<li><strong>ping</strong>: PING检测</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
</main>
|
||||||
|
|
||||||
|
<!-- 页脚 -->
|
||||||
|
<footer class="bg-dark text-white py-6 mt-12">
|
||||||
|
<div class="container mx-auto px-4 text-center">
|
||||||
|
<p>© 2025 服务状态监控系统 | 数据每30秒自动更新</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user