当前位置：首页 > 软件库 > Web应用开发 > Web框架 >

koa-views

授权协议 MIT License

开发语言 JavaScript

所属分类 Web应用开发、 Web框架

软件类型开源软件

地区不详

投递者冀越

操作系统跨平台

开源组织无

适用人群未知

软件概览

koa-views

Template rendering middleware for koa@2.

Installation

npm install koa-views

Templating engines

koa-views is using consolidate under the hood.

List of supported engines

NOTE: you must still install the engines you wish to use, add them to your package.json dependencies.

Example

var views = require('koa-views');

const render = views(__dirname + '/views', {
  map: {
    html: 'underscore'
  }
})

// Must be used before any router is used
app.use(render)
// OR Expand by app.context
// No order restrictions
// app.context.render = render()

app.use(async function (ctx) {
  ctx.state = {
    session: this.session,
    title: 'app'
  };

  await ctx.render('user', {
    user: 'John'
  });
});

For more examples you can take a look at the tests.

Simple middleware

If you need to simply render pages with locals, you can install koa-views-render:

npm install koa-views-render

Then simply use it on your routes and its arguments will be passed to ctx.render.

var render = require('koa-views-render');

// ...

app.use(render('home', { title : 'Home Page' }));

API

`views(root, opts)`

root: Where your views are located. Must be an absolute path. All rendered views are relative to this path
opts (optional)
opts.autoRender: Whether to use ctx.body to receive the rendered template string. Defaults to true.

const render = views(__dirname, { autoRender: false, extension: 'pug' });
app.use(render)
// OR
// app.context.render = render()

app.use(async function (ctx) {
  return await ctx.render('user.pug')
})

vs.

const render = views(__dirname, { extension: 'pug' })
app.use(render)
// OR
// app.context.render = render()

app.use(async function (ctx) {
  await ctx.render('user.pug')
})

opts.extension: Default extension for your views

Instead of providing the full file extension you can omit it.

app.use(async function (ctx) {
  await ctx.render('user.pug')
})

vs.

const render = views(__dirname, { extension: 'pug' })
app.use(render)
// OR
// app.context.render = render()

app.use(async function (ctx) {
  await ctx.render('user')
})

opts.map: Map a file extension to an engine

In this example, each file ending with .html will get rendered using the nunjucks templating engine.

const render = views(__dirname, { map: {html: 'nunjucks' }})
app.use(render)
// OR
// app.context.render = render()
// render `user.html` with nunjucks
app.use(async function (ctx) {
  await ctx.render('user.html')
})

opts.engineSource: replace consolidate as default engine source

If you’re not happy with consolidate or want more control over the engines, you can override it with this options. engineSource shouldbe an object that maps an extension to a function that receives a path and options and returns a promise. In this example templates with the foo extension will always return bar.

const render = views(__dirname, { engineSource: {foo: () => Promise.resolve('bar')}})
app.use(render)
// OR
// app.context.render = render()

app.use(async function (ctx) {
  await ctx.render('index.foo')
})

opts.options: These options will get passed to the view engine. This is the time to add partials and helpers etc.

const app = new Koa()
  .use(views(__dirname, {
    map: { hbs: 'handlebars' },
    options: {
      helpers: {
        uppercase: (str) => str.toUpperCase()
      },

      partials: {
        subTitle: './my-partial' // requires ./my-partial.hbs
      },
      
      cache: true // cache the template string or not
    }
  }))
  .use(function (ctx) {
    ctx.state = { title: 'my title', author: 'queckezz' }
    return ctx.render('./my-view.hbs')
  })

Debug

Set the DEBUG environment variable to koa-views when starting your server.

$ DEBUG=koa-views

License

MIT

使用案例

学习koa模板引擎中间件koa-views

我们做WEB出身的一直很自然的想到怎么实现前端显示，早期我们都是把asp,php在html插入相应的asp及php代码，后面再就是使用一些标记来用于前台显示，主要是为了实现MVC，把前端和后端逻辑分离，现在想像一下按理来nodejs应也是有的，其实koa作为WEB框架按理也是有这一部分的，所今天来学习一下中间件koa-views. 我现在也是一边学一边写的，主要是记录下来当时学习的过程，因此可能有
koa框架会用也会写—(koa-view、koa-static)

Koa中常用的中间件： koa-session：让无状态的http拥有状态，基于cookie实现的后台保存信息的session koa-mysql:封装了需要用到的SQL语句 koa-mysql-session：当不想让session存储到内存，而想让session存储到mysql数据库中时使用 koa-router：后台会接受到各种请求的url，路由会根据不同的url来使用不同的处理逻辑。 ko
koa2＋koa-views示例

app.js var Koa = require('koa') var fs = require('fs') var path = require('path') var koaStaticPlus = require('koa-static-plus') var Router = require('./router') var app = new Koa() //处理静态资源 app.use
Koa的一点开始，一直报错找不到koa 模块

const Koa = require('koa'); const Router = require('koa-router'); const app = new Koa(); const router = new Router(); router.get('/', function (ctx, next) { ctx.body="Hello JSPang"; }) .get('/todo',(c
koa框架会用也会写—(koa-view、koa-static)

Koa中常用的中间件： koa-session：让无状态的http拥有状态，基于cookie实现的后台保存信息的session koa-mysql:封装了需要用到的SQL语句 koa-mysql-session：当不想让session存储到内存，而想让session存储到mysql数据库中时使用 koa-router：后台会接受到各种请求的url，路由会根据不同的url来使用不同的处理逻辑。 ko
Koa2 渲染视图koa-views

koa-views 是一个使用模板引擎渲染视图的 Koa 中间件。它可以集成多种模板引擎，包括 EJS、Pug、Handlebars 等等。下面是使用 koa-views 渲染 EJS 模板的简单示例：安装 koa-views 和 EJS： npm install koa-views ejs 引入 koa-views 和 Koa： const Koa = require('koa'); co
Koa---koa-bodyparser 中间件的使用

1.安装 npm install koa-bodyparser --save 2.引入 // 引入koa-bodyparser插件 let bodyparser = require('koa-bodyparser'); 3.配置 // 配置中间件 app.use(bodyparser()); 4.使用 ctx.request.body;//获取post传过来的参数案例： app_post.j

koa-views

koa-views

Installation

Templating engines

Example

Simple middleware

API

`views(root, opts)`

Debug

License

同类工具

相关阅读

相关文章

相关问答

相关文档