一、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.同一个服务器程序,不能在多个终端启动