xiaji/central-task
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

创建中心任务的管理系统

Browse Source
This commit is contained in:
xiaji
2025-12-05 13:45:16 +08:00
commit 2ca8b8d181
62 changed files with 1611 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
tasks/templates/tasks/base.html Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>任务中心</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="{% url 'task_list' %}">任务中心</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="{% url 'task_list' %}">任务列表</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'task_create' %}">创建任务</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'client_list' %}">客户端管理</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container mt-4">
{% block content %}
{% endblock %}
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

25
tasks/templates/tasks/client_create.html Normal file
View File

@@ -0,0 +1,25 @@
{% extends 'tasks/base.html' %}
{% block content %}
<h1 class="mb-4">创建客户端</h1>
<div class="card">
<div class="card-body">
<form method="post">
{% csrf_token %}
<div class="mb-3">
<label for="name" class="form-label">客户端名称</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="alert alert-info" role="alert">
创建后将自动生成API Token，用于客户端认证。
</div>
<button type="submit" class="btn btn-primary">创建客户端</button>
<a href="{% url 'client_list' %}" class="btn btn-secondary">取消</a>
</form>
</div>
</div>
{% endblock %}

37
tasks/templates/tasks/client_list.html Normal file
View File

@@ -0,0 +1,37 @@
{% extends 'tasks/base.html' %}
{% block content %}
<h1 class="mb-4">客户端列表</h1>
<div class="card mb-4">
<div class="card-header">
<a href="{% url 'client_create' %}" class="btn btn-primary">创建新客户端</a>
</div>
<div class="card-body">
<table class="table table-striped">
<thead>
<tr>
<th>ID</th>
<th>客户端名称</th>
<th>API Token</th>
<th>最后活跃时间</th>
<th>创建时间</th>
</tr>
</thead>
<tbody>
{% for client in clients %}
<tr>
<td>{{ client.id }}</td>
<td>{{ client.name }}</td>
<td>
<code>{{ client.token }}</code>
</td>
<td>{{ client.last_seen|date:'Y-m-d H:i:s' }}</td>
<td>{{ client.created_at|date:'Y-m-d H:i:s' }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endblock %}

96
tasks/templates/tasks/index.html Normal file
View File

@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>任务中心 - 首页</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="{% url 'index' %}">任务中心</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="{% url 'index' %}">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'task_list' %}">任务列表</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'task_create' %}">创建任务</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'client_list' %}">客户端管理</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/admin/">后台管理</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container mt-5">
<div class="jumbotron bg-light p-5 rounded-3">
<h1 class="display-4">欢迎使用任务中心</h1>
<p class="lead">一个基于Django的任务管理系统，支持客户端任务认领、执行和结果上传。</p>
<hr class="my-4">
<p>系统功能：</p>
<ul>
<li>创建和管理任务</li>
<li>客户端原子认领任务</li>
<li>任务执行状态跟踪</li>
<li>结果文件上传下载</li>
<li>客户端管理和认证</li>
</ul>
<div class="mt-4">
<a class="btn btn-primary btn-lg" href="{% url 'task_list' %}" role="button">查看任务</a>
<a class="btn btn-secondary btn-lg" href="/admin/" role="button">后台管理</a>
</div>
</div>
<div class="row mt-5">
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">任务管理</h5>
<p class="card-text">创建、查看和管理任务，支持设置执行客户端和超时时间。</p>
<a href="{% url 'task_list' %}" class="btn btn-primary">进入</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">客户端管理</h5>
<p class="card-text">管理客户端列表，自动生成API Token，用于客户端认证。</p>
<a href="{% url 'client_list' %}" class="btn btn-primary">进入</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">后台管理</h5>
<p class="card-text">使用Django Admin进行系统管理，包括用户、任务和客户端。</p>
<a href="/admin/" class="btn btn-primary">进入</a>
</div>
</div>
</div>
</div>
</div>
<footer class="mt-5 py-4 bg-dark text-white">
<div class="container text-center">
<p>&copy; 2025 任务中心管理系统</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

37
tasks/templates/tasks/task_create.html Normal file
View File

@@ -0,0 +1,37 @@
{% extends 'tasks/base.html' %}
{% block content %}
<h1 class="mb-4">创建任务</h1>
<div class="card">
<div class="card-body">
<form method="post">
{% csrf_token %}
<div class="mb-3">
<label for="name" class="form-label">任务名称</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="mb-3">
<label for="client_name" class="form-label">指定执行客户端（可选）</label>
<input type="text" class="form-control" id="client_name" name="client_name">
</div>
<div class="mb-3">
<label for="script" class="form-label">执行脚本（可选）</label>
<textarea class="form-control" id="script" name="script" rows="5"></textarea>
</div>
<div class="mb-3">
<label for="timeout_seconds" class="form-label">超时时间（秒）</label>
<input type="number" class="form-control" id="timeout_seconds" name="timeout_seconds" value="259200">
<div class="form-text">默认3天（259200秒）</div>
</div>
<button type="submit" class="btn btn-primary">创建任务</button>
<a href="{% url 'task_list' %}" class="btn btn-secondary">取消</a>
</form>
</div>
</div>
{% endblock %}

98
tasks/templates/tasks/task_detail.html Normal file
View File

@@ -0,0 +1,98 @@
{% extends 'tasks/base.html' %}
{% block content %}
<h1 class="mb-4">任务详情</h1>
<div class="card mb-4">
<div class="card-header">
<h5>{{ task.name }}</h5>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<p><strong>ID:</strong> {{ task.id }}</p>
<p><strong>指定客户端:</strong> {{ task.client_name|default:'未指定' }}</p>
<p><strong>实际执行客户端:</strong> {{ task.assigned_to|default:'未分配' }}</p>
<p><strong>状态:</strong>
<span class="badge bg-{{
'success' if task.status == 'success' else
'danger' if task.status in ['failed', 'timeout'] else
'warning' if task.status in ['assigned', 'running', 'retrying'] else
'info'
}}">
{{ task.get_status_display }}
</span>
</p>
</div>
<div class="col-md-6">
<p><strong>创建时间:</strong> {{ task.created_at|date:'Y-m-d H:i:s' }}</p>
<p><strong>更新时间:</strong> {{ task.updated_at|date:'Y-m-d H:i:s' }}</p>
<p><strong>开始执行时间:</strong> {{ task.started_at|default:'未开始'|date:'Y-m-d H:i:s' }}</p>
<p><strong>完成时间:</strong> {{ task.completed_at|default:'未完成'|date:'Y-m-d H:i:s' }}</p>
<p><strong>超时时间:</strong> {{ task.timeout_seconds }} 秒</p>
</div>
</div>
{% if task.script %}
<div class="mt-4">
<h6>执行脚本:</h6>
<pre class="bg-light p-3 rounded">{{ task.script }}</pre>
</div>
{% endif %}
</div>
</div>
<h2 class="mb-4">执行结果</h2>
<div class="card">
<div class="card-body">
{% if results %}
<table class="table table-striped">
<thead>
<tr>
<th>ID</th>
<th>执行客户端</th>
<th>状态</th>
<th>执行消息</th>
<th>创建时间</th>
<th>结果文件</th>
</tr>
</thead>
<tbody>
{% for result in results %}
<tr>
<td>{{ result.id }}</td>
<td>{{ result.client.name }}</td>
<td>
<span class="badge bg-{{
'success' if result.status == 'success' else
'danger' if result.status in ['failed', 'timeout'] else
'warning' if result.status in ['assigned', 'running', 'retrying'] else
'info'
}}">
{{ result.get_status_display }}
</span>
</td>
<td>{{ result.message|default:'无消息' }}</td>
<td>{{ result.created_at|date:'Y-m-d H:i:s' }}</td>
<td>
{% if result.result_file %}
<a href="/api/task_results/{{ result.id }}/download/" class="btn btn-sm btn-success">下载</a>
{% else %}
无文件
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<p class="text-center text-muted">暂无执行结果</p>
{% endif %}
</div>
</div>
<div class="mt-4">
<a href="{% url 'task_list' %}" class="btn btn-secondary">返回任务列表</a>
</div>
{% endblock %}

48
tasks/templates/tasks/task_list.html Normal file
View File

@@ -0,0 +1,48 @@
{% extends 'tasks/base.html' %}
{% block content %}
<h1 class="mb-4">任务列表</h1>
<div class="card mb-4">
<div class="card-header">
<a href="{% url 'task_create' %}" class="btn btn-primary">创建新任务</a>
</div>
<div class="card-body">
<table class="table table-striped">
<thead>
<tr>
<th>ID</th>
<th>任务名称</th>
<th>指定客户端</th>
<th>状态</th>
<th>创建时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for task in tasks %}
<tr>
<td>{{ task.id }}</td>
<td>{{ task.name }}</td>
<td>{{ task.client_name|default:'未指定' }}</td>
<td>
<span class="badge bg-{{
'success' if task.status == 'success' else
'danger' if task.status in ['failed', 'timeout'] else
'warning' if task.status in ['assigned', 'running', 'retrying'] else
'info'
}}">
{{ task.get_status_display }}
</span>
</td>
<td>{{ task.created_at|date:'Y-m-d H:i' }}</td>
<td>
<a href="{% url 'task_detail' task.id %}" class="btn btn-sm btn-info">详情</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endblock %}