摘要:初始化项目创建项目目录,并使用初始化项目后,执行下面操作安装依赖创建填写你的填写你的用户名填写你的密码在中执行,当看到中打印出,表明数据库连接成功。打开浏览器访问,当看到屏幕显示时,表名项目初始化成功。
本文是一篇使用mysql这个npm模块操作MySQL数据库的基础教程。 不涉及MySQL的安装和配置,如果电脑中还未安装MySQL, 推荐安装WAMP、XAMPP等集成环境。本文中还使用到了轻量级的Node.js框架Koa搭建web程序,为的是通过前端浏览器请求的方式来模拟项目场景,你无需掌握Koa框架的语法也是可以轻松阅读本文的。
初始化项目创建项目目录,并使用npm init初始化项目后,执行下面操作:
安装依赖</>复制代码
npm install mysql koa koa-router
创建index.js
</>复制代码
// 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中执行node index.js,当看到shell中打印出mysql connected success!,表明MySQL数据库连接成功。
打开浏览器, 访问localhost:3000,当看到屏幕显示Visit index时,表名项目初始化成功。
当访问/createdb时,创建一个mysqlkoa的数据库,代码如下:
</>复制代码
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();
});
})
})
重新执行node index.js,并使用浏览器访问localhost:3000/createdb
创建数据表为了方便,我们直接在连接时使用刚才创建的数据库,需要在mysql.createConnection中添加database:mysqlkoa的配置项。
</>复制代码
const connection = mysql.createConnection({
host: "localhost",
user: "root",
password: "123456",
database: "mysqlkoa" // 添加该列
})
当访问/createtable时,我们创建一个数据表fe_frame,该表用来保存前端框架的数据:
</>复制代码
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();
})
})
})
重新执行node index.js,并使用浏览器访问localhost:3000/createtable
插入数据当访问/insert时,用来插入单条数据:
</>复制代码
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();
})
})
})
重新执行node index.js,并使用浏览器访问localhost:3000/insert
插入多条数据当访问/insertmulti时,用来插入多条数据:
</>复制代码
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();
})
})
})
重新执行node index.js,并使用浏览器访问localhost:3000/insertmulti
使用phpMyAdmin访问,可以看到此时mysqlkoa表如下
删除数据当访问/delete时,删除相应行。我们使用请求参数name来指定删除哪个框架,在服务器端使用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();
})
})
})
重新执行node index.js,并使用浏览器访问http://localhost:3000/delete?name=jQuery
修改数据当访问/update时,更新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();
})
})
})
重新执行node index.js,并使用浏览器访问http://localhost:3000/update
查找数据当访问/select时,获取满足请求参数中框架名条件的项,代码如下:
</>复制代码
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();
})
})
})
重新执行node index.js,并使用浏览器访问http://localhost:3000/select?name=vue
</>复制代码
mysql文档地址: https://www.npmjs.com/package...
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/98792.html
摘要:其中用来完成请求,将添加的原型上后就不需要再在每个需要使用它的页面引入了每个页面都相当于一个组件,文件以结尾,第一次启动成功时看到的页面就是组件,路径。 学习笔记...在线地址:cl8023.com github 数据库已改为mongodb 快速搭建 node 后端服务Github-quick-node-server 准备工作 安装node,这是必须的 新版node自带npm...
摘要:迅速发展,目前最热的构建框架非莫属,在上有的就可以证明。下面就以为中心构建一个前后端都包含在内的简单吧。简单的能让你迅速地了解到工作流程。创建并初始化项目首先,进入到你的工作目录新建一个项目目录并打开通过命令为你的项目创建一个文件。 Nodejs迅速发展,目前最热的Nodejs构建框架非express莫属,在Github上有32k的star就可以证明。下面就以Nodejs为中心构建一个...
阅读 2492·2021-08-18 10:21
阅读 2599·2019-08-30 13:45
阅读 2231·2019-08-30 13:16
阅读 2239·2019-08-30 12:52
阅读 1459·2019-08-30 11:20
阅读 2755·2019-08-29 13:47
阅读 1694·2019-08-29 11:22
阅读 2837·2019-08-26 12:11