小明:嘿,小红,我们正在开发一个迎新管理系统,我想知道如何为这个系统添加一个用户登录功能。
小红:嗨,小明!这是一个很好的问题。首先我们需要考虑的是前后端的分离,你打算如何设计前端界面呢?

小明:我想让界面简洁易用,应该包含用户名和密码输入框以及登录按钮。
小红:很好,我们可以使用HTML和CSS来实现这个界面。这里是一个简单的登录表单示例:
<form action="/login" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<button type="submit">登录</button>
</form>
小明:好的,那后端应该怎么处理这些请求呢?
小红:我们可以使用Node.js和Express框架来创建后端服务。下面是一个简单的例子,用于验证用户并返回响应:
const express = require('express');
const app = express();
app.use(express.json());
app.post('/login', (req, res) => {
const { username, password } = req.body;
// 这里应有一个数据库查询来验证用户名和密码是否正确
if (username === 'admin' && password === '123456') {
res.status(200).json({ message: '登录成功' });
} else {
res.status(401).json({ message: '用户名或密码错误' });
}
});
app.listen(3000, () => console.log('Server running on port 3000'));
小明:明白了,这样我们就有了一个基本的用户登录功能了。
小红:没错,这只是开始。后续我们还需要增加更多的安全措施,比如加密存储密码、使用JWT进行身份验证等。
