首页  流程图  详情

一，koa2学习框架

2020-08-27 10:51:00   1  举报





简述了新手入门koa2的基本流程和demo搭建

koa2

nodejs

学习笔记

作者其他创作

大纲/内容

<!-news.html-><!DOCTYPE html><html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <title>新闻</title> <link rel=\"stylesheet\" href=\"style/css/style.css\" /> </head> <body> <div class=\"text\">这是新闻哦 <%=commonData%> <img src=\"style/img/timg.jpg\" alt=\"\" /> </body></html>

1，环境搭建

//引入koa模块const Koa = require('koa');const Router = require('koa-router');const views = require('koa-views');const static = require('koa-static');

npm install koa-router koa-views ejs koa-static --savekoa2框架依赖模块和ejs模块

npm init创建package.json

npm install koa --save安装koa（同时生成node_modules模块文件夹和package-lock.json，同时修改package.json信息）

//实例化const app = new Koa();const router = new Router();

2，koa2服务端控制流程

<!-index.html-><!DOCTYPE html><html lang=\"en\"> <head> <meta charset=\"UTF-8\" /> <title>首页</title> <link rel=\"stylesheet\" href=\"style/css/style.css\" /> </head> <body> <div class=\"text\">静态资源使用ohoh <%=commonData%> <img src=\"style/img/timg.jpg\" alt=\"\" /> </body></html>

html模板

//配置静态资源中间件（将css，js等资源放在/style内）/** * 其中 __dirname 是我们当前目录绝对路径的意思 * *///app.use(static(__dirname + '/style'));app.use(static(__dirname));

3，目录结构

安装nodejs

//端口监听app.listen(3000);

二选一

/* style.css */.text{ color:#f40;}

ejs模板

//启动路由app.use(router.routes());app.use(router.allowedMethods());

4，文件代码

创建工程目录，在工程目录下cmd开启命令行