02-Koa-处理网页

1.处理静态网页

因为Koa是一个轻量级的框架,它把所有的附加功能都封装成了独立的模块中

如果我们想使用这些功能,必须先安装再使用

那我们先来安装一下

npm install koa-static

详情: www.npmjs.com/package/koa…

废物不多说,直接上代码

// 1.导入Koa
const Koa = require('koa');
// 2.导入处理静态资源的模块
const serve = require('koa-static');
// 3.创建服务器实例对象
const app = new Koa();
// 4.注册处理静态资源的中间件
// 我的目录下有一个放置静态资源的public目录
app.use(serve('public'));
app.listen(999);

效果图

2.处理动态网页

首先还是先安装模块

npm install koa-views

详情: www.npmjs.com/package/koa…

npm install ejs

废物不多说,直接上代码

// 1.导入Koa
const Koa = require("koa");
// 2..导入处理动态资源的中间件
const views = require("koa-views");
// 3..创建服务器实例对象
const app = new Koa();
/*
4.注册动态静态资源的中间件
- 我的目录下有一个放置静态资源的public目录
- 告诉Koa我们用的什么模板引擎,这里就使用一下ejs
- 可以通过两种方式来进行
- 使用map告诉Koa但凡遇到html的文件就使用ejs引擎
- 使用extension告诉Koa模板的后缀名为xx
 */
const render = views(__dirname + '/views', {
  extension: 'ejs'
})
app.use(render)
/*
- Koa的ctx就是Express中的req,res的结合体
- 这里使用async把这个变成异步
- 然后使用render告诉它你要渲染的是哪个文件
- 渲染的数据是什么
 */
app.use(async (ctx, next) => {
  await ctx.render("index", { msg: "我是动态网页" });
});
// 5.指定监听端口
app.listen(999);

效果图