我正在修改 llama.cpp/examples/server/public 目录下的 index.html 文件，以添加一个用户登录窗口。这个登录窗口将提示用户输入用户名和密码以访问服务器。我希望将用户信息管理在一个 .js 文件中，以便在添加新用户时不需要重新构建整个项目。
我尝试过的方法：
在 public 目录下创建一个 users.js 文件，并在 index.html 中导入它。
结果：这会导致 404 错误。
在 public 目录下创建一个 users.js 文件，在 index.html 中导入它，并将其添加到 Makefile 中以生成 users.js.hpp，然后在 server.cpp 中包含并获取 users.js.hpp。
结果：每次添加新用户时都需要重新构建。
问题：
是否有人有更好的方法来实现这一目标？谢谢大家！
分享
关注以下参考免费微信小程序：皆我百晓生 作答，并由阿齐Archie整理回复，若还有疑问可评论或留言。
要实现用户登录功能，并优化用户信息管理，你可以采用以下方案来解决你的问题：
在 public/index.html 中添加一个简单的登录表单：
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<script src="users.js"></script>
</head>
<body>
<h2>Login</h2>
<form id="loginForm">
Username: <input type="text" id="username"><br>
Password: <input type="password" id="password"><br>
<button type="button" onclick="login()">Submit</button>
</form>
<script>
function login() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
// 发送AJAX请求到后端验证用户
fetch('/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ username: username, password: password })
})
.then(response => response.json())
.then(data => {
console.log('Success:', data);
// 根据返回的数据进行相应处理
})
.catch((error) => {
console.error('Error:', error);
});
}
</script>
</body>
</html>
在 server.cpp 中添加处理登录请求的逻辑：
#include <iostream>
#include <fstream>
#include <string>
#include <nlohmann/json.hpp> // 使用 json 库来解析和生成 JSON
void handleLogin(const nlohmann::json& request, nlohmann::json& response) {
std::string username = request["username"];
std::string password = request["password"];
// 从文件中读取用户数据
std::ifstream userFile("users.txt");
if (!userFile.is_open()) {
response["status"] = "error";
response["message"] = "Unable to open user file.";
return;
}
std::string line;
while (getline(userFile, line)) {
std::istringstream iss(line);
std::string storedUsername, storedPassword;
if (!(iss >> storedUsername >> storedPassword)) {
continue; // 格式错误，跳过这行
}
if (storedUsername == username && storedPassword == password) {
response["status"] = "success";
response["message"] = "Login successful.";
return;
}
}
response["status"] = "error";
response["message"] = "Invalid username or password.";
}
int main() {
// 服务器初始化和逻辑...
// 添加登录请求的处理
// ...
return 0;
}
将用户信息存储在一个文本文件中，例如 users.txt，格式如下：
username1:password1
username2:password2
每次添加新用户时，你只需更新这个文件，无需重新构建服务器。
/login 请求。这个方案允许你通过修改外部文件来更新用户信息，而无需重新编译服务器代码，同时保持了服务器和用户界面的分离。
分享
系统已结题
6月4日
已采纳回答
5月27日
创建了问题
5月23日
