张工: 李工，我们最近要开发一个服务大厅门户系统，你觉得从哪里开始比较好？

李工: 首先得明确需求。这个门户系统需要具备哪些功能？比如用户登录、信息展示、在线预约等。

张工: 对，这些功能都很重要。用户登录可以通过JWT（JSON Web Token）来实现安全性，你觉得怎么样？

李工: 很好！我们可以使用Node.js结合Express框架来搭建后端。首先安装必要的依赖：

npm install express jsonwebtoken bcryptjs body-parser

张工: 那么后端的用户认证逻辑怎么写呢？

李工: 我们可以创建一个简单的用户模型和JWT生成函数。比如：

const express = require('express');
const jwt = require('jsonwebtoken');
const bcrypt = require('bcryptjs');
const app = express();
app.use(express.json());
// 假设这是我们的用户数据库
const users = [
{ id: 1, username: 'admin', password: '$2a$10$eKwQzZxJmNlRjPvXWcHxOu' } // 密码为 'password'
];
// JWT密钥
const JWT_SECRET = 'your_jwt_secret_key';
// 用户登录接口
app.post('/login', async (req, res) => {
const { username, password } = req.body;
const user = users.find(u => u.username === username);
if (!user || !bcrypt.compareSync(password, user.password)) {
return res.status(401).json({ message: 'Invalid credentials' });
}
// 生成JWT
const token = jwt.sign({ userId: user.id }, JWT_SECRET, { expiresIn: '1h' });
res.json({ token });
});
app.listen(3000, () => console.log('Server running on port 3000'));

张工: 看起来不错！前端部分我们需要什么框架来实现门户界面呢？

李工: 可以用React来构建前端界面。这里是一个简单的React组件示例，用于显示服务大厅公告：

import React from 'react';
function Announcement() {
return (

服务大厅公告
今日开放时间：9:00 - 17:00
在线预约已开启，请提前安排。

);
}
export default Announcement;

在线排课系统

张工: 这样一来，我们就有了基本的前后端架构了。下一步就是整合JWT验证和权限管理。

李工: 是的，我们可以在React中添加JWT拦截器，确保每次请求都携带有效的JWT令牌。

张工: 感觉这次合作很顺利，期待门户系统的上线。

李工: 我也是，希望一切都能按计划进行。

]]>