电子合同系统开发

import React, { useState } from 'react';
import axios from 'axios';

const SignContract = () => {
  const [contractId, setContractId] = useState('');
  const [signature, setSignature] = useState('');

  const handleSign = async () => {
    try {
      const response = await axios.post('/api/sign', {
        contractId,
        signature
      });
      alert('合同签署成功！');
    } catch (error) {
      alert('合同签署失败：' + error.response.data.message);
    }
  };

  return (
    <div>
      <h1>电子合同签署</h1>
      <input type="text" placeholder="合同ID" value={contractId} onChange={(e) => setContractId(e.target.value)} />
      <input type="text" placeholder="签名" value={signature} onChange={(e) => setSignature(e.target.value)} />
      <button onClick={handleSign}>签署</button>
    </div>
  );
};

export default SignContract;

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

app.post('/api/sign', (req, res) => {
  const { contractId, signature } = req.body;
  // 这里应该进行数字签名验证和合同存储逻辑
  if (contractId && signature) {
    // 模拟成功
    res.status(200).json({ message: '签署成功' });
  } else {
    res.status(400).json({ message: '签署失败，参数不完整' });
  }
});

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