aotian16/navigation-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add login

Browse Source
This commit is contained in:
aotian16
2025-03-26 02:23:17 +08:00
parent a038d4a673
commit c2db6f3dae
4 changed files with 272 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/index.html
View File

@@ -8,6 +8,24 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<!-- 在原有HTML中添加登录模态框 -->
<div class="modal" id="loginModal">
<div class="modal-content">
<span class="close">&times;</span>
<h2><i class="fas fa-sign-in-alt"></i> 管理员登录</h2>
<form id="loginForm">
<div class="form-group">
<label for="username"><i class="fas fa-user"></i> 用户名</label>
<input type="text" id="username" required>
</div>
<div class="form-group">
<label for="password"><i class="fas fa-lock"></i> 密码</label>
<input type="password" id="password" required>
</div>
<button type="submit"><i class="fas fa-sign-in-alt"></i> 登录</button>
</form>
</div>
</div>
<div class="container">
<header>
<div class="header-left">
@@ -17,14 +35,17 @@
<i class="fas fa-search"></i>
</div>
</div>
<div class="header-right">
<button id="themeBtn"><i class="fas fa-moon"></i></button>
<button id="addSiteBtn"><i class="fas fa-plus"></i> 添加网站</button>
<button id="manageCategoriesBtn"><i class="fas fa-tags"></i> 管理分类</button>
<button id="exportBtn"><i class="fas fa-file-export"></i> 导出</button>
<button id="importBtn"><i class="fas fa-file-import"></i> 导入</button>
<input type="file" id="importFile" style="display: none;" accept=".json">
</div>
<div class="header-right">
<button id="themeBtn"><i class="fas fa-moon"></i></button>
<button id="loginBtn" style="display: none;"><i class="fas fa-sign-in-alt"></i> 登录</button>
<button id="logoutBtn" style="display: none;"><i class="fas fa-sign-out-alt"></i> 注销</button>
<!-- 管理员按钮默认隐藏 -->
<button id="addSiteBtn" style="display: none;"><i class="fas fa-plus"></i> 添加网站</button>
<button id="manageCategoriesBtn" style="display: none;"><i class="fas fa-tags"></i> 管理分类</button>
<button id="exportBtn" style="display: none;"><i class="fas fa-file-export"></i> 导出</button>
<button id="importBtn" style="display: none;"><i class="fas fa-file-import"></i> 导入</button>
<input type="file" id="importFile" style="display: none;" accept=".json">
</div>
</header>
<div class="categories" id="categories">