paper_analysis.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>论文关键词分析</title>
  7. <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
  8. </head>
  9. <body>
  10. <div class="container">
  11. <header>
  12. <h1>论文关键词分析</h1>
  13. <p class="subtitle">使用 Deepseek AI 从研究论文中提取和分析关键词</p>
  14. <a href="/" class="btn btn-outline">← 返回主页</a>
  15. </header>
  16. <div class="paper-analysis-container">
  17. <!-- API 密钥配置 -->
  18. <div class="api-key-section">
  19. <h2>Deepseek API 配置</h2>
  20. <div class="form-group">
  21. <label for="apiKey">API 密钥:</label>
  22. <input type="password" id="apiKey" class="form-input" placeholder="输入您的 Deepseek API 密钥">
  23. <button id="saveApiKey" class="btn btn-secondary">保存 API 密钥</button>
  24. </div>
  25. </div>
  26. <!-- 文件上传部分 -->
  27. <div class="upload-section">
  28. <h2>上传论文</h2>
  29. <div class="file-upload-container">
  30. <input type="file" id="paperFile" accept=".pdf,.txt,.doc,.docx,.rtf,.tex,.latex,.md,.markdown" class="file-input">
  31. <label for="paperFile" class="file-label">
  32. <span class="upload-icon">📄</span>
  33. <span class="upload-text">选择文件或将其拖到这里</span>
  34. <span class="file-types">支持格式:PDF, TXT, DOC/DOCX, RTF, LaTeX, Markdown</span>
  35. </label>
  36. </div>
  37. <div id="fileInfo" class="file-info"></div>
  38. </div>
  39. <!-- 分析选项 -->
  40. <div class="analysis-options">
  41. <h2>分析选项</h2>
  42. <div class="options-grid">
  43. <label class="option-checkbox">
  44. <input type="checkbox" id="findRelatedWorks" checked>
  45. 提取数学公式
  46. </label>
  47. <label class="option-checkbox">
  48. <input type="checkbox" id="extractKeywords">
  49. 提取关键词
  50. </label>
  51. <label class="option-checkbox">
  52. <input type="checkbox" id="generateSummary">
  53. 生成摘要
  54. </label>
  55. </div>
  56. <button id="analyzePaper" class="btn btn-primary btn-large">分析论文</button>
  57. </div>
  58. <!-- 结果部分 -->
  59. <div class="results-section" style="display: none;">
  60. <h2>分析结果</h2>
  61. <div class="results-tabs">
  62. <button class="tab-btn active" data-tab="keywords">关键词</button>
  63. <button class="tab-btn" data-tab="summary">摘要</button>
  64. <button class="tab-btn" data-tab="related">公式</button>
  65. </div>
  66. <div class="tab-content">
  67. <div id="keywordsTab" class="tab-pane active">
  68. <div class="keywords-container"></div>
  69. </div>
  70. <div id="summaryTab" class="tab-pane">
  71. <div class="summary-container"></div>
  72. </div>
  73. <div id="relatedTab" class="tab-pane">
  74. <div class="related-works-container"></div>
  75. </div>
  76. </div>
  77. <div class="export-section">
  78. <button id="exportResults" class="btn btn-secondary">导出结果</button>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <script src="{{ url_for('static', filename='paper_analysis.js') }}"></script>
  84. </body>
  85. </html>