第七章 建議學習時間4小時 課程共10章html
學習方式:詳細閱讀,並手動實現相關代碼vue
學習目標:此教程將教會你們 安裝Node、搭建服務器、express、mysql、mongodb、編寫後臺業務邏輯、編寫接口,最後完成一個完整的項目後臺,預計共10天課程。node
注:因爲使用Nodejs操做mongodb的時候,會有兩個很蛋疼的地方,一、修改nodejs文件後須要從新命令行 node node.js去運行,二、數據庫須要使用命令行查詢,不能直接可視化操做mysql
因此有了這章,給你們介紹兩個插件來解決這兩個問題。git
mongo可視化插件 Mongo Plugingithub
這個插件能夠在各大編輯器中使用,這裏介紹在webstrom中的安裝web
一、文件 -- > 設置 打開設置sql
設置 --> plugins --> 搜索中輸入 mongo ,會看到搜索結果,一、沒有結果,就點擊中間的 藍色連接 browse(而後看下一步的操做) 二、若是有結果,就點擊install plugin安裝(通常都是第一種狀況)mongodb
而後就能夠看到搜索的結果,點擊右邊的 install plugin ,提示是否安裝,點擊安裝,便可出現下下圖的安裝進度 數據庫
安裝完成後,點擊窗口右下角的關閉按鈕,而後在設置窗口點擊肯定按鈕,點擊後會提示是否重啓,點擊重啓webstrom重啓。
重啓webstrom之後
在右上角能夠看到一個mongoExplorer,點擊展開,
若是沒有這個按鈕,是由於隱藏了,點擊左下角的展開側邊欄圖標,就能夠出現了(位置以下下圖)
在展開的mongoExplorer 中,點擊設置圖標 如圖:
會彈出設置彈窗,在彈窗中點擊右邊的添加 加號。 添加咱們須要鏈接的數據庫
在彈窗中,輸入label (名字任意),勾選自動啓動,而後點擊test connection,若是彈出提示鏈接成功與否,成功以後,直接肯定就能夠了。
肯定以後,能夠看到多了一條鏈接,而後點擊下面的肯定 , { 之後若是要修改,之後就點擊那條鏈接,點擊右邊那個 筆狀圖標,就能夠彈出編輯界面(這裏就不演示了)}
而後就能夠看到 mongoExplorer的展開界面中,出現了一個test的東西,點擊左邊的小三角就能夠展開看到全部的數據庫和數據庫裏的表,雙擊表,就能夠在界面中打開這個表,看到表的說有數據了。
這樣既不的安裝就完成了,當經過node操做了mongo的數據之後,從新點擊右邊的表打開數據,就能看到修改後的數據了
增刪改
雙擊 _id,就能夠看到下面出現對應的編輯界面,單擊值,就能夠輸入新的值,而後點擊左下角的保存,數據就會保存。
添加數據
添加字段,在編輯界面右鍵,會出現添加字段的輸入框,輸入字段名和值,保存便可。
插件的 github地址以下,有興趣的能夠去了解下
https://github.com/dboissier/mongo4idea
nodejs自動重啓模塊 Node Supervisor
這個模塊的使用很方便,只需兩步,一、安裝。二、監聽變化
打開命令行 全局安裝 npm install supervisor -g
因爲是全局安裝,因此命令行在哪一個文件路徑運行都不影響,我這裏在 mongoTest文件夾運行
我如今本身的某個文件夾中建立demo.js。寫入以下代碼:這是咱們前面寫過的建立http服務的代碼,這裏直接複製便可。
var http = require("http"); http.createServer(function(request,response){ response.end("haha");//表示請求結束,將結果返回給瀏覽器 }).listen(3000);
下圖表示,我將 demo.js建立在了mongoTest文件夾中。(文件夾中的其餘文件忽略)
而後運行 demo.js ,這裏的運行就再也不用 node demo.js了, 而是使用 supervisor demo.js
運行起來以後,就能夠經過瀏覽器訪問
如今咱們來改變下demo.js中輸出的代碼
將 response.end("haha") 中輸出的內容該變,好比改成 response.end("hehe hehe hehe")
而後直接刷新頁面,就能夠看到修改的結果被輸出了(之前咱們須要從新運行 node demo.js才能夠)
好啦,自動重啓服務就搞定了
之後要使用就不用再安裝了,由於已經安裝在全局了。另外最好只對建立了http服務的node文件才用supervisor運行,若是通常的文件這樣運行,會不斷的重啓,很耗費內存。
upervisor的其餘配置以下,有興趣的能夠研究研究
//要監控的文件夾或js文件,默認爲'.' -w|--watch <watchItems> //要忽略監控的文件夾或js文件 -i|--ignore <ignoreItems> //監控文件變化的時間間隔(週期),默認爲Node.js內置的時間 -p|--poll-interval <milliseconds> //要監控的文件擴展名,默認爲'node|js' -e|--extensions <extensions> //要執行的主應用程序,默認爲'node' -x|--exec <executable> //開啓debug模式(用--debug flag來啓動node) --debug //安靜模式,不顯示DEBUG信息 -q|--quiet
今天就講到這裏,明天咱們講解:項目的建立,後臺數據請求接口的編寫 (進入正式的項目階段)
後續地址:vue的基礎知識 http://www.cnblogs.com/chengduxiaoc/p/7092731.html
vue+node項目項目:http://www.cnblogs.com/chengduxiaoc/p/7718768.html
關注公衆號,博客更新便可收到推送