xiaji/webstatus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加api的访问说明

Browse Source
This commit is contained in:
xiaji
2025-09-07 20:37:23 +08:00
parent 16e3b14984
commit 8052a83ee2
2 changed files with 162 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.gitignore vendored
View File

@@ -7,10 +7,6 @@ __pycache__/
*.pyc *.pyc
*$py.class *$py.class
# Database
db.sqlite3
*.sqlite3
*.sqlite
# Logs # Logs
*.log *.log

91
status/templates/status/api_docs.html
View File

@@ -1,8 +1,80 @@
{% 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>
@@ -127,4 +199,13 @@
</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>