🌟前言
哈喽小伙伴们,新的专栏 Node 已开启;这个专栏里边会收录一些Node的基础知识和项目实战;今天我们继续带大家了解Node的框架 Koa ;让我们一起来看看吧🤘
🌟静态资源托管
为了提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件,请使用 koa-static包。
🌟安装
安装静态文件模块:
npm i koa-static -S
🌟使用
const static_ = require('koa-static') app.use(static_( path.join(__dirname, './static') ))
这样的一两句代码,就完成了一个静态服务器的搭建,static 目录下的文件,就能支持通过路径访问。
🌟Koa视图
koa-views 是一个视图管理模块,它的灵活度很高,支持很多的模版引擎,这里我们给它配置的引擎是 ejs。
🌟EJS模板引擎使用
关于EJS模板引擎详细使用,请查看文档 架构模式 > MVC架构模式 > EJS模板引擎
🌟安装
npm i koa-views npm i ejs
🌟配置
views(root[, opts])
参数描述:
root: 模板所在的位置。可以是相对路径也可以是绝对路径,所有渲染模板都是相对于此路径的
opts (可选参数)
opts.autoRender: 是否使用 ctx.body 接收渲染的模板字符串。默认为true。
opts.extension: 模板文件的默认扩展名,默认为html
opts.map: 将指定模板文件扩展名映射到模板引擎
配置1:使用默认后缀,此时的模板文件后缀名为.ejs
const views = require('koa-views') const path = require('path') // 配置视图 app.use(views(path.join(__dirname, './views'), { extension: 'ejs' }))
配置2:设置模板引擎后缀为html,此时的模板文件后缀名为.html
// 配置视图 app.use(views(path.join(__dirname, './views'), { map: {html:'ejs'} }))
🌟使用
🌟模板渲染方法
ctx.render(viewPath, locals ):Promise
参数描述:
viewPath:一个字符串,view是要渲染的模板文件的文件路径。
locals:一个对象,其属性定义视图的局部变量。
🌟使用案例
我们新建一个 views 目录,这里面存放我们的视图文件,在新建一个 index.ejs。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ejs</title> </head> <body> <%=message%> <!-- ejs 的模版语法,读取变量 message | 是从 render 传递过来 --> </body> </html>
app.js
app.use(async (ctx, next) => { await ctx.render('index', {message: 'index'}) // render 渲染方法,这里加载到 views/index.ejs 文件 | 第二参数是传参到模版 await next() })
🌟数据库
mysql2是一个高性能的MySQL驱动程序。
安装:
npm install --save mysql2
使用:
const http = require('http'); const mysql = require('mysql2/promise'); const Koa = require('koa'); // create the pool const pool = mysql.createPool({ connectionLimit:10, //连接数,默认10个 host:'localhost', user:'root', password:'', database:'数据 库名' port:3306 //默认服务器端口 }); let App = new Koa(); App.listen(8080); App.context.db = pool; //可以在任意模块中使用 ctx.db操作数据库 App.use(async (ctx,next)=>{ try{ //可以使用async await的书写形式 let data = await ctx.db.query('SELECT * FROM 表名'); next(); }catch(e){ console.log('error',e); } });
关于mysql2的使用,请参考 第三方包>mysql
🌟写在最后
更多Node知识以及API请大家持续关注,尽请期待。各位小伙伴让我们 let’s be prepared at all times!