要使用 Node.js 和 Vue.js 创建一个 Web 版本的 MySQL 数据库设计工具，需要构建一个前后端分离的应用程序。下面开始从易到难构建应用程序。
1. 环境准备
确保你的开发环境中安装了以下软件：
- Node.js
- npm (Node.js 包管理器)
- MySQL 数据库
- Vue.js CLI (可选)
2. 创建项目结构
首先，创建一个新的 Vue.js 项目：
vue create my-db-design-tool
cd my-db-design-tool
然后安装必要的依赖：
npm install express mysql2 body-parser cors --save
3. 后端 API
在项目根目录下创建一个名为 api 的文件夹，并在其中创建 server.js 文件来设置 Express 服务器和 API 路由。
const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');
const mysql = require('mysql2/promise');const app = express();
app.use(bodyParser.json());
app.use(cors());// MySQL connection pool
const pool = mysql.createPool({host: 'localhost',user: 'your_username',password: 'your_password',database: 'your_database',waitForConnections: true,connectionLimit: 10,queueLimit: 0
});async function query(sql, params = []) {const [rows] = await pool.query(sql, params);return rows;
}// API routes
app.post('/api/table', async (req, res) => {try {const { tableName, columns } = req.body;const createTableSql = `CREATE TABLE ${tableName} (${columns.join(', ')})`;await query(createTableSql);res.status(201).json({ message: 'Table created successfully.' })