会员信息管理系统

import React, { useState } from 'react';

function Login() {
  const [username, setUsername] = useState('');
  const [password, setPassword] = useState('');

  const handleSubmit = (event) => {
    event.preventDefault();
    // 这里可以添加登录验证逻辑
    console.log('Username:', username);
    console.log('Password:', password);
  };

  return (
    <div>
      <h2>会员登录</h2>
      <form onSubmit={handleSubmit}>
        <div>
          <label>用户名:</label>
          <input type="text" value={username} onChange={(e) => setUsername(e.target.value)} />
        </div>
        <div>
          <label>密码:</label>
          <input type="password" value={password} onChange={(e) => setPassword(e.target.value)} />
        </div>
        <button type="submit">登录</button>
      </form>
    </div>
  );
}

export default Login;

const express = require('express');
const app = express();
app.use(express.json());

const members = [
  { id: 1, username: 'user1', password: 'pass1' },
  { id: 2, username: 'user2', password: 'pass2' }
];

app.post('/login', (req, res) => {
  const { username, password } = req.body;
  const member = members.find(m => m.username === username && m.password === password);
  if (member) {
    res.status(200).json({ message: '登录成功', memberId: member.id });
  } else {
    res.status(401).json({ message: '用户名或密码错误' });
  }
});

app.listen(3000, () => {
  console.log('服务器运行在 http://localhost:3000');
});