2018-03-11-0.node.js回顾2

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 去了~~