node.js零基礎詳細教程(7.5):mongo可視化工具webstorm插件、nodejs自動重啟模塊Node Supervisor(修改nodejs后不用再手動命令行啟動服務了)


第七章 建議學習時間4小時  課程共10章

學習方式:詳細閱讀,並手動實現相關代碼

學習目標:此教程將教會大家 安裝Node、搭建服務器、express、mysql、mongodb、編寫后台業務邏輯、編寫接口,最后完成一個完整的項目后台,預計共10天課程。

 

注:由於使用Nodejs操作mongodb的時候,會有兩個很蛋疼的地方,1、修改nodejs文件后需要重新命令行 node node.js去運行,2、數據庫需要使用命令行查詢,不能直接可視化操作

所以有了這章,給大家介紹兩個插件來解決這兩個問題。

 

mongo可視化插件 Mongo Plugin


 

這個插件可以在各大編輯器中使用,這里介紹在webstrom中的安裝

1、文件 -- > 設置         打開設置

設置 --> plugins --> 搜索中輸入 mongo  ,會看到搜索結果,1、沒有結果,就點擊中間的  藍色鏈接  browse(然后看下一步的操作)  2、如果有結果,就點擊install plugin安裝(一般都是第一種情況)

 

 然后就可以看到搜索的結果,點擊右邊的 install plugin  ,提示是否安裝,點擊安裝,即可出現下下圖的安裝進度  

 

安裝完成后,點擊窗口右下角的關閉按鈕,然后在設置窗口點擊確定按鈕,點擊后會提示是否重啟,點擊重啟webstrom重啟。

 

 

 

重啟webstrom以后

在右上角可以看到一個mongoExplorer,點擊展開,

如果沒有這個按鈕,是因為隱藏了,點擊左下角的展開側邊欄圖標,就可以出現了(位置如下下圖)

 

 在展開的mongoExplorer 中,點擊設置圖標 如圖:

會彈出設置彈窗,在彈窗中點擊右邊的添加 加號。  添加我們需要連接的數據庫

 

 在彈窗中,輸入label (名字任意),勾選自動啟動,然后點擊test connection,如果彈出提示連接成功與否,成功之后,直接確定就可以了。

 

 

 確定之后,可以看到多了一條連接,然后點擊下面的確定  ,   { 以后如果要修改,以后就點擊那條連接,點擊右邊那個  筆狀圖標,就可以彈出編輯界面(這里就不演示了)}

 

 然后就可以看到 mongoExplorer的展開界面中,出現了一個test的東西,點擊左邊的小三角就可以展開看到所有的數據庫和數據庫里的表,雙擊表,就可以在界面中打開這個表,看到表的說有數據了。

 

這樣既不的安裝就完成了,當通過node操作了mongo的數據以后,重新點擊右邊的表打開數據,就能看到修改后的數據了 

 

增刪改

雙擊 _id,就可以看到下面出現對應的編輯界面,單擊值,就可以輸入新的值,然后點擊左下角的保存,數據就會保存。

 

 

添加數據

添加字段,在編輯界面右鍵,會出現添加字段的輸入框,輸入字段名和值,保存即可。

 

 插件的 github地址如下,有興趣的可以去了解下

https://github.com/dboissier/mongo4idea

 

 

nodejs自動重啟模塊  Node Supervisor


 

這個模塊的使用很方便,只需兩步,1、安裝。2、監聽變化 

 

打開命令行 全局安裝   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

 

 

關注公眾號,博客更新即可收到推送

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM