hubian
7b20773c29
- 端口从 19011+19012 合并为 19011 - 前台API: http://localhost:19011 - 后台管理: http://localhost:19011/admin - 新增 templates 目录，整合管理页面模板 - 更新所有路由为 /admin 路径
102 lines
5.2 KiB
HTML
102 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>系统配置 - 产品爬取系统</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-gray-50 min-h-screen">
|
|
<div class="flex">
|
|
<!-- 侧边栏 -->
|
|
<aside class="w-64 bg-slate-800 min-h-screen fixed left-0 top-0">
|
|
<div class="p-6">
|
|
<h1 class="text-white text-xl font-bold flex items-center gap-2">
|
|
<i class="ri-spider-line text-2xl text-emerald-400"></i>
|
|
Product Crawler
|
|
</h1>
|
|
<p class="text-slate-400 text-sm mt-1">产品爬取系统</p>
|
|
</div>
|
|
<nav class="mt-6">
|
|
<a href="/admin" class="flex items-center gap-3 px-6 py-3 text-slate-300 hover:bg-slate-700 hover:text-white">
|
|
<i class="ri-dashboard-line"></i><span>仪表盘</span>
|
|
</a>
|
|
<a href="/admin/spiders" class="flex items-center gap-3 px-6 py-3 text-slate-300 hover:bg-slate-700 hover:text-white">
|
|
<i class="ri-spider-line"></i><span>爬虫管理</span>
|
|
</a>
|
|
<a href="/admin/products" class="flex items-center gap-3 px-6 py-3 text-slate-300 hover:bg-slate-700 hover:text-white">
|
|
<i class="ri-product-hunt-line"></i><span>产品数据</span>
|
|
</a>
|
|
<a href="/admin/tasks" class="flex items-center gap-3 px-6 py-3 text-slate-300 hover:bg-slate-700 hover:text-white">
|
|
<i class="ri-task-line"></i><span>任务记录</span>
|
|
</a>
|
|
<a href="/admin/config" class="flex items-center gap-3 px-6 py-3 bg-slate-700 text-white">
|
|
<i class="ri-settings-3-line"></i><span>系统配置</span>
|
|
</a>
|
|
</nav>
|
|
</aside>
|
|
|
|
<!-- 主内容 -->
|
|
<main class="ml-64 flex-1 p-8">
|
|
<div class="mb-8">
|
|
<h1 class="text-2xl font-bold text-gray-800">系统配置</h1>
|
|
<p class="text-gray-500 text-sm mt-1">爬虫系统配置信息</p>
|
|
</div>
|
|
|
|
<div class="space-y-6">
|
|
<!-- 服务配置 -->
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
|
|
<h3 class="font-semibold text-gray-800 mb-4">服务配置</h3>
|
|
<div class="grid grid-cols-2 gap-4 text-sm">
|
|
<div class="bg-gray-50 p-3 rounded-lg">
|
|
<div class="text-gray-500">API端口</div>
|
|
<div class="font-medium text-gray-800">19011</div>
|
|
</div>
|
|
<div class="bg-gray-50 p-3 rounded-lg">
|
|
<div class="text-gray-500">后台端口</div>
|
|
<div class="font-medium text-gray-800">19012</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 爬虫配置 -->
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
|
|
<h3 class="font-semibold text-gray-800 mb-4">爬虫配置</h3>
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-sm">
|
|
<div class="bg-gray-50 p-3 rounded-lg">
|
|
<div class="text-gray-500">请求超时</div>
|
|
<div class="font-medium text-gray-800">30秒</div>
|
|
</div>
|
|
<div class="bg-gray-50 p-3 rounded-lg">
|
|
<div class="text-gray-500">重试次数</div>
|
|
<div class="font-medium text-gray-800">3次</div>
|
|
</div>
|
|
<div class="bg-gray-50 p-3 rounded-lg">
|
|
<div class="text-gray-500">请求间隔</div>
|
|
<div class="font-medium text-gray-800">1秒</div>
|
|
</div>
|
|
<div class="bg-gray-50 p-3 rounded-lg">
|
|
<div class="text-gray-500">并发限制</div>
|
|
<div class="font-medium text-gray-800">3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 使用说明 -->
|
|
<div class="bg-blue-50 rounded-xl p-6">
|
|
<h3 class="font-semibold text-blue-800 mb-4">
|
|
<i class="ri-information-line mr-1"></i> 使用说明
|
|
</h3>
|
|
<div class="text-sm text-blue-700 space-y-2">
|
|
<p>1. 进入「爬虫管理」页面，选择要运行的爬虫</p>
|
|
<p>2. 点击「运行」按钮开始爬取数据</p>
|
|
<p>3. 爬取完成后，在「产品数据」页面查看结果</p>
|
|
<p>4. 支持导出JSON/CSV格式的数据</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html> |