资讯专栏INFORMATION COLUMN

用js简单提供增删改查接口

shadowbook / 776人阅读

摘要:本周写实验,需要提供简单的后台接口对数据库进行增删改查,以前写后台只用过和因为比较容易,用写的也比较快,所以这次想用实现简单的增删改查接口。

本周写实验,需要提供简单的后台接口对数据库进行增删改查,以前写后台只用过php和java,因为比较容易,用js写的也比较快,所以这次想用js实现简单的增删改查接口。

初始化

需要工具:nodejs

依赖:express,mysql,body-parser(这些都是npm的包)

为了能够解析js,需要下载nodejs,下载完nodejs,创建一个文件夹,使用npm init初始化,除了填写名字,一路确定下去,在文件夹下就会多出一个package.json文件.

// package.json
{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

为了接受并处理http请求,需要引入express这个包,在根目录下使用这个命令:

$ npm install express

此时就引入了express这个包,创建一个index.js文件到根目录下,内容:

var express = require("express");
var app = express();

app.get("/", function(req, res) {
    res.send("hello world!");
});
app.listen(3000, function() {
    console.log("server now listening at 3000 port");
});

打开终端,使用nodejs编译index.js,并且打开浏览器输入localhost:3000就能看到hello world!了:

$ node index.js
server now listening at 3000 port

这说明我们已经监听了3000端口并且可以用js来处理http请求了.

连接数据库

我使用的是mysql数据库,为了方便操作数据库,引入mysql这个包:

$ npm install mysql
npm WARN test@1.0.0 No description
npm WARN test@1.0.0 No repository field.

+ mysql@2.17.1
added 9 packages from 14 contributors and audited 134 packages in 4.145s
found 0 vulnerabilities

在index.js同路径下创建一个db.js专门用来处理数据库连接问题:

//db.js
var mysql = require("mysql");
var pool = mysql.createPool({ //连接信息
  host: "localhost",
  user: "root",
  password: "",
  database: "c#learn",
  port: "3306"
});

var sql = {    
  insert:"INSERT INTO teacher(name, username, email, sex) VALUES(?,?,?,?)",              
  update:"update teacher set name=?, username=?, email=?, sex=? where id=?",    
  delete: "delete  from teacher where id=?",    
  queryById: "select * from teacher where id=?",    
  queryAll: "select * from teacher"
};

function query(sql, data, callback) {
  pool.getConnection(function(err, connection) { 
    connection.query(sql, data, function(err, rows) {
      callback(err, rows);
      connection.release(); //释放连接
    });
  });
}
exports.query = query;
exports.sql = sql;

配置数据库信息获得pool对象,就可以用pool对象来对数据库进行操作,在配置sql语句,将查询方法和sql语句导出给其他模块调用.

提供后台接口

在index.js导入db.js,并且将http请求和数据库操作对接:

var express = require("express");
var app = express();
var db = require("./db.js");

app.get("/", function(req, res) {
    res.header("Access-Control-Allow-Origin", "*");
    db.query(db.sql.queryAll, [], function(err, rows) {
        res.send(JSON.stringify(rows));
    });
});
这时再访问localhost:3000就能看我们teacher表中所有的记录了。
app.listen(3000, function() {
    console.log("server now listening at 3000 port");
});


另外,为了读取post和put里的body信息,我们需要body-parser这个包:

$ npm install body-parser

使用bodyParser来配置app:

//index.js
var express = require("express");
var db = require("./db.js");
var app = express();
var bodyParser = require("body-parser");

app.use(bodyParser.json());

这时就可以用req.body读取请求体了.
完整代码:

var express = require("express");
var db = require("./db.js");
var app = express();
var bodyParser = require("body-parser");

app.use(bodyParser.json());

app.get("/", function(req, res) {
    res.header("Access-Control-Allow-Origin", "*");
    db.query(db.sql.queryAll, [], function(err, rows) {
        console.log("err", err, "rows", rows);
        res.send(JSON.stringify(rows));
    });
});

app.get("/:id", function(req, res) {
    res.header("Access-Control-Allow-Origin", "*");
    db.query(db.sql.queryById, [req.params.id], function(err, rows) {
        res.send(JSON.stringify(rows));
    });
});

app.post("", function(req, res) {
    res.header("Access-Control-Allow-Origin", "*");
    console.log(req.body.name);
    var teacher = req.body;
    db.query(db.sql.insert, [teacher.name, teacher.username, teacher.email, teacher.sex], function(err, rows) {
        if (err) {
            res.status(500);
            res.send("insert error");
        } else {
            res.status(200);
            res.send("insert success");
        }
    });
});

app.put("/:id", function(req, res) {
    res.header("Access-Control-Allow-Origin", "*");
    var teacher = req.body;
    var array = [teacher.name, teacher.username, teacher.email, teacher.sex, req.params.id];
    db.query(db.sql.update, array, function(err, rows) {
        if (err) {
            res.status(500);
            res.send("update error");
        } else {
            res.status(200);
            res.send("update success");
        }
    });
});

app.delete("/:id", function(req, res) {
    res.header("Access-Control-Allow-Origin", "*");
    db.query(db.sql.delete, [req.params.id], function(err, rows) {
        if (err) {
            res.status(500);
            res.send("delete error");
        } else {
            res.status(200);
            res.send("delete success");
        }
    });
});

app.listen(3000, function() {
    console.log("server now listening at 3000 port");
});
总结

感觉算是理解了语言只是工具这句话.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109425.html

相关文章

  • 迈出全栈第一步,vue+node+mysql独立完成前后端分离的删改流程

    摘要:本使用创建本地服务器,在就能完成全部流程,并不需要线上服务器。路径要与后端接口一致。后端返回成功后,前端数据中对应的元素也要删掉,更新视图。控制器里拿一个方法出来说一下吧,完整的代码都在。读取操作完成后调用释放连接。 写在前面 本文只是本人学习过程的一个记录,并不是什么非常严谨的教程,希望和大家一起共同进步。也希望大家能指出我的问题。适合有一定基础,志在全栈的前端初学者学习,从点击按钮...

    pakolagij 评论0 收藏0
  • 迈出全栈第一步,vue+node+mysql独立完成前后端分离的删改流程

    摘要:本使用创建本地服务器,在就能完成全部流程,并不需要线上服务器。路径要与后端接口一致。后端返回成功后,前端数据中对应的元素也要删掉,更新视图。控制器里拿一个方法出来说一下吧,完整的代码都在。读取操作完成后调用释放连接。 写在前面 本文只是本人学习过程的一个记录,并不是什么非常严谨的教程,希望和大家一起共同进步。也希望大家能指出我的问题。适合有一定基础,志在全栈的前端初学者学习,从点击按钮...

    fsmStudy 评论0 收藏0
  • 一个个人小项目,express 做的后台删改

    摘要:项目功能实现路由接口书写和前台页面的显示安装这里就不详细说了,官网上面有步骤,主要来看里面的路由设置,如图这里做了几个改动我说下我的理解,如有不对,希望指出。 用express实现一个后台管理系统 github地址,欢迎star,有错误的欢迎指出。 前言 近期学习express,于是想着用express写个东西加深印象,巩固下学到的知识。于是就有了这个个人项目。 前端部分 boots...

    Mr_zhang 评论0 收藏0
  • Vue+Mock.js模拟登录和表格的删改

    摘要:表示需要拦截的请求类型。表示数据模板,可以是对象或字符串。表示用于生成响应数据的函数。指向本次请求的选项集。生成规则是可选的。返回成功的数据,就是登录成功了,否则相反。模拟登录接下来介绍模拟表格增删改查。 前言 关于mockjs,官网描述的是 1.前后端分离 2.不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。 3.数据类型丰富 4.通过随机数据,模拟各种场景。 5...

    coordinate35 评论0 收藏0
  • Vue+Mock.js模拟登录和表格的删改

    摘要:表示需要拦截的请求类型。表示数据模板,可以是对象或字符串。表示用于生成响应数据的函数。指向本次请求的选项集。生成规则是可选的。返回成功的数据,就是登录成功了,否则相反。模拟登录接下来介绍模拟表格增删改查。 前言 关于mockjs,官网描述的是 1.前后端分离 2.不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。 3.数据类型丰富 4.通过随机数据,模拟各种场景。 5...

    Tony_Zby 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<