生活缴费平台如何创建

// 示例代码：使用React创建一个简单的缴费页面
import React, { useState } from 'react';

function PaymentForm() {
  const [amount, setAmount] = useState('');
  const [provider, setProvider] = useState('');

  const handleSubmit = (event) => {
    event.preventDefault();
    // 提交缴费信息到后端
    console.log(`Amount: ${amount}, Provider: ${provider}`);
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" placeholder="Amount" value={amount} onChange={(e) => setAmount(e.target.value)} />
      <select value={provider} onChange={(e) => setProvider(e.target.value)}>
        <option value="electricity">Electricity</option>
        <option value="water">Water</option>
        {/* 其他缴费类型 */}
      </select>
      <button type="submit">Pay Now</button>
    </form>
  );
}

export default PaymentForm;

# 示例代码：使用Flask处理缴费请求
from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route('/pay', methods=['POST'])
def pay():
    data = request.json
    amount = data.get('amount')
    provider = data.get('provider')
    # 处理缴费逻辑
    return jsonify({"status": "success", "message": "Payment processed successfully"})

if __name__ == '__main__':
    app.run(debug=True)