nodejs学习总结02

response对象常用的API

#response对象
 response  对象类型<http.ServerResponse>

response对象常用成员:
response.writeHead(statusCode[,statusMessage][,headers])
1.This method must only be called once on a message and it must be called before response.end()is called.
     这个方法在每次请求响应前都必须被调用（只能调用一次）。并且必须在end()方法调用前调用。

该方法会通知服务器，所有响应头和响应主体都已被发送，即服务器将其视为已完成。每次响应都必须调用response.end()方法。

如果指定了data,则相当于调用response.write(data,encoding)之后再调用response.end(callback)。

如果指定了callback,则当响应流结束时被调用。

2.If you call response.write()or response.end()before calling this,the implicit/mutable headers will be calculated and call this function for you.
    如果在调用writeHead()方法之前调用了write()或end()方法，系统会自动帮你调用writeHead()方法，并且会生成默认的响应头
3.When headers have been set with response.setHeader(),they will be merged with any headers passed to response.writeHead(),with the headers passed to response.writeHead()given precedence.
    如果通过res.setHeader()也设置了响应头，那么系统会将serHeader()设置的响应头和writeHead()设置的响应头合并。
并且writeHead()的设置优先

4.通过res.setHeader()设置响应报文头
res.setHeader()要放在res.write()和res.end()之前设置
因为即便我们不设置响应报文头，系统也会默认有响应报文头，并且默认发送给浏览器，当已经发送过响应报文头后，就不能再通过res.setHeader（）来再次设置响应报文头，否则就就会报错。

res.setHeader('Content-Type','text/plain;charset=utf-8');    //这句代码要放在前面。

第五种情况对应的前面代码

情况六：

**res.setHeader方法和res.writerHead方法的小区别。

npm的全局安装：

任何项目中只要你用的到这个包了，必须要进行一次本地安装（npm install mime -g）。这样就可以单独使用了，mime a.css 输出  text/css 。全局安装的含义（-g）：可以作为命令行使用。

 modules和packages的区别：

npm仓库里保存的所有代码都是包，但并不是每个packages都是一个模块 。

这个包必须能在nodejs里面require加载出来的才能被叫做模块。 否则的话也只是一个包。

但是不是每个模块都是一个包，有时候是本地的 ，一个js文件就是一个模块。 必须要有一个package.json文件来表示才能是一个包。

 package.json、package-lock.json文件介绍

package.json：包描述文件或者项目描述文件，描述项目自身或者包自身的文件

元数据：描述自身的数据

package-lock.json：npm 5以上才引进的文件，好处，让我们安装一些包的时候速度更快。 为什么会引进呢？：  这个json文件一开始是向别人借鉴的， 一些大牛公司自己写了一个可以加快速度的npm的替代产品：yarn。

package-lock.json：保存了当前项目中所有的依赖的包以及每个包依赖的子包的详尽信息，都存在 package-lock.json文件中，npm install的时候直接从这个文件中的地址下载就好,  省去了查找搜索这个过程了。所以安装速度会变得很快 

不过一般不会手动创建。创建的名称不要大写，也不要中文，容易报错。

一.自己设计路由，实现HackerNews网站部分功能

1.设计路由：设计请求的方法和请求的路径

要学会查找mdn，查看转换大小写的代码。

2. 路由的判断：

读取文件和路径拼接，

后面的读取和读取index一样。

startsWith方法用来判断这个字符串是否一样的开头

要有返回return

 3.封装render（）函数（很多重复的代码）

上面代码错误，因为req.url不存在，所以改为下面的filename

将路径传参给render（）函数。

 404也可以写一个html文件调取就好。

4.直接调取render（）函数（res.render（）；）

封装一个render()函数
将render函数挂在到res对象上，可以通过res.render()来访问

//为res对象添加一个render（）函数，方面后续使用。

实例：

 5.通过使用url模块的parse方法获取用户get提交的数据

把表单的请求方法post改成get，把路径 /r 改成 /add

表示get方法提交一条新闻

既然是get提交数据，所以通过req.url 就可以直接获取这些数据，但是这样使用起来不方便（得自己去截取字符串，然后获取想要的数据）

通过url模块，可以将用户get提交的数据解析成一个json对象，使用起来很方便。

1.获取用户get提交过来的新闻数据 (重点)———要获取用户get提交的数据，只需要用到内置模块url模块（这个模块是node.js 内置模块，不是第三方模块）
2.把用户提交的新闻数据保存到data.json文件中
3.跳转到新闻列表页

6.将用户提交的数据写入data.json文件中。

保存到list数组里面，后面把这个数组保存在一个文件里面。

 7.服务器端通过设置http响应报文头实现浏览器重定向操作

以3开头的都表示跳转，301（表示这个页面持久的移动到某个位置），302（表示这个页面临时的移动到某个位置 ）

第一步：设置http状态码为302或者301跳转

第二步：设置这个状态码对应的消息Found

第三步： 服务器告诉浏览器要跳转的位置 （'Location'，'/'）

最重要的一步就是要每个请求结束这个响应 ：end();

 8. get方式提交新闻防止新闻被覆盖掉

每次list生成新的数组都会把之前的数据覆盖掉。

实现在原来的list的数组的基础上追加新闻，而不是覆盖。

1.1读取data.json文件中的数组，并读取到的而数据转换为一个数组

此处，读取文件的时候可以直接写一个utf-8编码，这样的话，回调函数的data就是一个字符串了。

如果第一次访问这个网站。data下面就没有data.json这个文件，所以读取不成功。

解决方法：把data数据里面变成一个空数组，直接把空数组转换为list，所以直接向空数组里面添加数据就好了。如果里面已经有数据了，就直接把数据转成数组，数组转换成字符串，在写到data.json中。后面push进去的对象直接逗号后面加就好了。

然后把6，7内容的代码放进去不能放在后面。

 9.用post方式提交一条新闻

和get方法差不多，只有第三步的push一条新闻的方式不一样。

第一步：

第二步：获取用户post提交的数据

在服务器端要想获取用户post提交的数据，要执行两步：监听两个事件

1.监听request对象的data事件

2.监听request对象的end事件

（post提交数据的方式，提交的数据量比较大，所以不可能一下子拿到所有数据，所以要监听data事件。当数据量比较大的时候，浏览器会一点一点向服务器上传数据，每次上传一份数据，会触发一次request对象的data事件。当触发了end事件的时候就表示浏览器把所有的数据提交完毕了，我们就可以拿到所有数据了。把所有数据汇总起来）

chunk（译：一块，一份）是参数名，可以取别的参数名，但是这个参数是个buffer对象

每次这个data事件被触发，就会执行function（chunk）{}回调函数。

数组array的作用是保存用户每次提交的数据。

把array数组里面的多个buffer对象最后汇总到一个buffer对象里面。

集合数组要用到concat。

要结束响应浏览器才能看到最终结果。

在get方法中，向新闻数组里面list的是一个json对象。而post方法中，转换成的字符串不是一个json对象

解决方法：在nodejs中， 如何把一个用户请求的查询字符串(title=ffff&url=ffff&text=ffff)转换为json对象：用nodejs里面的内置模块Query String

（如果是json格式字符串的话{title:'ffff',url:'ffff',text:'ffff'}，直接就用JSON.parse（）；就可以解析了。）

将新的list数组，写入data.json文件中。（和前面get一样）

 

10.渲染index页面新闻列表数据

提交新闻后，每次跳转到首页，首页却没有把提交的信息显示出来

所以现在要在首页把提交的信息显示出来。

渲染开始在最前面：在最前面的根据用户请求的路由，将对应的html页面显示那里开始。

11.underscore的使用

就是一个工具函数库，可以用在浏览器端也可以用在nodejs端。

每新建一个js文件都要新生成一些文件，而且还要去下载这个文件。

underscore本身就有下划线的含义

所以命名的时候可以直接使用_(下划线)

demo01：underscore里面的压缩和解压方法

上面是压缩后，下面是压缩前，

 demo02：template 模板的替换

 12.渲染index页面新闻列表数据02

第一步：先加载http模块，加载了underscore模块

render函数需要添加一个参数tplData（模板数据）

传参：list是对象，list_news是list的值（赋值）

还要进行模板替换，如果是静态资源文件，没给我传模板数据，那么模板对象就是一个undefined，所以要进行判断（if判断）。那模板数据传进来替换完毕以后，替换后的内容再给data，后面渲染的时候直接设置data就好了。

改完以后，render（）函数以后就既能渲染普通css，图片，又能渲染带模板的网页。如果渲染普通图片，就不用传tplData这个参数了。

 13.添加新闻时增加一个id属性

点击显示新闻详情

改链接地址

data.json里的信息都没有id这个属性

直接链接到id

直接生成id属性：

有post添加也有get添加

get添加新闻：

post添加新闻：

 14.显示新闻详情：

找到  /item详情页

第二步要写一个循环找到与item相等的数据；要用tostring转换类型相同。

回到前面改submit.html里面的else if

15.封装读取data.json文件和写入data.json文件的方法

很多地方都用到了要写入data.json文件。

现在读文件和写文件都是异步进行的，如果是异步的话，封装方法就不能用return来返回，不能用return拿到结果！必须用一个回调函数来将异步里面的方法数据传递出去。

核心：封装方法也必须传一个回调函数进来。

如何调用封装的方法

以下这些都不要了。

直接两步到位：

封装写入data.json文件的方法：

封装以下的方法：

封装的函数要传参，也要传一个回调函数callbake，而不是传进去res.因为当数据写入data.json后要继续执行重定向的，这个时候才需要传进去res这个参数，不过按现在的业务需求，已经不再需要浏览器进行重定向一下了，因为现在要做的是服务器端的渲染， 就是说写完文件后的后续操作不确定，不能用重定向写死，不一定永远都是重定向，

运用：

15.封装获取用户post提交的数据方法