node+express+mongodb

目标

1、利用基于 Node.js 的 Express 快速搭建项目。
2、介绍 Express 项目结构。
3、学习如何连接 MongoDB 数据库，利用 Node.js 操作 MongoDB 数据库。
4、Express 的项目是 .jade 页面，如何改为 .html 页面。

1.利用 Nodejs 快速搭建项目

• 首先安装 Express ：npm install express-generator -g
• 用Express快速生成项目

  express apiSever
  
  cd apiSever
  
  npm install
  

• 运行项目，检测是否搭建成功:node ./bin/www
• 在浏览器中访问：http://localhost:3000，若出现下面的图说明搭建成功
  

2.Express目录结构介绍

• bin：项目的启动文件，默认www
• node_modules：存放项目所有的依赖库，默认body-parser、cookie-parser、debug、jade、express、morgan、serve-favicon。
• public：静态资源文件夹，默认images、javascripts、stylesheets。
• routes：路由文件
• views：页面文件，jade模板，默认error.jade、index.jade、layout.jade。
• package.json：项目依赖配置，做过java后台的，可以跟maven对比下，差不多。
• app.js：应用核心配置文件，项目入口，程序入口。

3.连接MongDB数据库

• 打开终端运行：npm install mongolass -s
• 在bin目录下添加mongo_base.js文件，代码如下：

  const Mongolass = require('mongolass');
  const mongolass = new Mongolass();
  
  exports.db = { mongolass: mongolass };
  const db = exports.db;
  
  let connected = [];
  exports.OnConnected = function (fn) {
      if (fn) {
          connected.push(fn);
      }
  };
  
  //'mongodb://localhost:27017/myapp'
  exports.connectDB = function (conn) {
      return mongolass.connect(conn).then(function () {
          //================USER RELATED==================
          db.test = mongolass.model('test', {
              name:{type:'string'},
  
          });
          db.test.insertOne({name:'test'}).exec()
  
          connected.forEach(function (oneFn) {
              if (oneFn) {
                  oneFn();
              }
          });
      });
  };
  

• 在www文件里添加代码

  require('./mongo_base').connectDB('mongodb://localhost:27017/myapp');
  

• 终端启动mongodb后查看是否建立数据库成功：show dbs
  
  项目搭建和数据库添加完毕

4.Express的项目是.jade页面，如何修改为.html的页面

• 项目根目录，输入：npm install ejs -s

  注意：ejs，node ejs是一个express模版解析引擎，用于解析html模版生成对应的html的解析器。

• 根目录下的app.js，加入代码

  	var ejs = require('ejs');  //引入的ejs插件
  	app.engine('.html', ejs.__express);//设置html引擎
  	app.set('view engine', 'html');//设置视图引擎
  

• routes–>index.js

  /**
   * 测试路由
   */
  router.get('/index', function (req, res, next) {
    res.render('index',{ title: '测试页面' });
  });
  

• 重启服务器，输入：http://localhost:3000/index即可访问Index.html文件