node这东西就跟sublime一样,很纯洁,很多东西都是你需要去配,所以十分十分轻
这里接上文讲一下我设计的数据请求,做一个真正的完成的数据请求及响应!
一个请求,从浏览器发起,到服务器响应,然后走web层响应,service层处理业务,dao层操作数据库,然后逐层返回,最后从web层返回到浏览器.
我们先从浏览器部分请求开始:
页面的请求有3种:
1.url请求访问页面
2.url请求访问数据
3.页面访问数据
第一种:直接url访问:
启动服务器:我用webstorm配置的node启动的,配置app.js文件启动如下
启动后,可以看到控制台打印:
这时候,浏览器中访问:
http://localhost:3000/my
浏览器进来,判断访问的是页面的路由:
页面路由的接口配置如下:
/my接口负责分发到../controller/views/my
这里提一句:require一个js的话是相对于当前文件的路径,并不是app.js运行的入口路径
这里for循环生成的语句是:
router("get"]("/my",require('../controller/views/my'))
然后我们前往views/my看一下
这里只是做了一件很简单的事情:
用res.render('views/my');
之前说过
render查找的public下,所以我们前往public下查看
这个my.ejs就是我们的目的地,访问的结果如下:
代码结构中,我去访问了一张图片:
<img src="/images/wjj.png" alt="">
这个访问的相对路径是在app.js中设置的,其实也是public
这样一个具体的访问页面请求就结束了
第二种:访问数据
我设计node服务器的初衷就是不做数据库,后台还是后台,只不过我做跨域的请求,去请求后台的数据,然后返回给前端:
首先,浏览器进来首先访问的还是路由,我们通过for循环得出的路径是
http://localhost:3000/api/trip_get3and1List.action
然后路由匹配的是
这样我们去找这个js
/**
* Created by syk on 17/6/27.
*/
var request = require('request');
module.exports = function (req,res) {
var param = {
queryType : "private",
userId : "45",
targetId : "594",
pageNo : "1"
};
// request.post('http://www.sosona.com:8443/trip/get3and1List.action', function(err,httpResponse,body){
// console.log(JSON.parse(body));
// body = JSON.parse(body);
// data = body.data;
// res.send({
// code:0,
// data:data
// });
// }).form({body:JSON.stringify(param)});
request.post({
url: 'https://www.sosona.com:8443/trip/get3and1List.action',
headers: {
"content-type": "application/json",
},
body: JSON.stringify(param)
}, function(error, response, body) {
console.log(JSON.parse(body));
body = JSON.parse(body);
data = body.data;
res.send({
code:0,
data:data
})
});
// request.post({uri:'https://www.sosona.com:8443/trip/get3and1List.action'},{body:JSON.stringify(param)},(err,response,body)=>{
// console.log(JSON.parse(body));
// body = JSON.parse(body);
// data = body.data;
// res.send({
// code:0,
// data:data
// })
// });
};
由于ajax天生不能跨域(jsonp)可以,所以我们需要用到一种npm别人做好的三方数据访问插件:
访问需要的格式我这里是写死的,其实在正常访问中,这个应该是浏览器用form表单,或者是ajax访问当前服务器的api,然后我这里拿到参数再进行对java后台的请求:
这里可以看到我们具体的请求路径:
很神奇,这个接口到现在还在使用(毕竟当时是去年六月份的时候使用的),请求玩的数据我通过res.send,拼接了一个json返回
最后在页面中显示出来的效果就是这样的
这个接口访问的速度很慢,慢的原因不在我,这个数据是三合一的,后台连表查了user,直播,游记,行程4表联查~~
最后一个是浏览器页面访问服务器,这个其实跟直接url访问页面基本一样,同服务器下请求,ajax根本不用跨域,这里没时间写了,后续后时间会更新一下~~ 我去回顾iOS 去了~~
