zoukankan      html  css  js  c++  java
  • 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

    关注公众号,博客更新即可收到推送

  • 相关阅读:
    ASP.NET MVC5+EF6+EasyUI 后台管理系统(45)-工作流设计-设计步骤
    ASP.NET MVC5+EF6+EasyUI 后台管理系统(44)-工作流设计-设计表单
    ASP.NET MVC5+EF6+EasyUI 后台管理系统(43)-工作流设计-字段分类设计
    ASP.NET MVC5+EF6+EasyUI 后台管理系统(42)-工作流设计-表建立
    ASP.NET MVC5+EF6+EasyUI 后台管理系统(41)-组织架构
    ASP.NET MVC5+EF6+EasyUI 后台管理系统(40)-精准在线人数统计实现-【过滤器+Cache】
    ASP.NET MVC5+EF6+EasyUI 后台管理系统(39)-在线人数统计探讨
    ASP.NET MVC5+EF6+EasyUI 后台管理系统(38)-Easyui-accordion+tree漂亮的菜单导航
    ASP.NET MVC5+EF6+EasyUI 后台管理系统(37)-文章发布系统④-百万级数据和千万级数据简单测试
    .Net 转战 Android 4.4 日常笔记(10)--PullToRefresh下拉刷新使用
  • 原文地址:https://www.cnblogs.com/chengduxiaoc/p/7059836.html
Copyright © 2011-2022 走看看