node js（模块）

koa-router模块

和koa-route模块一样，也是koa的一个中间，用来处理路由
下载
- ```
cnpm i koa-router -S
```

使用

const Koa = require('koa');
const Router = require('koa-router');
const app = new Koa();
const router = new Router();
const main = ctx => {
  ctx.body = 'Hello Koa';
}
router.get('/', main);
// 注册并使用routers启动路由
app.use(router.routes())
// 自动丰富response相应头，当未设置响应状态的时候自动设置，在所有路由中间件最后设置，也可以设置具体某一个路由，例如：router.get('/index', router.allowedMethods());这相当于当访问/index时才设置
.use(router.allowedMethods())
.listen(3000);

参数处理

const Koa = require('koa');
const Router = require('koa-router');
const app = new Koa();
const router = new Router();
// 单个参数
const main = ctx => {
  // http://127.0.0.1:3000/123
  console.log(ctx.params); // {id: 123}
  ctx.body = 'Hello Koa';
}
// 多个参数
//const main = ctx => {
  // http://127.0.0.1:3000/123/456
  //console.log(ctx.params); // {id: 123, uid: 456}
  //ctx.body = 'Hello Koa';
//}
router.get('/:id/:uid', main);
// 注册并使用routers启动路由
app.use(router.routes())
.use(router.allowedMethods())
.listen(3000);

路由封装
- 当项目庞大，路由非常多时，app.js就会变得特别臃肿
例：index.js

const Router = require('koa-router');
const router = new Router();
router.get('/', (ctx, next) => {
  ctx.body = 'index';
  // next()函数，当执行next将会从这里主动把执行权交给下一个中间件
  next();
});
module.exports = router.routes();

总路由配置文件router.js

const Router = require('koa-router');
const router = new Router();
const index = require('./routes/index.js');
const about = require('./routes/about.js');
router.use('/', index);
router.use('/about', about);
module.exports = router;

app.js

const router = require('./router.js');
app.use(router.routes())
.use(router.allowedMethods())
.listen(3000);

koa-bodyparser模块

处理post请求的上下文注入到ctx.req.body中

const Koa = require('koa');
const Router = require('koa-router');
const app = new Koa();
const router = new Router();
const bodyParser = require('koa-bodyparser');
app.use(bodyParser);
router.post('/', ctx => {
  console.log(ctx.req.body)
});
app.use(router.routes());
app.listen(3000);

koa-views模块、ejs模块

koa-views处理模板
ejs模板引擎

const Koa = require('koa');
const app = new Koa();
const views = require('koa-views');
const path = require('path');
app.use(views(path(__dirname, 'views'), {
  extension: 'ejs'
})
app.use(ctx => {
    let title = 'hello ejs';
    ctx.render('index', {title})
})

views/index.ejs

<!DOCTYPE html>
<html>
    <head>
        <title><%= title%></title>
    </head>
</html>

请求头设置及说明

CORS

CORS是一个W3C标准，全称是"跨域资源共享(Cross-origin resource sharing)

const Koa = require('koa');
const app = new Koa();
router.get('/', ctx => {
  // 允许所有域请求
  ctx.set("Access-Control-Allow-Origin", "*");
  // 只允许来自http://localhost:8080的请求
  ctx.set("Access-Control-Allow-Origin", "http://localhost:8080");
  // 设置所允许的HTTP请求方法
  ctx.set("Access-Control-Allow-Methods", "OPTIONS, GET, PUT, POST, DELETE");
  // 表明服务器支持的所有头信息字段.
  ctx.set("Access-Control-Allow-Headers", "x-requested-with, accept, origin, content-type");
  // Content-Type表示具体请求中的媒体类型信息
  ctx.set("Content-Type", "application/json;charset=utf-8");
  // 该字段可选。它的值是一个布尔值，表示是否允许发送Cookie。默认情况下，Cookie不包括在CORS请求之中。
  // 当设置成允许请求携带cookie时，需要保证"Access-Control-Allow-Origin"是服务器有的域名，而不能是"*";
  ctx.set("Access-Control-Allow-Credentials", true);
});
app.use(router.routes());
app.listen(3000);

form表单
- method
  - 请求方式，一般使用get和post
- enctype
  - application/x-www-form-urlencoded
    - 对所有字符都会进行编码（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值）
  - multipart/form-data
    - 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值
  - text/plain
    - 空格转换为 "+" 加号，但不对特殊字符编码
- action
  - 请求地址
- name
  - 设置表单名称
- novalidate
  - 阻止表单默认的验证规则，否则会与开发中的验证规则发生冲突，建议添加
- 阻止表单默认跳转
  - ev.preventDefault(),但是同时会阻止表单的默认提交
  - 通过iframe阻止跳转，调用form的submit方法，可以达到提交数据并且不会跳转的目的
  - ```
  <form action="url" target="stop"></form>
  <iframe name="stop" style="display:none;"></iframe>
```
- 获取form表单提交后，获取后端返回的数据
  - 常见的获取方式是通过jquery的ajaxForm，但是我们往往不会因为一个功能点而去增加项目的重量，这是不合理的，这里我们通过原生来实现这个功能,我们通过iframe阻止跳转是因为我们的form指向了我们的iframe，请求后端后，后端返回数据也就指向了我们的iframe
  - ```
  <form action="url" target="stop"></form>
  <iframe name="stop" style="display:none;" id="formData"></iframe>
```
- javascript
- ```
document.queryselect('#formData').onload = function() {
  let data = JSON.parse(this.contentWindow.document.body.innerText
}
```

最后编辑于：2019.08.14 20:06:14

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 216,843评论 6赞 502
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 92,538评论 3赞 392
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 163,187评论 0赞 353
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 58,264评论 1赞 292
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 67,289评论 6赞 390
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 51,231评论 1赞 299
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,116评论 3赞 418
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 38,945评论 0赞 275
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 45,367评论 1赞 313
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,581评论 2赞 333
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 39,754评论 1赞 348
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,458评论 5赞 344
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 41,068评论 3赞 327
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 31,692评论 0赞 22
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,842评论 1赞 269
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 47,797评论 2赞 369
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 44,654评论 2赞 354

node js（模块）

推荐阅读更多精彩内容