Express4+Mongodb超簡單入門實例

開始前,請確保mongodb已經能正常工做,安裝教程:windows下MongoDB的安裝及配置 , 請自行安裝配置。下面進入正文:javascript

第一步:命令行建立數據庫、表,並插入一條數據css

命令以下:html

//建立數據庫
use blog

//建立一張表,並插入一條數據
db.users.insert({"name":"zhangangs","emali":"zhangangs@163.com","age":"26"});

//查看數據
db.users.find();

  

 

 

注意:mongodb在自動建立集合的時候會自動加上s,手動建立的時候建議加上,  (博主剛從這個坑裏爬起來~~)    使用mongoose過程當中遇到的疑惑(已經解決)java

 

第二步:安裝express+Mongoose(默認你已經安裝好了nodejs)node

//全局安裝express
npm install express -g

//安裝express全局生成器,能夠自動生成項目文件
npm install express-generator -g

  

下面在當前工做目錄生成一個叫作blog的項目,並採用ejs模版。mongodb

// 默認是jade模版, -e就是採用ejs模版
express -e blog

  

而後安裝全部依賴:數據庫

//進入項目文件夾
cd blog

//安裝全部依賴
npm install

  

windows平臺下面啓動項目,express

//官方的方法,因該是調試模式,沒深究
set DEBUG=blog $ npm start

//直接啓動
npm start

  

而後在遊覽器中打開http://localhost:3000/就能夠看到應用了,到這裏,express算是安裝完成。npm

 

安裝Mongoose 模塊json

進入當前項目根目錄,輸入:

//安裝Mongoose,   --save把Mongoose模塊加入到項目依賴
npm install mongoose --save

  

安裝完成package.json 文件以下:

Mongoose模塊安裝完成!

 

第三步:express操做mongodb

一、修改route/index.js

var express = require('express');
var router = express.Router();

//mongodb
var mongoose = require('mongoose');
mongoose.Promise = global.Promise;
        
var conn = mongoose.connect('mongodb://127.0.0.1:27017/blog');
var User = new mongoose.Schema({
    name: String,
    email: String,
    age: String
});

var myModel = conn.model('user', User);

/* GET index listing. */
router.get('/', function(req, res, next) {
    myModel.findOne({name:"zhangangs"}, function (err, user) {
        console.log(user);
        res.render('index', {title: 'Express', user: user });
    });
});

module.exports = router;

 

修改wiew/index.ejs

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>姓名:<%= user.name %></p>
    <p>郵箱:<%= user.email %></p>
    <p>年齡:<%= user.age %></p>
  </body>
</html>

  

重啓服務器,刷新頁面,效果以下:

 

完成,(>_<)

相關文章
相關標籤/搜索