基于express 的前后端交互学习

收获关键词

• 连接mongodb(monk),为什么一定要在bin目录下执行mongodb命令
• ajax\form表单提交，流数据的区别。可以看一下jquery的ajax是如何封装的。
• 路由
• connect-multiparty
• mongodb数据库命令行的基本操作。

学习笔记

mongodb

1. 将node和mongodb连接起来

• 在将数据库和工程文件夹data相连接时，我们通常会在mongo安装目录下执行mongod --dbpath "f://rs//nodetest1//data"或者在mongo安装目录下执行mongo命令。报错可能是由于工程文件夹data下存在了mongod.lock文件。这个文件阻止其他进程使用此工程目录。解决办法：删除工程文件夹下的data文件夹里的mongod.lock文件。

express API语法

1. use是express注册中间件的方法，它返回一个函数。判断请求网址的方式有两种：

//方法一
app.use(function(request, response, next) {
  if (request.url == "/about") { //除了在回调函数内部判断请求的网址
    response.writeHead(200, { "Content-Type": "text/plain" });
  } else {
    next();
  }
});
//方法二
app.use('/path', someMiddleware);//use方法也允许将请求网址写在第一个参数。

2. 对于router.post('/adduser', function(req, res) {})，如果想让后端相应到你提交的数据，那么表单提交或者ajax提交时必须注明method=post。而你直接在url地址来输入相应地址，实际上后端只能通过router.get()来捕捉到。

作者的错误

1. 中间件摆放顺序问题

app.use(function(req,res,next){//这段代码一定要放到之前来做
      req.db = db;
      next();
});
app.use('/', routes);//否则当我访问页面的时候，会先走到这个中间件，就做了路由设置会先去请求服务器，而db这个模块还未赋给req
app.use('/users', users);

mongodb命令行操作

database级操作

1. 切换数据库

var monk =require("monk");//monk是一个Node模块,可以方便你操作mongodb集合的接口,饥人谷后端作品库用的是mongoskin模块
var db= monk('localhost:27017/nodetest1');//nodetest1为数据库名称，db.nodetest1切换到当前数据库

use nodetest1//切换到nodetest1数据库

2. 查看当前数据库总体信息

db.stats()//

collection级操作

1. 查看当前数据库的所有表

show collections

1. 查看当前表的总体信息

db.表名.stats() // 可用于查看表里面有多少条记录都有。

1. 根据条件查询表中的某条记录

db.表名.find({id:1});//查找该表中所有id值为1的数据，如果是一个空对象则会将表中所有数据罗列出来。

2. 根据条件删除表中的某条数据

db.表名.remove({id:1});//查找该表中所有id值为1的数据,如果是一个空对象将删除表中所有数据

概念辨析，疑问自答

1. app.use和app.get有什么区别

app.use()
=> app.use([path,] function [, function…]), Mounts the middleware function(s) at the path. If path is not specified, it defaults to “/”.
第一个参数path可省略，默认是’/’路径。如果默认路径，那么第二个参数会应用到所有的request，不管来的request是get还是post
第二个参数是一个函数，叫中间件，所以app.use()一般是用来加载中间件的
app.get()
=>app.get(path, callback [, callback …]), Routes HTTP GET requests to the specified path with the specified callback functions. 这个函数一般出现在路由中，是用来处理对某个路径的get请求的。比如： app.get(’/pets’, function(){}), 当Get /pets的请求出现的时候，后面的那个函数会被调用。

2. form表单提交和ajax提交，后端接受数据有什么不同？
   ①如果用form表单提交，那么数据在req.body中。
   ②如果用ajax提交，req.body就是空对象。

Express 依赖 bodyParser 对请求的包体进行解析，默认支持：application/json, application/x-www-form-urlencoded, multipart/form-data.可惜对xml没有支持,需要自己代码来实现,

首先，请求头 content-type=text/xml实际上ajax提交的数据流的格式，所以可以用req.on('data'，function(){})这种方式来读取提交的数据流
现在关键问题是如何使得流数据转换成json数据？
node-xml2json 仅仅可以把xml格式的数据转换成json,但是解析不了流。
connect-multiparty 这个中间件可以。

3. ajax为什么xhr.status中有0这个值，http状态码中可没有啊？
   w3c中的XMLHttpRequest

The status attribute must return the result of running these steps:
If the state is UNSENT or OPENED, return 0.
If the error flag is set, return 0.
Return the HTTP status code.
【注释:The error flag indicates some type of network error or fetch termination. It is initially unset.】

这个error flag多说一下。

var xhr= new XMLHttpRequest();
xhr.status;// 默认就是0，表示请求还未发送
//如果请求过程中网络突然中断（服务器崩了），那么会自动返回:
xhr.readyState//4
xhr.status//0,表示网络故障或服务终止。

参考文献

1. Node+Express+Mongodb+monk简易入门教程
2. node.js 下依赖Express 实现post 4种方式提交参数