利用Mongoose讓JSON數(shù)據(jù)直接插入或更新到MongoDB
更新時間：2017年05月03日 09:34:33 作者：Conan
這篇文章主要給大家介紹了利用Mongoose讓JSON數(shù)據(jù)直接插入或更新到MongoDB數(shù)據(jù)庫的相關(guān)資料，文中詳細(xì)介紹了配置Mongoose、創(chuàng)建目錄及文件、插入數(shù)據(jù)，POST提交JSON增加一條記錄以及詢數(shù)據(jù)，取出剛增加的記錄等內(nèi)容，需要的朋友可以參考下。
前言
Nodejs基于Javascript，MongoDB腳步同樣也是基于Javascript。而且他們的數(shù)據(jù)存儲格式都是JSON，這就是為什么要把他們放在一起的原因了。如果程序前后端能直接處理JSON，我想數(shù)據(jù)處理過程又可以極大的減化了，代碼量又將低少1/5。多么的興奮啊！讓我們來動手驗證一下想法吧。
本文重點介紹web前端通過JQuery發(fā)起POST提交JSON數(shù)據(jù)，通過Mongoose直接插入或更新到MongoDB。
工程目錄沿用nodejs-demo，增加/mongoose路徑及對應(yīng)文件。
文章目錄
- 配置Mongoose
- 創(chuàng)建目錄及文件
- 插入數(shù)據(jù)，POST提交JSON增加一條記錄
- 查詢數(shù)據(jù)，取出剛增加的記錄
1. 配置Mongoose
增加mongoose的類庫
cd d:/workspace/project/nodejs-demo npm install mongoose D:\workspace\project\nodejs-demo\node_modules\mongoose\node_modules\mongodb\node_modu C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\Microsoft.Cpp.InvalidPlatform.Targe e_modules\mongodb\node_modules\bson\build\bson.vcxproj] mongoose@3.6.10 node_modules\mongoose ├── muri@0.3.1 ├── hooks@0.2.1 ├── sliced@0.0.3 ├── mpath@0.1.1 ├── ms@0.1.0 ├── mpromise@0.2.1 (sliced@0.0.4) └── mongodb@1.3.3 (kerberos@0.0.2, bson@0.1.8)
安裝時，有64位兼容性錯誤提示沒關(guān)系，Mongoose類庫安裝完成。
增加models目錄
mkdir models
在models目錄，增加mongodb.js文件
var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/nodejs');
exports.mongoose = mongoose;
指定Mongo的數(shù)據(jù)庫名為nodejs
2.創(chuàng)建目錄及文件
在models目錄，增加數(shù)據(jù)模型Movie.js
var mongodb = require('./mongodb');
var Schema = mongodb.mongoose.Schema;
var MovieSchema = new Schema({
name : String,
alias : [String],
publish : Date,
create_date : { type: Date, default: Date.now},
images :{
coverSmall:String,
coverBig:String,
},
source :[{
source:String,
link:String,
swfLink:String,
quality:String,
version:String,
lang:String,
subtitle:String,
create_date : { type: Date, default: Date.now }
}]
});
var Movie = mongodb.mongoose.model("Movie", MovieSchema);
var MovieDAO = function(){};
module.exports = new MovieDAO();
指定Mongo的數(shù)據(jù)庫集為Movie
數(shù)據(jù)類型，包括了String,Date,Array,Mixed]
打開app.js增加訪問路徑
var express = require('express')
, routes = require('./routes')
, user = require('./routes/user')
, movie = require('./routes/movie')
, http = require('http')
, path = require('path')
, ejs = require('ejs')
, SessionStore = require("session-mongoose")(express);
...
app.get('/movie/add',movie.movieAdd);//增加
app.post('/movie/add',movie.doMovieAdd);//提交
app.get('/movie/:name',movie.movieAdd);//編輯查詢
app.get('/movie/json/:name',movie.movieJSON);//JSON數(shù)據(jù)
在routes目錄，增加movie.js
var Movie = require('./../models/Movie.js');
exports.movieAdd = function(req, res) {
if(req.params.name){//update
return res.render('movie', {
title:req.params.name+'|電影|管理|moive.me',
label:'編輯電影:'+req.params.name,
movie:req.params.name
});
} else {
return res.render('movie',{
title:'新增加|電影|管理|moive.me',
label:'新增加電影',
movie:false
});
}
};
exports.doMovieAdd = function(req, res) {
res.send({'success':true});
};
在views目錄，增加movie.html
<% include header.html %> <div class="container-fluid"> <div class="row-fluid"> <div class="span8"> <form> <fieldset> <legend><%=label%></legend> <textarea id="c_editor" name="c_editor" class="span12" rows="10"></textarea> <button id="c_save" type="button" class="btn btn-primary">保存</button> </fieldset> <form> </div> </div> </div> <% include footer.html %>
網(wǎng)頁效果：http://localhost:3000/movie/add
3. 插入數(shù)據(jù)，POST提交JSON增加一條記錄
基礎(chǔ)環(huán)境，都搭建好后，我們開臺準(zhǔn)備向mongodb中插入數(shù)據(jù)。
首先創(chuàng)建一個json數(shù)據(jù)文件，這樣我們可以方便點，直接讀入這個文件，創(chuàng)建JSON數(shù)據(jù)對象了。
在public/javascripts/目錄，增加movie.json文件
{
"name": "未來警察",
"alias": ["Future X-Cops ","Mei loi ging chaat"],
"publish": "2010-04-29",
"images":{
"coverBig":"/img/movie/1_big.jpg",
"coverSmall":"/img/movie/1_small.jpg"
},
"source":[{
"source":"優(yōu)酷",
"link":"http://www.youku.com",
"swfLink":"http://player.youku.com/player.php/sid/XMTY4NzM5ODc2/v.swf",
"quality":"高清",
"version":"正片",
"lang":"漢語",
"subtitle":"中文字幕"
},{
"source":"搜狐",
"link":"http://tv.sohu.com",
"swfLink":"http://share.vrs.sohu.com/75837/v.swf&topBar=1&autoplay=false&plid=3860&pub_catecode=",
"quality":"高清",
"version":"正片",
"lang":"漢語",
"subtitle":"中文字幕"
}]
}
在public/javascripts/目錄，增加jquery.json-2.4.js類庫
<script src="/javascripts/jquery-1.9.1.min.js"></script> <script src="/javascripts/bootstrap.min.js"></script> <script src="/javascripts/jquery.json-2.4.js"></script> <script src="/javascripts/movie.js"></script> </body> </html>
在public/javascripts/目錄，增加movie.js文件，作為前端腳本
$(function() {
var mdata={};
var url = '/javascripts/movie.json';
$.getJSON(url, function(data) {
mdata=data;
render_editor_form(mdata);
render_event_form(mdata);
});
var render_editor_form=function(data){
$('#c_editor').val($.toJSON(data));
};
var render_event_form=function(){
$('#c_save').on('click',function(event){
var data = {};
data['content'] = mdata;
$.ajax({
type: "POST",
url: '/movie/add',
data: data,
success: function (data, textStatus){
if(data.success){
$('#msg').html('成功保存!');
$('#msg').addClass('alert alert-success');
$(location).attr('href','/movie/'+mdata.name);
} else {
$('#msg').html(data.err);
$('#msg').addClass('alert alert-error');
}
}
});
});
};
});
修改views/footer.html，增加movie.js文件引用，同時增加jquery.json包
<script src="/javascripts/jquery-1.9.1.min.js"></script> <script src="/javascripts/bootstrap.min.js"></script> <script src="/javascripts/jquery.json-2.4.js"></script> <script src="/javascripts/movie.js"></script> </body> </html>
網(wǎng)頁效果：http://localhost:3000/movie/add
在models/Movie.js，增加save方法
MovieDAO.prototype.save = function(obj, callback) {
var instance = new Movie(obj);
instance.save(function(err){
callback(err);
});
};
在routes/movie.js，調(diào)用save方法
exports.doMovieAdd = function(req, res) {
console.log(req.body.content);
var json = req.body.content;
if(json._id){//update
} else {//insert
Movie.save(json, function(err){
if(err) {
res.send({'success':false,'err':err});
} else {
res.send({'success':true});
}
});
}
};
控制臺日志
Express server listening on port 3000
{ name: '未來警察',
alias: [ 'Future X-Cops ', 'Mei loi ging chaat' ],
publish: '2010-04-29',
images:
{ coverBig: '/img/movie/1_big.jpg',
coverSmall: '/img/movie/1_small.jpg' },
source:
[ { source: '優(yōu)酷',
link: 'http://www.youku.com',
swfLink: 'http://player.youku.com/player.php/sid/XMTY4NzM5ODc2/v.swf',
quality: '高清',
version: '正片',
lang: '漢語',
subtitle: '中文字幕' },
{ source: '搜狐',
link: 'http://tv.sohu.com',
swfLink: 'http://share.vrs.sohu.com/75837/v.swf&topBar=1&autoplay=false&plid=3860&pub_ca
quality: '高清',
version: '正片',
lang: '漢語',
subtitle: '中文字幕' } ] }
POST /movie/add 200 57ms - 21b
數(shù)據(jù)已插入MongoDB
4. 查詢數(shù)據(jù)，取出剛增加的記錄
models/Movie.js,增加findByName方法
MovieDAO.prototype.findByName = function(name, callback) {
Movie.findOne({name:name}, function(err, obj){
callback(err, obj);
});
};
routes/movies.js,增加movieJSON
exports.movieJSON = function(req, res) {
Movie.findByName(req.params.name,function(err, obj){
res.send(obj);
});
}
前端javascripts/movie.js，從/movie/json/xxx處取數(shù)據(jù)
var mdata={};
var url = '/javascripts/movie.json';
var movie=$('#c_editor').attr('movie')
if(movie){
url = '/movie/json/'+movie;
}
修改 views/movie.html
<textarea id="c_editor" name="c_editor" rows="10" <%= (movie?'"movie='+movie+'"':'') %>></textarea>
訪問我們的網(wǎng)頁
http://localhost:3000/movie/未來警察
數(shù)據(jù)從/movie/json/未來警察，處讀取。完成嘗試。
修改操作與插入的操作類似，我就不做演示了。
以上程序代碼，大家可自行下載學(xué)習(xí)。
github地址：https://github.com/bsspirit/nodejs-demo
本地下載：http://xiazai.jb51.net/201705/yuanma/nodejs-demo(jb51.net).rar
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
Nodejs監(jiān)控事件循環(huán)異常示例詳解
這篇文章主要給大家介紹了關(guān)于Nodejs監(jiān)控事件循環(huán)異常的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Nodejs具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
node.js中g(shù)runt和gulp的區(qū)別詳解
這篇文章主要介紹了node.js中g(shù)runt和gulp的區(qū)別詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07
本文主要介紹了nodeJS的相關(guān)知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了Node.js實現(xiàn)文件上傳的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
本篇文章主要介紹了深入nodejs中流(stream)的理解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了node.js文件操作,結(jié)合實例形式詳細(xì)分析了node.js針對文件的讀取、寫入、刪除、遍歷、監(jiān)控等各種常見操作技巧,需要的朋友可以參考下2019-11-11
詳解NodeJS框架express的路徑映射（路由）功能及控制
這篇文章主要介紹了詳解NodeJS框架express的路徑映射（路由）功能及控制，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
本篇文章主要介紹了詳解利用 Express 托管靜態(tài)文件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了使用express獲取微信小程序二維碼小記,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
NodeJS學(xué)習(xí)筆記之Connect中間件模塊（一）
這是一個目錄概要，里面記錄著NodeJS的基礎(chǔ)知識部分，今天這篇文章以及后續(xù)的幾篇，將是一個進(jìn)階系列，讓我們建立一個由淺入深的學(xué)習(xí)的過程，2015-01-01