项目结构很简单:
先上一下效果图:
从图中可以看到我们的前端界面是一个表单,点击按钮后会将输入框的数字通过ajax请求发到node后台,后台会根据接收到的参数来返回响应。
首先我们先来写一个简单的node服务吧 !
-
项目初始化
确保自己安装了node环境,新建一个文件夹:guessTheNumber。
打开终端(CMD)在该文件夹下运行 npm init 初始化
安装(自动重启服务器工具)nodemon:npm i nodemon -g (mac 下加sudo) -
编写node服务代码:新建index.js
const http = require('http'); http.createServer(function (req, res) { res.end('hello node'); }).listen(3000); console.log('server running on http://localhost:3000/');
-
运行服务:nodemon index
-
浏览器中访问:http://localhost:3000/ 可看到服务