使用nodejs鏈接mongoDB的詳細步驟

使用nodejs鏈接mongoDB的詳細步驟

步驟一

• 安裝nodejs,express,mongodb，mongoose（這裏就很少說了~~）

  步驟二

  用express快速建立一個項目的框架

  express -e project

• 參數說明：-e：使用的模板類型，project:項目名稱

  建立好項目後

• 進入到建立的項目目錄

• cd project

• 安裝package.json文件中項目所依賴的包

• cnpm install

• 啓動項目

• npm run start

• 目錄講解
  • node_modules 項目中依賴的包
  • public 靜態目錄（放公共資源的）
  • routes 路由（存放一些路由文件）
  • views 視圖（存放頁面文件）

  • app.js 項目的入口文件

    步驟三

    設計數據庫

• 打開cmd(以管理員的身份)
• 鏈接數據庫(出現版本號就表明鏈接成功啦)

• mongo

• 查看全部數據庫

• show dbs

• 建立一個名爲admin的數據庫

• use admin

• 進入admin

• db

• 在admin下建立一張表

• db.createCollection("goods")

• 查看錶

• show tables

  鏈接數據庫

• 在項目根目錄下建立一個model文件夾，而後在建立一個data.js(存放數據)和goods.js
• goods.js以下

• // 引入模塊
    var mongoose=require('mongoose');
    //引入data.js
    var seafoodList=require('./data.js').seafoodList
    // 鏈接數據庫
    mongoose.connect('mongodb://localhost:27017/admin')
    // 獲得數據庫鏈接句柄
    var db=mongoose.connection;
    //經過 數據庫鏈接句柄，監聽mongoose數據庫成功的事件
    db.on('open',function(err){
        if(err){
            console.log('數據庫鏈接失敗');
            throw err;
        }
        console.log('數據庫鏈接成功')
    })
    //定義表數據結構
    var seafoodModel=new mongoose.Schema({
        id:Number,
        name:String,
        desc:String,
        discount:Number,
        price:Number,
        coin:Number,
        remain:String,
        img_sm:String,
        img_lg:String
    },{
        versionKey:false //去除： - -v
    })
    // 將表的數據結構和表關聯起來
    var seafoodModel=mongoose.model("seafoodList",seafoodModel,"goods");
    // 添加數據
    seafoodModel.insertMany(seafoodList,function(err,result){
        if(err){
            console.log("數據添加失敗");
            throw err;
        }
        console.log("數據添加成功:",result);
    })
    //導出數據
    module.exports={
        seafoodModel:seafoodModel
    }

步驟四

在routes下建立goods.js

//引入express模塊
    var express=require("express")
    //引入數據模塊
    var goodsData=require("../model/goods").seafoodModel;
    //獲取路由對象
    var router=express.Router();
    //商品管理頁
    router.get('/goods',function(req,res){
        res.render('index/index')
    })
    
    //商品信息
    router.get('/goodsList',function(req,res){
        goodsData.find({},function(err,result){
            if(err){
                console.log("查詢失敗")
                throw err
            }
            console.log("查詢結果",result)
            res.render('goods/goodsList',{title:'商品信息',goodsList:result})
        })
        
    })
    
    module.exports=router;

步驟五

在views下建立goods文件夾，在goods下建立goodsList.html

• goodsList.html主要代碼以下

• <div class="page-content">
                    <div class="page-header">
                        <h1>
                            商品管理
                            <small>
                                <i class="icon-double-angle-right"></i>
                                 <%= title%>
                            </small>
                        </h1>
                    </div><!-- /.page-header -->
                    <!--主要內容-->
                    <div class="row">
                        <table class="table table-bordered table-hover text-center">
                            <thead>
                                <tr class="success">
                                    <th class="text-center">id</th>
                                    <th class="text-center">name</th>
                                    <th class="text-center">desc</th>
                                    <th class="text-center">discount</th>
                                    <th class="text-center">coin</th>
                                    <th class="text-center">remain</th>
                                    <th class="text-center">img_sm</th>
                                    <th class="text-center">img_lg</th>
                                </tr>
  
                            </thead>
                            <tbody>
                                <% for(var item in goodsList){%>
                            <tr>
                                <td><%= goodsList[item].id%></td>
                                <td><%= goodsList[item].name%></td>
                                <td><%= goodsList[item].desc%></td>
                                <td><%= goodsList[item].coin%></td>
                                <td><%= goodsList[item].remain%></td>
                                <td><%= goodsList[item].discount%></td>
                                <td class="cut"><%= goodsList[item].img_sm%></td>
                                <td class="cut1"><%= goodsList[item].img_lg%></td>
                            </tr>
                            <% }%>
                            </tbody>
                        </table>
                    </div>
                </div><!-- /.page-content -->

  最後ejs轉爲html

  app.set('views', path.join(__dirname, 'views'));
    app.engine(".html", ejs.__express);
    //設置模板引擎類型
    app.set('view engine', 'html');