cb009f7393
✨ 새로운 기능: - FastAPI 기반 완전한 웹 UI 구현 - 반응형 디자인 (모바일/태블릿 지원) - 드래그앤드롭 파일 업로드 인터페이스 - 실시간 AI 챗봇 인터페이스 - 문서 관리 및 검색 시스템 - 진행률 표시 및 상태 알림 🎨 UI 구성: - 메인 대시보드: 서버 상태, 통계, 빠른 접근 - 파일 업로드: 드래그앤드롭, 처리 옵션, 진행률 - 문서 관리: 검색, 정렬, 미리보기, 다운로드 - AI 챗봇: 실시간 대화, 문서 기반 RAG, 빠른 질문 🔧 기술 스택: - FastAPI + Jinja2 템플릿 - 모던 CSS (그라디언트, 애니메이션) - Font Awesome 아이콘 - JavaScript (ES6+) 🚀 완성된 기능: - 파일 업로드 → 텍스트 추출 → 임베딩 → 번역 → HTML 생성 - 벡터 검색 및 RAG 기반 질의응답 - 다중 모델 지원 (기본/부스팅/영어 전용) - API 키 인증 및 CORS 설정 - NAS 연동 및 파일 내보내기
39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}AI 문서 처리 서버{% endblock %}</title>
|
|
<link href="/static/css/style.css" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar">
|
|
<div class="nav-container">
|
|
<a href="/" class="nav-logo">
|
|
<i class="fas fa-robot"></i> AI 문서 서버
|
|
</a>
|
|
<ul class="nav-menu">
|
|
<li><a href="/" class="nav-link">대시보드</a></li>
|
|
<li><a href="/upload" class="nav-link">업로드</a></li>
|
|
<li><a href="/documents" class="nav-link">문서관리</a></li>
|
|
<li><a href="/chat" class="nav-link">AI 챗봇</a></li>
|
|
<li><a href="/docs" class="nav-link" target="_blank">API 문서</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="main-content">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="footer-content">
|
|
<p>© 2025 AI 문서 처리 서버 | Mac Mini M4 Pro 64GB</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/static/js/main.js"></script>
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html> |