利用Mongoose让JSON数据直接插入或更新到MongoDB

前言

Nodejs基于Javascript，MongoDB脚步同样也是基于Javascript。而且他们的数据存储格式都是JSON，这就是为什么要把他们放在一起的原因了。如果程序前后端能直接处理JSON，我想数据处理过程又可以极大的减化了，代码量又将低少1/5。多么的兴奋啊！让我们来动手验证一下想法吧。

本文重点介绍web前端通过JQuery发起POST提交JSON数据，通过Mongoose直接插入或更新到MongoDB。

工程目录沿用nodejs-demo，增加/mongoose路径及对应文件。

文章目录

• 配置Mongoose
• 创建目录及文件
• 插入数据，POST提交JSON增加一条记录
• 查询数据，取出刚增加的记录
  

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位兼容性错误提示没关系，Mongoose类库安装完成。

增加models目录

mkdir models

在models目录，增加mongodb.js文件

var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/nodejs');
exports.mongoose = mongoose;

指定Mongo的数据库名为nodejs

2.创建目录及文件

在models目录，增加数据模型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的数据库集为Movie

数据类型，包括了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数据

在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 %>

网页效果：http://localhost:3000/movie/add

3. 插入数据，POST提交JSON增加一条记录

基础环境，都搭建好后，我们开台准备向mongodb中插入数据。

首先创建一个json数据文件，这样我们可以方便点，直接读入这个文件，创建JSON数据对象了。

在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":"优酷",
"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>

网页效果：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，调用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: '优酷',
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

数据已插入MongoDB

4. 查询数据，取出刚增加的记录

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处取数据

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>

访问我们的网页

http://localhost:3000/movie/未来警察

数据从/movie/json/未来警察，处读取。完成尝试。

修改操作与插入的操作类似，我就不做演示了。

以上程序代码，大家可自行下载学习。

github地址：https://github.com/bsspirit/nodejs-demo

本地下载：http://xiazai./201705/yuanma/nodejs-demo().rar

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# mongoose  # mongodb  # mongodb存储json数据  # 保存json数据  # egg.js的基本使用和调用数据库的方法示例  # 关于自定义Egg.js的请求级别日志详解  # KOA+egg.js集成kafka消息队列的示例  # mongoose更新对象的两种方法示例比较  # 关于在mongoose中填充外键的方法详解  # 详解Nodejs基于mongoose模块的增删改查的操作  # 关于mongoose连接mongodb重复访问报错的解决办法  # Mongoose 在egg中的使用详解  # 中文字幕  # 未来  # 类库  # 搜狐  # 都是  # 他们的  # 我想  # 我就  # 本地下载  # 让我们  # 这就是  # 要把  # 我们可以  # 数据处理  # 不做  # 这篇文章  # 谢谢大家  # 又将  # 创建一个  # 又可 

相关文章： 制作网站的基本流程,设计网站的软件是什么？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何获取开源自助建站系统免费下载链接？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  建站之星如何实现五合一智能建站与营销推广？  nginx修改上传文件大小限制的方法  如何在宝塔面板创建新站点？  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  Swift中循环语句中的转移语句 break 和 continue  javascript中的try catch异常捕获机制用法分析  建站之星如何助力网站排名飙升？揭秘高效技巧  广州美橙建站如何快速搭建多端合一网站？  平台云上自助建站如何快速打造专业网站？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  如何在Tomcat中配置并部署网站项目？  如何在阿里云通过域名搭建网站？  如何快速搭建安全的FTP站点？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  如何快速搭建二级域名独立网站？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  西安大型网站制作公司,西安招聘网站最好的是哪个？  建站之星免费模板：自助建站系统与智能响应式一键生成  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  如何用PHP工具快速搭建高效网站？  电商网站制作公司有哪些,1688网是什么意思？  如何注册花生壳免费域名并搭建个人网站？  北京的网站制作公司有哪些,哪个视频网站最好？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  如何登录建站主机？访问步骤全解析  如何在搬瓦工VPS快速搭建网站？  小型网站建站如何选择虚拟主机？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  ui设计制作网站有哪些,手机UI设计网址吗？  如何用花生壳三步快速搭建专属网站？  5种Android数据存储方式汇总  建站之星如何配置系统实现高效建站？  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  音乐网站服务器如何优化API响应速度？  制作公司内部网站有哪些,内网如何建网站？  如何通过山东自助建站平台快速注册域名？  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页？  如何快速查询网站的真实建站时间？  ,交易猫的商品怎么发布到网站上去？  网站好制作吗知乎,网站开发好学吗？有什么技巧？  jQuery 常见小例汇总  网页设计网站制作软件,microsoft office哪个可以创建网页？  如何打造高效商业网站？建站目的决定转化率  网站制作报价单模板图片,小松挖机官方网站报价？