1. 程式人生 > >vue2.0+node.js+MongoDB全棧打造商城

vue2.0+node.js+MongoDB全棧打造商城

前端發展趨向

這裡寫圖片描述

這裡寫圖片描述

Vue

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

專案分析

這裡寫圖片描述

這裡寫圖片描述

技術點

  • ES6
    • 函式Rest引數和擴充套件(…引數x)
    • Promise使用
    • module.exports和ES6 import/export 使用(模組化)
      • 非同步
    • AMD,CMD,CommonJs,ES6
    • Node程式設計
      • Chrome v8
      • 單執行緒
      • 非阻塞IO
        這裡寫圖片描述

Linux搭建Node環境

apt-get install nodejs
apt-get install npm

這裡寫圖片描述

Mongodb

#資料庫路徑
dbpath=F:\work\database\MongoDB\Server\data\
#日誌輸出檔案路徑
logpath=F:\work\database\MongoDB\Server\logs\mongodb.log #錯誤日誌採用追加模式,配置這個選項後mongodb的日誌會追加到現有的日誌檔案,而不是從新建立一個新檔案 logappend=true #啟用日誌檔案,預設啟用 journal=true #這個選項可以過濾掉一些無用的日誌資訊,若需要除錯使用請設定為false quiet=false #埠號 預設為27017 port=27017 #指定儲存引擎(預設先不加此引擎,如果報錯了,大家在加進去) storageEngine=mmapv1 # http配置 httpinterface=true
PS F:\work\database\MongoDB\Server\3.4\bin> ./mongod --config F:\work\database\MongoDB\Server\etc\mongo.conf --install --serviceName "MongoDB" 安裝到服務
./mongo
新增path
http://localhost:28017/
建立管理員
授權認證
給使用的資料庫新增使用者
--auth 檢驗管理員使用者資訊

這裡寫圖片描述
這裡寫圖片描述

這裡寫圖片描述

增刪改查

這裡寫圖片描述

eq gt lt gte

這裡寫圖片描述

專案表建立

PS C:\Users\96173> mongoimport -d db_demo -c users --file E:\WebProject
\vue_node_Mongo_Shoping\z1b8jp\resource\dumall-u ers user db_demo db.users.find()