用前后端写一个程序实现进制转换

在前后端分离的应用中，我们可以分别在前端和后端编写代码来实现进制转换的功能。这里我会简述一种常见的做法：

**前端部分 (JavaScript 或 Vue.js 等)**:
1. 创建一个HTML表单，包含输入框让用户输入原始数字和目标基数（例如从十进制转二进制、八进制等）。

<form @submit.prevent="convert">
  <input type="number" v-model.number="originalNumber" placeholder="请输入原数">
  <select v-model="baseInput">
    <option value="10">十进制</option>
    <option value="2">二进制</option>
    <!-- 添加更多选项如8, 16 -->
  </select>
  <button>转换</button>
  <p>{{ convertedNumber }}</p> <!-- 显示结果 -->
</form>

2. 使用Vue组件的计算属性`convertedNumber`来处理转换逻辑，并通过事件绑定(`@submit.prevent")触发转换。

export default {
  data() {
    return {
      originalNumber: '',
      baseInput: '10',
      convertedNumber: ''
    };
  },
  methods: {
    convert() {
      this.convertedNumber = parseInt(this.originalNumber, this.baseInput).toString(this.baseInput);
    }
  }
}

**后端部分 (Node.js 和 Express):**
如果后端是Node.js，可以创建一个API端点来接受前端发送的请求，然后进行进制转换。

const express = require('express');
const app = express();

app.use(express.json());

app.post('/convert', (req, res) => {
  const { number, base } = req.body;
  const convertedNumber = Number(number).toString(base);
  res.json({ convertedNumber });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

用户提交表单后，前端将数据发送到这个API，后端接收到后进行转换并返回结果。