【koa2】ejs模板引擎、koa-static静态资源中间件

小怪、

于 2022-06-23 17:01:12 发布

阅读量308

点赞数

分类专栏： koa2 ejs 文章标签：中间件

本文链接：https://blog.csdn.net/weixin_40721081/article/details/125428193

版权

koa2 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

ejs

1 篇文章 0 订阅

订阅专栏

模板引擎的配置

  1、安装依赖koa-views 和ejs
      npm install koa-views ejs --save
  2、引入 koa-views配置中间件
      var views = require('koa-views')
  
	 配置中间件
	 app.use(views(__dirname + '/views',{  // 指定目录/views
	    map: {
	        html: 'ejs'
	    }
	}))
  3、创建模板 views/index.html
  	
  4、渲染页面
  	   let title ="你好,koa模板"
	   await ctx.render("index.html",{
	       "title":title,
	       "newsList":[
           {title:'新闻111'},{title:'新闻11133'},{title:'新闻11441'},{title:'新闻22111'},
        ],
	        "h":"<h2>后台h页面</h2>"
	   })
	})

绑定数据 <%=title%>
ejs引入模板可以用来调用页面或者引入公共标题
<%- include('public/header.html')%>
ejs绑定html,解析标签数据 <%-h%>
Ejs模板判断语句
Ejs模板中循环数据

koa-static静态资源中间件模板

  配置静态web
   1、安装模块
     	npm install koa-static --save
   2、引入koa-static 
    	const serve = require('koa-static');
  	 	app.use(serve('public'))  //public是静态文件文件名
  3、引入静态图片
 		<img src="images/1.png" width="100">