62 lines
2.5 KiB
HTML
62 lines
2.5 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>App分发系统</title>
|
||
<!-- 引入外部样式文件 -->
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<!-- 主容器，限制最大宽度并居中显示 -->
|
||
<div class="container">
|
||
<!-- 页面头部，显示系统标题和人员信息 -->
|
||
<header>
|
||
<h1>App分发系统By拉面王</h1>
|
||
<h6>项目经理:Qwen3max,测试经理:Doubao-seed-1.8,开发经理:Doubao-seed-1.8,bug修复和模块整合:拉面王</h6>
|
||
</header>
|
||
|
||
<!-- 文档区域，显示系统相关文档 -->
|
||
<div id="docSection" class="section">
|
||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
|
||
<h2>文档</h2>
|
||
<button onclick="getDoc()">刷新</button>
|
||
</div>
|
||
<div id="docContent"></div>
|
||
</div>
|
||
|
||
<!-- 登录区域，管理员登录功能 -->
|
||
<div id="loginSection" class="section">
|
||
<h2>管理员登录</h2>
|
||
<input type="password" id="password" placeholder="请输入密码" maxlength="20">
|
||
<button onclick="login()">登录</button>
|
||
<p id="loginMessage"></p>
|
||
</div>
|
||
|
||
<!-- 上传区域，管理员上传App功能，默认隐藏 -->
|
||
<div id="uploadSection" class="section" style="display: none;">
|
||
<h2>上传App</h2>
|
||
<input type="text" id="appName" placeholder="App名称" maxlength="50">
|
||
<input type="file" id="appFile" accept=".apk,.ipa,.zip">
|
||
<button onclick="uploadApp()">上传</button>
|
||
<p id="uploadMessage"></p>
|
||
</div>
|
||
|
||
<!-- 下载区域，显示可用App列表 -->
|
||
<div id="downloadSection" class="section">
|
||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
|
||
<h2>可用App</h2>
|
||
<div>
|
||
<button id="refreshBtn" onclick="refreshAppList()">刷新</button>
|
||
<span id="loadingIndicator" style="display: none; margin-left: 10px; font-size: 12px;">加载中...</span>
|
||
</div>
|
||
</div>
|
||
<div id="appList"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 引入外部JavaScript文件，实现交互功能 -->
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html> |