建设云个人服务平台

// 使用React框架构建用户界面
import React, { useState } from 'react';
import axios from 'axios';

function App() {
  const [user, setUser] = useState({ name: '', email: '' });

  const handleSubmit = async (event) => {
    event.preventDefault();
    try {
      await axios.post('/api/user', user);
      alert('User information saved successfully!');
    } catch (error) {
      console.error('Error saving user information:', error);
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" placeholder="Name" value={user.name} onChange={(e) => setUser({ ...user, name: e.target.value })} />
      <input type="email" placeholder="Email" value={user.email} onChange={(e) => setUser({ ...user, email: e.target.value })} />
      <button type="submit">Submit</button>
    </form>
  );
}

export default App;

# 使用Flask框架处理API请求
from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route('/api/user', methods=['POST'])
def save_user():
    data = request.get_json()
    # 这里可以添加数据库保存逻辑
    print(f"Saving user: {data}")
    return jsonify({'status': 'success'}), 200

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=5000)