摘要：初始化項(xiàng)目創(chuàng)建項(xiàng)目目錄，并使用初始化項(xiàng)目后，執(zhí)行下面操作安裝依賴創(chuàng)建填寫你的填寫你的用戶名填寫你的密碼在中執(zhí)行，當(dāng)看到中打印出，表明數(shù)據(jù)庫(kù)連接成功。打開瀏覽器訪問(wèn)，當(dāng)看到屏幕顯示時(shí)，表名項(xiàng)目初始化成功。

本文是一篇使用mysql這個(gè)npm模塊操作MySQL數(shù)據(jù)庫(kù)的基礎(chǔ)教程。 不涉及MySQL的安裝和配置，如果電腦中還未安裝MySQL, 推薦安裝WAMP、XAMPP等集成環(huán)境。本文中還使用到了輕量級(jí)的Node.js框架Koa搭建web程序，為的是通過(guò)前端瀏覽器請(qǐng)求的方式來(lái)模擬項(xiàng)目場(chǎng)景，你無(wú)需掌握Koa框架的語(yǔ)法也是可以輕松閱讀本文的。

創(chuàng)建項(xiàng)目目錄，并使用npm init初始化項(xiàng)目后，執(zhí)行下面操作：

npm install mysql koa koa-router

// index.js

const Koa = require("koa");
const Router = require("koa-router");
const mysql = require("mysql");

const app = new Koa();
const router = new Router();

const connection = mysql.createConnection({
  host: "localhost", // 填寫你的mysql host
  user: "root", // 填寫你的mysql用戶名
  password: "123456" // 填寫你的mysql密碼
})

connection.connect(err => {
  if(err) throw err;
  console.log("mysql connncted success!");
})

router.get("/", ctx => {
  ctx.body = "Visit index";
})
app.use(router.routes());

app.listen(3000);

在shell中執(zhí)行node index.js，當(dāng)看到shell中打印出mysql connected success!，表明MySQL數(shù)據(jù)庫(kù)連接成功。

打開瀏覽器, 訪問(wèn)localhost:3000，當(dāng)看到屏幕顯示Visit index時(shí)，表名項(xiàng)目初始化成功。

當(dāng)訪問(wèn)/createdb時(shí)，創(chuàng)建一個(gè)mysqlkoa的數(shù)據(jù)庫(kù)，代碼如下：

router.get("/createdb", ctx => {
  return new Promise(resolve => {
    const sql = `CREATE DATABASE mysqlkoa`;

    connection.query(sql, (err) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `create database mysqlkoa success!`
      }
      resolve();
    });
  })
})

重新執(zhí)行node index.js，并使用瀏覽器訪問(wèn)localhost:3000/createdb

為了方便，我們直接在連接時(shí)使用剛才創(chuàng)建的數(shù)據(jù)庫(kù)，需要在mysql.createConnection中添加database:mysqlkoa的配置項(xiàng)。

const connection = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "123456",
  database: "mysqlkoa" // 添加該列
})

當(dāng)訪問(wèn)/createtable時(shí)，我們創(chuàng)建一個(gè)數(shù)據(jù)表fe_frame，該表用來(lái)保存前端框架的數(shù)據(jù)：

router.get("/createtable", ctx => {
  return new Promise(resolve => {
    const sql = `CREATE TABLE fe_frame(
      id INT(11) AUTO_INCREMENT PRIMARY KEY,
      name VARCHAR(255),
      author VARCHAR(255)
    )`;
    connection.query(sql, (err ,results, filelds) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `create table of fe_frame success!`
      }
      resolve();
    })
  })
})

重新執(zhí)行node index.js，并使用瀏覽器訪問(wèn)localhost:3000/createtable

插入單條數(shù)據(jù)

當(dāng)訪問(wèn)/insert時(shí)，用來(lái)插入單條數(shù)據(jù)：

router.get("/insert", ctx => {
  return new Promise(resolve => {
    const sql = `INSERT INTO fe_frame(name, author)
    VALUES("vue", "Evan")`;
    connection.query(sql, (err) => {
      if (err) throw err;
      ctx.body = {
        cde: 200,
        msg: `insert data to fe_frame success!`
      }
      resolve();
    })
  })
})

重新執(zhí)行node index.js，并使用瀏覽器訪問(wèn)localhost:3000/insert

當(dāng)訪問(wèn)/insertmulti時(shí)，用來(lái)插入多條數(shù)據(jù)：

router.get("/insertmulti", ctx => {
  return new Promise(resolve => {
    const sql = `INSERT INTO fe_frame(name, author)
    VALUES ?`;
    const values = [
      ["React", "Facebook"],
      ["Angular", "Google"],
      ["jQuery", "John Resig"]
    ];
    connection.query(sql, [values], (err, result) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `insert ${result.affectedRows} data to fe_frame success!`        
      }
      resolve();
    })
  })
})

重新執(zhí)行node index.js，并使用瀏覽器訪問(wèn)localhost:3000/insertmulti

使用phpMyAdmin訪問(wèn)，可以看到此時(shí)mysqlkoa表如下

當(dāng)訪問(wèn)/delete時(shí)，刪除相應(yīng)行。我們使用請(qǐng)求參數(shù)name來(lái)指定刪除哪個(gè)框架，在服務(wù)器端使用ctx.query.name獲取，代碼如下：

router.get("/delete", ctx => {
  return new Promise(resolve => {
    const name = ctx.query.name;
    const sql = `DELETE FROM fe_frame WHERE name = "${name}"`;
    connection.query(sql, (err, result) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `delete ${result.affectedRows} data from fe_frame success!`
      };
      resolve();
    })
  })
})

重新執(zhí)行node index.js，并使用瀏覽器訪問(wèn)http://localhost:3000/delete?name=jQuery

當(dāng)訪問(wèn)/update時(shí)，更新vue框架的作者名為Evan You，代碼如下：

router.get("/update", ctx => {
  return new Promise(resolve => {
    const sql =  `UPDATE fe_frame SET author = "Evan You" WHERE NAME = "vue"`;
    connection.query(sql, (err, result) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `update ${result.affectedRows} data from fe_frame success!`
      };
      resolve();
    })
  })
})

重新執(zhí)行node index.js，并使用瀏覽器訪問(wèn)http://localhost:3000/update

當(dāng)訪問(wèn)/select時(shí)，獲取滿足請(qǐng)求參數(shù)中框架名條件的項(xiàng)，代碼如下：

router.get("/select", ctx => {
  return new Promise(resolve => {
    let name = ctx.query.name;
    const sql = `SELECT * FROM fe_frame WHERE name = "${name}"`;
    connection.query(sql, (err, result) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        data: result
      }
      resolve();
    })
  })
})

重新執(zhí)行node index.js，并使用瀏覽器訪問(wèn)http://localhost:3000/select?name=vue

mysql文檔地址： https://www.npmjs.com/package...