写给小前端er的nodejs,mongodb后端小攻略~ (windows系统~)

haixin3036

一.写在前面
　　迫于学校的压力，研二上准备回学校做实验发论文了，感觉真的没意思，这几天学着搞搞后端，踩了很多坑，整理一下这几天的坑以免以后再犯！


二.本文主要内容（由于是面向前端同学的，所以前端的内容就很少了，大家可以把前端的内容准备好哦~）

• nodejs-express(nodejs框架)
  
• mongodb-mongoose(mongodb框架)
  
• 前端我写的很简单
  

　　demo目录如图 废话不多说，下面从零开始~


三.从nodejs说起
　　参考资料：七天学会NODEJS

　　什么是NodeJS
　　JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。
　　每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了document之类的内置对象。而运行在NodeJS中的JS的用途是操作磁盘文件或搭建HTTP服务器，NodeJS就相应提供了fs、http等内置对象。

　　如何安装
　　https://nodejs.org/en/从左侧官网下载到
　　一直next就好 这步最好选择Add to Path，方便系统找到你后续安装的模块包
　　安装完后可以在cmd中通过右侧代码测试
　　稍微介绍一下npm把，前端的小伙伴多多少少听过但是可能不清楚是什么，npm就是后端的包管理工具，可以直接在命令行输入命令为项目添加模块，功能十分强大，nodejs在安装的时候已经自动安装了npm。（前端有类似的bower）
　　本DEMO我们需要通过npm安装下面几个模块

　　1:express (帮我们快速完成nodejs开发的框架) 2：mongoose(mongodb的速成框架)
　　安装方式如图（xxx就是所需要安装的模块，够简单把）

大家自行安装一下express和mongoose模块

　http://www.expressjs.com.cn/
  上边是express框架的官网，简洁明了~大家可以看看~
　　我们通过express的应用生成器快速生成我们DEMO的目录!在CMD中输入如下两行命令完成在当前工作目录下创建一个命名为 demoname 的应用。



npm install express-generator -g
$ express demoname
//demoname就是你给项目的名字
　　我们找到生成的目录
　　打开app.js把里面东西都删掉，对我们的DEMO来说里面多余的东西太多，把下面的内容替换进去~然后把你们前端的静态内容CSS,IMG,JS等等都放到Public文件夹里面！



var express = require('express');
//引入express模块
var path = require('path');
//引入path模块为了指向静态资源
var port = 80;
//指定端口变量的值
var app = express();
//app这个Object表示express应用
var mongoose = require("mongoose");
//引入mongoose模块
var db = mongoose.connect("mongodb://127.0.0.1:27017/player");
//指定mongodb连接的数据库地址,格式为mongoose(“mongodb://user:pass@localhost:port/database”)，本demo中使用的库名为player
var Play = require('./models/model');
db.connection.on("error", function (error) {
console.log("数据库连接失败：" + error);
});
db.connection.on("open", function () {
console.log("——数据库连接成功！——");
});
app.use(express.static(path.join(__dirname, 'public')));
//指定静态资源位置
app.set('views','./views');
//指定视图位置
app.set('view engine','ejs');
//指定模板引擎
app.listen(port);
//监听80端口

//下面的内容是模板加载的关键，在最后细说
app.get('/',function (req,res) {
res.render('index',{
});
});   
app.get('/pokergame',function (req,res) {
Play.find (
function(err, docs) {
// err是错误信息，docs就是查询返回的文档，是一个数组
res.render('pokergame',{
name:name,
player:"pp"
})
}
);
});


express中的模板引擎
　　1：Jade——先进但是上手比较复杂　　　　2:ejs——上手容易（我只用这种，因为我发现这种和我以前用过的underscore里面的模板很像哦！不必什么都追新嘛！很累的！）

有同学会问，我写的前端页面放在哪里可以显示？两种方式，但是只有使用模板的第二种方式可以填充数据库数据，比如在你的html文件中添加上<%= player %>这种模板语言，之后再从数据库导入变量替换掉！
　　方法一：把HTML当作静态资源放在public文件夹中，然后把app.js里的



res.render('index',{ });
　　这行代码替换成



res.sendFile("index.html");
　　方法二：把你的HTML文件放在views文件夹中并且把后缀名改为ejs即可
　　做了上述两种操作之一后，浏览器访问localhost即可！


Mongodb与Mongoose

终于可以和数据库进行交互了心好累
　　参考资料1：MongoDB学习笔记之Mongoose的使用2：Mongoose的model.find()查出来的为啥不是文档呢；求帮助！ 3：使用mongoose过程中遇到的疑惑（已经解决） 4：Mongodb入门
　　入门科普：



MongoDB的逻辑结构是一种层次结构，主要由：文档(document)、集合(collection)、数据库(database)这三部分组成的。

文档(document)：由键/值对构成，像{a:1}；{s:”abc”}等，它是MongoDB核心单元，MongoDB的文档（document），相当于关系数据库中的一行记录。

集合（Collection）：多个文档组成一个集合（collection），相当于关系数据库的表。

数据库（database）：多个集合（collection），逻辑上组织在一起，就是数据库（database）。
一个MongoDB实例支持多个数据库（database）。



Mongoose
1.1 名词解释
Schema  ：  一种以文件形式存储的数据库模型骨架，不具备数据库的操作能力
Model   ：  由Schema发布生成的模型，具有抽象属性和行为的数据库操作对
Entity  ：  由Model创建的实体，他的操作也会影响数据库

第一步：
　　安装mongodb https://www.mongodb.com/download-center?jmp=nav#community 下载下图的版本（本人PC win10系统亲测OK~）

　　注意把mongodb\bin路径添加到系统环境变量中，方便启动mongod服务（如下图！）

第二步:在cmd中启动mongod

　　【注】如果想在cmd界面中直接操作数据库的话，只要在启动mongod情况下再打开一个cmd然后输入mongo即可

第三步：利用Mongoose操作数据库
　　首先：按我最上方的DEMO目录添加两个文件夹schemas和models，然后分别输入
　　Schemas



var mongoose = require('mongoose');
var PlayerSchema = new mongoose.Schema({
headimg:String,
player:String,
name:String,
number:Number,
rate:Number,
meta:{
updateAt:{
type:Date,
default:Date.now()
}
}
})
module.exports = PlayerSchema;
　　Models



var mongoose = require('mongoose');
var PlaySchema = require('../schemas/movie');
//下面是按照PlaySchema建立了一个Collection,model()方法的第三个参数才是数据库中Collection的名字
var Play = mongoose.model('Player',PlaySchema,'player');

module.exports = Play;
　　这个时候，DEMO的雏形就形成了，这时候我们在CMD中mongo命令然后输入如下命令插入一些数据就可以加载到我们的模板中了！
　　##use test2  ->>此时db指向test2  db.createCollection('t_test')->创建collection(即相当于在数据库test2中新建t_test表)，用show collections  //可查看到新建的test2
　　插入数据：（插入数据的方式有很丰富）
　　###db.XXX.save():

　　###db.XXX.insert()

第四步:模板内容的加载



//这段代码在app.js中

app.get('/',function (req,res) {
res.render('index',{
});
});   
app.get('/test',function (req,res) {
Play.find (
function(err, docs) {
// err是错误信息，docs就是查询返回的文档，是一个数组
res.render('index2',{
name:name,
player:"pp"
})
}
);
});
　　这段代码是express中的路由函数，当我们在浏览器中输入localhost时，会触发第一个函数的回调；
　　当我们输入localhost/test时，会触发第二个函数的回调
　　而Play是Mongoose的模型，实际上就是mongodb中的一个collection
　　而collection.find()是mongodb的内置函数，查找数据库的信息，但是注意！mongoose执行find是异步的…返回值是mongoose本身对象 也可以说在nodejs中大多数都是方法都是异步执行的！
　　所以下面的写法才能正确查找到数据库信息



bookModel.find(function(err, docs) {
// err是错误信息，docs就是查询返回的文档，是一个数组
    console.log(docs);
});
　　添加到视图模板中的例子如下



bookModel.find(function(err, docs) {
if(err) {
console.error(err);
return;
}
res.render('view', {
list: docs
});
});


　　写到这里，基本上也就理了一遍流程，第一次写这种，写的感觉很混乱，以后有机会的话我会写个提纲再整理，十分不好意思！

　　下面附上我自己demo的代码地址可供参考，但是路径，模块，数据库什么的都要设置好才能正确运行哦！



https://github.com/sologgfun/nodejs-demo.git
　　written by WJF
　　2016-08-16