Windows上node.js的安装与使用

一、node.js的下载与安装

1.下载网址:http://nodejs.cn/download/ ,你可以根据不同平台系统选择你需要的Node.js安装包,我这里下载的是windows64位的.msi安装程序,其他系统的安装步骤请看菜鸟教程:http://www.runoob.com/nodejs/nodejs-install-setup.html

2.下载完成之后运行傻瓜包,一路下一步,安装以后打开命令提示符输入 node -v 检查是否安装成功,如果出现 v 版本号 就证明安装成功了

3.注意:安装完成之后一定要重启电脑,否则跟随node 一起安装的npm不会生效

二、node.js的使用

借助一个简单的例子来讲一下node.js的使用,因为我编写html代码使用的是Visual Studio Code,所以我以Visual Studio Code为例来讲,如果使用的是其他的编译器也没关系,步骤都是一样的

1.创建一个文件夹(命名写不要中文与大写),例如:nodebasic,

2.初始化项目,右键nodebasic文件夹,选择在终端打开或者打开命令提示符进入文件夹路径,输入命令 npm init  回车,会出现下图所示的窗口

3.项目的所有配置信息都可以直接回车忽略掉,如下图

4.配置完成以后会生成一个package.json文件

5.创建一个静态文件夹,静态文件夹中存放客户端可以查看的文件,命名为public,在里面创建文件index.html,在index.html中添加如下代码

<!-- action 提交到的接口 API -->
/*  /book  是接口 /*   
<form action="/book">
     <input type="submit" value="提交书籍信息">
</form>

在浏览器中打开,显示如下图:

6.在项目文件下创建一个index.js文件,里面为服务端代码,注意:这里的js文件命名应该跟package.json文件当中的  "main":"index.js"一致,如下图所示:

 7.下载所有依赖项(比如npm install express),打开终端,输入 npm install express,等待下载完成,如果出现如下图红框中所示的文字,则下载完成

下载完成之后会发现文件夹中多了好多文件,

打开node_modules文件夹,会发现我们需要的express文件也在其中

8.编写index.js文件

    1.引入express模块 expres模块为数据请求基础模块,如果发生数据请求 那么一定需要使用这个模块

var express = require('express')

    2. 创建一个模块的实例化对象

var web = express()

    3. 让web对象使用工程中的静态资源 public文件夹

web.use(express.static('public'))

    4. 获取接口

web.get('/book',function(req,res){
    res.send('<h1>后端传给前端的数据</h1>')
})

   这里解释一下:get表示使用get方法,方法后面要跟两个参数,参数一是要获取的接口,参数二是回调函数,回调函数中也要     有两个参数,参数一是前端往后端传递的值,参数二是后端往前端传递的值

   5.监听端口

// 让程序监听8080端口
web.listen('8080',function(){
    console.log('服务器启动了......')
})

 

7.启动服务器,命令node index.js ,在浏览器中打开index.html文件查看页面 ,将路径改为loaclhost:监听的端口号

点击提交书籍信息按钮,显示如下

到此使用nide.js实现简单的前后端交互功能就实现了,还要注意以下两点:

1.一旦修改服务端代码,需要重启服务器

2.同一个服务器程序,不能在多个终端启动

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章