koa --- nunjucks

安装:

npm install koa-nunjucks-2 --save

目录结构

|--- controller/
|    |--- home.js
|--- service/
|    |--- home.js
|--- views/
|--- app.js
|--- router.js

app.js

// (部分)
const nunjucks = require('koa-nunjucks-2');
app.use(nunjucks({ext: 'html,path: path.join(__dirname, 'views' ),nunjucksConfig: {trimBlocks: true}
}));

login.html

// view/home/login.html
<!DOCTYPE html>
<html lane="en">
<head><title></title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<form action="/user/login" method="post"><input name="name" type="text" placeholder="请输入用户名: ikcamp" /><br /><input name="password" type="text" placeholder="请输入密码: 123456" /><br/><button>{{ btnName }} </button>
</form>
</body>
</html>

controller/home.js

login: async(ctx, next) => {await ctx.render('home/login', {btnName: 'GoGoGo'});
},

koa --- nunjucks相关推荐

koa --- nunjucks在Koa中的使用、中间件的配置
Nunjucks在Koa中的应用 app.js const koa = require('koa'); const app = new koa(); const router = require('. ...
http+nunjucks模板引擎、koa+nunjucks模板引擎
模板引擎模板引擎:模板引擎是web应用中动态生成html的工具,负责将数据和模板结合. 常见模板引擎有:ejs.jade(现更名为pug).Handlebars.Nunjucks.Swig等: 使用 ...
Node.js(二)——pug模板引擎，nunjucks模板引擎，在koa中使用pug和nunjucks模板引擎
目录 1.知识点及课堂目标 2.模板引擎 3.pug模板引擎使用 3.1安装pug 3.2pug常用语法 3.2.1通过缩进关系,代替以往html的层级包含关系. 3.2.2html 元素属性/sty ...
React + Koa 实现服务端渲染(SSR)
⚛️React是目前前端社区最流行的UI库之一,它的基于组件化的开发方式极大地提升了前端开发体验,React通过拆分一个大的应用至一个个小的组件,来使得我们的代码更加的可被重用,以及获得更好的可维护性 ...
koa --- 使用koa-multer上传文件+elementUI
核心代码 const upload = require('koa-multer') ({dest: './public/images'}); router.post('/upload', upload ...
react native text换行_基于React+Koa实现React SSR服务端渲染
React Server-Side Rendering 其实这个概念很早之前就有了解了,出于没有应用场景原因,之前一直都只停留在了解API的层面,未曾去实践.快到周末闲来无事,自己复盘了下之前做的新商 ...
koa + pug模板引擎
模板引擎模板引擎:模板引擎是web应用中动态生成html的工具,负责将数据和模板结合. 常见模板引擎有:ejs.jade(现更名为pug).Handlebars.Nunjucks.Swig等: 使用 ...
Nunjucks模板入门
一.为什么要用Nunjucks? 我们上节课设置页面内容时,是用模板字符串来写的,但是内容多的时候,这样就不好看,也不方便. 二.安装 1.koa-views:告诉计算机,要用哪个模板引擎 2.nun ...
Nunjucks模板语法
一.循环语句 1.js代码 const Koa = require("koa"); // 引入Koa构造函数 const views = require("koa-vie ...

koa --- nunjucks

安装:

目录结构

app.js

login.html

controller/home.js

koa --- nunjucks相关推荐

最新文章

热门文章