前端人员做项目时,有时后台接口并未写好,前端页面早已经写完,为了能够同时进行,前端人员则可以自己搭建一个服务器,放一些测试数据测试AJAX是否通畅。Node.js据说是最适合前端开发者的后端语言,因为它的使用语言是javascript,前端人员不用再学习新的后端语言,为我们铺好一条通往全栈的道路。
现在开始进行一些准备活动,安装node.js,node.js版本更新较快,大家可以选择一个稳定最新版.
大家可以根据自己的电脑系统来选择下载,下载后直接点击安装即可。
安装好之后,我们可以在windows自带的命令行里面输入Node -v 检测安装版本检测是否安装成功,
安装完Node.js后就要配置它,
我使用的是webstrom编译器,
选择run->Edit Configurations
添加node.js项目,然后依据步骤配置
1.服务器命名
2.所在文件夹位置
3.选中文件
4.完成
Node.js自带npm包安装工具,大家可以自己选择需要的包进去下载使用,npm上有很多优秀的node js包,来解决常见的一些问题,如 node-mySQL,就可以方便通过node js链接到mysql,进行数据库的操作。
接下来我们安装Express
express是常用的一个框架
1、全局安装
在windpws命令行输入 npm install express -gd
安装成功后 命令行会提示 npm info ok
2. 安装到当前文件夹下
npm install express
-g代表安装到NODE_PATH的lib里面,而-d代表把相依性套件也一起安装。如果沒有-g的话会安装目前所在的目录(会建立一个node_modules的文件夹)。
为了方便大家看懂部分代码 我把示例文件
APP.JS代码见下
var myExpress = require("./server/node_modules/express");
var app = myExpress();
app.set("port",8888);//设置端口号
app.listen(app.get("port"),function(){
console.log("server is running...,port is 8888.");//监听
});
app.configure(function(){
app.use(myExpress.logger("dev"));//日志模块,写在核心模块上面,dev是开发者模式,日志会打印在console
/*核心模块*/
app.use(myExpress.bodyParser());//获取表单的get,post提交方式 的数据。
app.use(myExpress.static(__dirname+"/client"));//请求文件存放目录
//app.use(app.router);
/*核心模块结束*/
//app.use(myExpress.favicon(__dirname+"/client/images/1.gif"));
app.use(myExpress.errorHandler());//错误信息打印在控制台上
});
//默认路由使用get()来做;
//app.get("/login.do",function(req,resp){});
//如果表单的提交方式,是POST,则以上的路由,是无法成功的。会报404错误。
//post方式:
app.post("/login.do", function(req,resp){
console.log("进入服务器");
var obj=[
{name:"张三",age:"13"},
{name:"李四",age:"26"},
{name:"王五",age:"12"},
{name:"赵六",age:"15"}];
resp.send(obj)
});
点击运行 (
shift+F10)
现在我们就可以通过AJAX向服务器发送请求调取数据了。