码迷,mamicode.com
首页 > 其他好文 > 详细

3、KOA模板引擎+访问静态资料中间件

时间:2018-08-22 22:49:51      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:php   app   服务   extension   方法   数据   获取   使用   文件夹   

一、Koa模板引擎初识
1、安装中间件 : npm i --save koa-views
2、安装ejs模板引擎 :npm i --save ejs
3、编写模板:<%= title %> 是调用传递的数据。可以自定义

<!DOCTYPE html>
<html>
<head>
    <title><%= title %></title>http://jspang.com/wp-admin/post.php?post=2760&action=edit#
</head>
<body>
    <h1><%= title %></h1>
    <p>EJS Welcome to <%= title %></p>
</body>
</html>

4、编写

const Koa = require(‘koa‘);
const app = new Koa();
const path = require(‘path‘);
const views = require(‘koa-views‘);

//加载模板引擎
//‘./view‘ 是文件夹的路径,也就是模板所在的位置
app.use(views(path.join(__dirname,‘./view‘),{
    extension:‘ejs‘
}))

//调用模板引擎
app.use(async(ctx)=>{
    let title = "hello Koa2"
    //通过ctx.render调用的方法模板,index是模板的名称,title是传递的东西
    await ctx.render(‘index‘,{
        title
    })
})

app.listen(3000,()=>{
    console.log("OK,3000")
})

 

二、访问静态资料中间件
1、在服务器环境中,我们不能直接通过浏览器地址来打开,或者获取一个文件夹里面的内容,如图片,那么就需要用到static的中间件了
2、安装:npm i --save koa-static
3、建一个文件夹名称为什么:static 并且放入 一些文件或者图片。 名称随便起
4、使用和书写

const Koa = require(‘koa‘);
//引入地址变量和静态资源中间件
const static = require(‘koa-static‘);
const path = require(‘path‘);

const app = new Koa();

let staticPath = ‘./static‘

//使用访问静态中间件,staticPath 是地址 文件夹  
app.use(static(path.join(__dirname,staticPath)))

app.use(async(ctx)=>{
    ctx.body = ‘aaaaaaaaaa‘
})

app.listen(3000,()=>{
    console.log("OK,3000")
})

  

 

3、KOA模板引擎+访问静态资料中间件

标签:php   app   服务   extension   方法   数据   获取   使用   文件夹   

原文地址:https://www.cnblogs.com/chengxiang123/p/9520698.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!