本周寫實(shí)驗(yàn),需要提供簡單的后臺(tái)接口對(duì)數(shù)據(jù)庫進(jìn)行增刪改查,以前寫后臺(tái)只用過php和java,因?yàn)楸容^容易,用js寫的也比較快,所以這次想用js實(shí)現(xiàn)簡單的增刪改查接口。
創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、申扎網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁面制作、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為申扎等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
初始化
為了能夠解析js,需要下載nodejs,下載完nodejs,創(chuàng)建一個(gè)文件夾,使用npm init初始化,除了填寫名字,一路確定下去,在文件夾下就會(huì)多出一個(gè)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請(qǐng)求,需要引入express這個(gè)包,在根目錄下使用這個(gè)命令:
$ npm install express
此時(shí)就引入了express這個(gè)包,創(chuàng)建一個(gè)index.js文件到根目錄下,內(nèi)容:
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
這說明我們已經(jīng)監(jiān)聽了3000端口并且可以用js來處理http請(qǐng)求了.
連接數(shù)據(jù)庫
我使用的是mysql數(shù)據(jù)庫,為了方便操作數(shù)據(jù)庫,引入mysql這個(gè)包:
$ 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同路徑下創(chuàng)建一個(gè)db.js專門用來處理數(shù)據(jù)庫連接問題:
//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;
配置數(shù)據(jù)庫信息獲得pool對(duì)象,就可以用pool對(duì)象來對(duì)數(shù)據(jù)庫進(jìn)行操作,在配置sql語句,將查詢方法和sql語句導(dǎo)出給其他模塊調(diào)用.
提供后臺(tái)接口
在index.js導(dǎo)入db.js,并且將http請(qǐng)求和數(shù)據(jù)庫操作對(duì)接:
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)); }); }); 這時(shí)再訪問localhost:3000就能看我們teacher表中所有的記錄了。 app.listen(3000, function() { console.log('server now listening at 3000 port'); });
另外,為了讀取post和put里的body信息,我們需要body-parser這個(gè)包:
$ 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());
這時(shí)就可以用req.body讀取請(qǐng)求體了.
完整代碼:
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'); });
總結(jié)
感覺算是理解了語言只是工具這句話.
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
新聞名稱:用js簡單提供增刪改查接口
文章來源:http://www.muchs.cn/article10/jpcsdo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、全網(wǎng)營銷推廣、用戶體驗(yàn)、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)、電子商務(wù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)