node+express+mysql實現數據庫的增刪改查

  1. 在node環境下實現mysql,首先需要將mysql下載到本地。
 cnpm install mysql

2.連接數據庫

configuration.js

var mysql=require('mysql');

var connection=mysql.createConnection({
    host:'localhost', //主機的IP地址
    user:'root',    //mysql用戶名 
    password:'zhaohuan',  //密碼
    database:'aa'        //數據庫名       
});

module.exports.connection=connection;

3.通過express寫接口實現增,刪,改,查

const express=require('express');
const app=express();
const sql=require('./public/js/configuration.js');
const bodyParser = require('body-parser');
const urlencoded=app.use(bodyParser.urlencoded({
    extended:true
}));


//app.use(bodyParser.json());
app.use(express.static(__dirname+'/public')).listen(8888);
sql.connection.connect();

//數據庫連接成功

//查
app.get('/getJob',function(req,res){
 var sql='select * from job';
 connect(res,sql);
});

//增
app.post('/insertJob',function(req,res){
   var_data=req.body;
   var sql='insert into job (age,id,job) values ('+_data.age+','+_data.id+',"'+_data.job+'")';
   connect(res,sql);
});

//刪
app.delete('/delete/:id',function(req,res){
  var _id=req.params.id;
  var sql='delete from job where id='+_id;
  connect(res,sql);
});

function connect(res,sql){
    sql.connection.query(sql,function(err,results,fields){
      res.send(results);
    });
}

對應的前端ajax

//查詢ajax
      $.ajax({
            type:'get',
            url:'getJob',
            success:function(data){
                console.log(data);
                $.each(data,function(i,d){
                    _data=data;
                    $('#select').append('<div></div>')
                    $('#select').find('div').eq(i).
                            append('<span class="job">工作:'+ d.job+'</span><span class="age">年齡:'+ d.age+'</span><span class="id">學號:'+ d.id+'</span><button>刪除</button>');
//
                });
            }
        })
    });

//增加ajax
  var _obj={
            job:$('.job').val(),
            id:$('.id').val(),
            age:$('.age').val()
        };
        $.ajax({
            type:'POST',
            url:'/insertJob',
            data: _obj,
            success:function(data){}
        })

//刪除ajax
  $.ajax({
         type:'delete',
         url:'delete/'+_id,
         success:function(data){}
                    })
發佈了38 篇原創文章 · 獲贊 12 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章