koa2系列教程：koa2使用模板引擎

lert0 2019-06-29

koa2系列教程，持续更新

  • koa2系列教程：koa2应用初见
  • koa2系列教程：koa2处理静态文件
  • koa2系列教程：koa2使用模板引擎
  • koa2系列教程：koa2路由控制中间件
  • koa2系列教程：综合koa2搭建登录注册页面
  • koa2系列教程：koa2实现登录注册功能

这篇教大家如何使用模板引擎

这里我们使用ejs模板引擎做 个例子，你们自己选择自己熟练的模板引擎

使用的版本：

koa2系列教程：koa2使用模板引擎

文件夹目录结构：

koa2系列教程：koa2使用模板引擎

1.编写index.js

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

// 加载模板引擎
app.use(views(path.join(__dirname, './views'), {
    extension: 'ejs'
  }))
  
app.use( async ( ctx ) => {
    let title = 'hello koa2'
    await ctx.render('index', {
      title,
    })
})

app.listen(3000, () => {
  console.log('localhost:3000')
})

2.编写/views/index.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
</head>
<body>
    <h2>views index</h2>
    <h1><%= title %></h1>
</body>
</html>

3.启动服务

node index.js

4.打开浏览器

koa2系列教程：koa2使用模板引擎

我们想要的结果就出来了

后记

本文首发于微信公众号：node前端

不妨关注一下

lert0

lert0

相关推荐

nodejs+koa2 实现模仿springMVC框架

环境安装，工具安装及中文自行百度，环境调整好后开始进入正题。Shift+ctrl+p，输入框内输入：launch.json. 参数介绍：name项目名称、version版本号、description项目描述、main项目启动文件、scripts启动快捷设置

boneix / 0评论 2020-10-21

koa2 数据api中间件设计模型的实现方法

假设所有的数据库读取，http api 接口请求都为一个中间件，将中间件当做插件，插入需要获取数据的位置。看着挺和谐，但是如果有多个数据中间件串联则会导致接口的响应时间为所有中间件的总和。Array.isArray) throw new TypeError

MrQuinn / 0评论 2020-08-16

快速搭建 Koa2 + TS 服务器

"name": "myweb","version": "1.0.0","description": "","main"

苏莉koa / 0评论 2020-06-10

前端晋升全栈工程师必备课程 Node.js从零开发webServer博客项目

包括课程概述、核心模块、核心技术、课程安排、课程收获、讲授方式、学习前提等方面的介绍，让同学们对课程项目有一个直观的了解。本章主要为了照顾尚未入门或者刚刚入门 nodejs 的同学，介绍 nodejs 的下载、安装和基本使用，以及 nodejs 和前端 j

starzhangkiss / 0评论 2020-04-19

koa2 的使用方法：(一)

* await 等待async方法执完毕;console,log// ｛aid:"123"｝ //获取动态路由的数据。ctx.body=‘商品页面‘；

LorenLiu / 0评论 2020-03-28

使用koa2-generator快速构建koa项目

安装到以下c盘目录中。在创建该项目之前，如果有需要，需要先cd进入该项目所在目录或文件夹。D:\base-ssm>koa2 -e koa2-learn //-e代表项目使用的是ejs的模板引擎。

Qimingweikun / 0评论 2020-03-05

《前端之路》--- 重温 Koa2

源码文件主要包含了 application.js 、context.js 、request.js 、response.js. application.js 是 Koa 的入口文件封装了 ctx、request、response， 以及核心的中间件处理流程。

发条戏子 / 0评论 2020-02-01

vue koa2 mongodb 从零开始做个人博客(二) 登录注册功能后端部分

插入视频插不进来，就很烦。可以出门右拐去优酷看下(点我！首先dbs文件夹顾名思义，操作数据库的，modules就是操作数据库的mongoose模型。config.js是为了方便修改数据库数据。interface就是接口文件夹，utils就是工具的意思呗，接

jackyhungvip / 0评论 2020-01-19

01-koa2基础

看到 > node bin/www 表示已经成功运行。也可以使用 npm run dev 来启动koa2

80447704 / 0评论 2019-12-11

Node.js-Koa2框架生态实战－从零模拟新浪微博 完整教程

课程为纯实战项目，从零模拟开发一个基本功能完备的微博系统，带你完成整个Koa2框架生态的综合技术实战，包括各类中间件，MySQL数据库设计，微博项目架构等诸多干货内容，最后带你回顾整个开发过程，从技术层面总结 Node.js 的最佳实践经验。Koa2／ e

Qimingweikun / 0评论 2019-12-09

全栈项目|小书架|服务器开发-Koa2中间件机制洋葱模型了解一下

Koa是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。通过利用 async函数，Koa帮你丢弃回调函数，并有力地增强错误处理。Koa 并没有捆绑任何中

Anything0 / 0评论 2019-11-17

koa2初尝试

原文首发于我的博客，欢迎点击查看获得更好的阅读体验~一直都想接触下服务端的内容，以前看过python基础，但是因为在工作中基本上使用不到，所以基础看了几遍没有实际项目操作就忘记了，忘~记~了~朝三暮四后最终选择了基于Nodejs的中间件Koa2完成了一个简

lert0 / 0评论 2019-11-04

最好用的koa2+mysql的RESTful API脚手架，mvc架构，支持node调试，pm2部署。

基本上您仅需要关注您的业务开发即可。脚手架可以根据不同的环境配置不同的信息运行价值，支持开发，测试，生产环境的不同参数配置。当然你也可以根据需要配置其他的关系型数据库，可扩展 sequelize.js 作为 PostgreSQL, MySQL, Maria

88530198 / 0评论 2019-11-03

vue + koa2 实现 session | token 登陆状态验证

CSRF 攻击一般基于 cookie。另外，如果是原生 app 使用这种服务接口，因为没有浏览器 cookie 功能，所以接入会相对麻烦。这种方式相对 cookie 的认证方式就简单一些，服务端不用存储认证数据，易维护扩展性强，token 存在 local

sqliang / 0评论 2019-11-03

koa2 从入门到精通(小结)

koa 发布已经快 6 年的时间，作为继 express 之后 node 服务框架最大的黑马，有很多的设计思想值得我们学习，本文从简到繁逐步介绍 koa，同时适合新老手阅读。Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于

苹果咏 / 0评论 2019-07-23

详解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南

正如Vue官方所说，SSR配置适合已经熟悉 Vue, webpack 和 Node.js 开发的开发者阅读。请先移步ssr.vuejs.org 了解手工进行SSR配置的基本内容。从头搭建一个服务端渲染的应用是相当复杂的。如果您有SSR需求，对Webpack

bobbaobao / 0评论 2018-11-13

node(koa2) web应用模块介绍

在自己的koa2 web项目中，用到了几个模块，感觉都是不错的，特地来分享下这些模块。整个项目在koa2-web-engine ，为了方便查看，使用了原生的方式，欢迎查看。验证码svg-captcha是一个验证码的库，他创建了svg格式的验证码，可以在登录

lert0 / 0评论 2019-07-01

KOA2 Restful方式路由初探

前言最近考虑将服务器资源整合一下，作为多端调用的API看到Restful标准和ORM眼前一亮,但是找了不少版本路由写的都比较麻烦，于是自己折腾了半天。module.exports = mapDirkoa-router分层路由的实现创建多层路由及其传递关系执

fanix / 0评论 2019-07-01

KOA2框架原理解析和实现

koa是一个基于node实现的一个新的web框架，它是由express框架的原班人马打造的。它的特点是优雅、简洁、表达力强、自由度高。它更express相比，它是一个更轻量的node框架，因为它所有功能都通过插件实现，这种插拔式的架构设计模式，很符合uni

liwenbocsu / 0评论 2019-07-01

使用 react + koa2 + mysql 开发出一个简洁风格的个人博客

前言使用 react 有一段时间了, 也想用 react 去写点什么，平时接触最多的就是 blog 了，于是乎借助 antd 这个 UI 框架设计出了一个极其简约风格的 spa 博客。目的也是将 react 的生态圈的工具梳理一遍，后端则采用了 koa +

slackkoala / 0评论 2019-07-01

Koa2开发入门

Koa2入门创建Koa2首先，我们创建一个名为koa2的工程目录，然后使用VS Code打开。然后，我们创建app.js，输入以下代码：。// 导入koa，和koa 1.x不同，在koa2中，我们导入的是一个class，因此用大写的Koa表示:. cons

sqliang / 0评论 2019-07-01

Typescript3 + react16.7 + react-router4.3 + koa2 + mysql项目

[x] store，action类型[x] 数据类型[x] 无状态组件 React.SFC[x] 有状态组件readonly state : Readonly<IState>，react已经对props、props的属性与state的属性作了只

Anything0 / 0评论 2019-07-01

vue + koa2 + webpack4 构建ssr项目

什么是服务器端渲染 ？│ ├── logger # .vue里this.[log,warn,info,error]和koa2里 logger日志输出。│ ├── vue.koa.ssr.js # vue ssr的koa2中间件。匹配路由、请求接口生成dom

fengminw / 0评论 2019-06-30

ONE-sys 整合前后端脚手架 koa2 + pm2 + vue-cli3.0 + element

本脚手架主要致力于前端工程师的快速开发、一键部署等快捷开发框架，主要目的是想让前端工程师在一个阿里云服务器上可以快速开发部署自己的项目。其后是‘分离’。一键部署基于本地的命令行工具，可以快速打包view端的静态文件并上传到阿里云服务器，也可快速上传serv

yanyongtao / 0评论 2019-06-30

使用nuxt.js官方脚手架构建koa2的es6编译问题

最近在学用nuxt集成koa2做vue后台，发现官方自带脚手架搭建的koa2使用的仍是es5语法，如果想用es6怎么办呢?这是由于自带脚手架在构建koa2时默认的nodemon是没有使用babel编译的，所以我们首先需要在启动命令后加上 --exec ba

上海彭彭 / 0评论 2019-06-29

koa2系列教程：koa2实现登录注册功能

koa2系列教程，持续更新。koa2系列教程：koa2应用初见koa2系列教程：koa2处理静态文件koa2系列教程：koa2使用模板引擎koa2系列教程：koa2路由控制中间件koa2系列教程：综合koa2搭建登录注册页面koa2系列教程：koa2实现登

Bougie / 0评论 2019-06-29

koa2系列教程：综合koa2搭建登录注册页面

koa2系列教程，持续更新。这篇是将前几天的内容做个综合，运用koa静态文件处理，路由，模板引擎。项目结构是这样子的：。// 装载所有子路由。module.exports = router2.写ejs这个自个写就可以，随意，想看我写的，可以看开头的源码地址

Anything0 / 0评论 2019-06-29

koa2系列教程：koa2路由控制中间件

koa2系列教程，持续更新。koa2系列教程：koa2应用初见koa2系列教程：koa2处理静态文件koa2系列教程：koa2使用模板引擎koa2系列教程：koa2路由控制中间件koa2系列教程：综合koa2搭建登录注册页面这篇我们来使用一个koa-rou

lert0 / 0评论 2019-06-29

koa2系列教程：koa2处理静态文件

koa2系列教程：koa2应用初见koa2系列教程：koa2处理静态文件koa2系列教程：koa2使用模板引擎koa2系列教程：koa2路由控制中间件koa2系列教程：综合koa2搭建登录注册页面koa2系列教程：koa2实现登录注册功能这篇主要介绍koa

slackkoala / 0评论 2019-06-29

koa2系列教程：koa2应用初见

koa2系列教程：koa2应用初见koa2系列教程：koa2处理静态文件koa2系列教程：koa2使用模板引擎koa2系列教程：koa2路由控制中间件koa2系列教程：综合koa2搭建登录注册页面koa2系列教程：koa2实现登录注册功能这篇教程主要介绍k

yanyongtao / 0评论 2019-06-29

koa2从搭建项目到实现API

koa2，以前没有接触过，只知道是express的原班人马开发的，在一些方面优于express，又经历了一次从koa到koa2的升级，应该说是比较成熟的了。根据现在的技术实现方案，现在大部分的web服务基本都是前后端分离模式的，所以koa2的让web应用开

yanyongtao / 0评论 2019-06-29

koa2 + graphql + typescript + jwt + typeorm的nodejs项目

app.ts项目入口文件该项目使用了koa的路由，可以同时支持普通RESTful和graphql两种类型api. 在graphql项目中，只需要后端定义好返回数据模型，前端按照自己需要的数据去查询接口，返回无冗余数据，非常简洁方便。graphql定义及各种

chenjh / 0评论 2019-06-28

用typescript开发koa2的二三事

前言最近在写一个博客的项目，前端用的 vue+typescript+element-ui,后台则选择了 koa2+typescript+mongoDB的组合。写这篇博客的目的也是在写后台的过程遇到一些问题，查了很多资料才解决。于是权当总结，亦是记录，可以给

slackkoala / 0评论 2019-06-28

Koa2 中间件原理解析 —— 看了就会写

Koa 的洋葱模型介绍我们本次不对洋葱模型的实现原理进行过多的刨析，主要根据 API 的使用方式及洋葱模型分析中间件是如何工作的。koa-bodyparser 中间件模拟想要分析 koa-bodyparser 的原理首先需要知道用法和作用，koa-body

sunpowerz / 0评论 2019-06-28

egg.js+redis+postgresql实现一套基于jwt的sso单点登录系统demo

最终目的实现一套基于jwt方案的单点登录系统，可以用于平时自身接外包做项目。技术准备egg.js前置知识1.eggjs基于koa2，可以认为是koa2的框架层面的约束，需要有koa2基础，可以参考koa2文档2.关于koa2洋葱圈模型的解析可以看这里3.n

Bougie / 0评论 2019-06-28

Koa2 POST遇到的坑

最近刚刚搞一个公司内部的系统，本来还想用Express，后来想了一下还是尝试一下新鲜的事物吧。于是决定用Koa2，But！！！全是坑 Post就是一个坑。跑题了话说回来 前端用Post传值给服务器的时候问题就来了.总之最后是这样 来解释一下：post发送表

NEWcai / 0评论 2019-06-27

WebSplider项目介绍

大神感兴趣的看看哈，不感兴趣的不忙的话麻烦也帮我看看，我是一个野生的程序员，学习前端这块没有经历过别人指导。真诚希望热心大神指出我的一些缺点与不足。。项目介绍：这是一个在线web爬虫项目，可以提供最多深度为3的数据抓取服务。同时还包含了用户后台管理，数据接

Anything0 / 0评论 2019-06-27

node项目实战-用node-koa2-mysql-bootstrap搭建一个前端论坛

前言在学习了koa2和express并写了一些demo后，打算自己写一个项目练练手，由于是在校生，没什么好的项目做，即以开发一个前端论坛为目标，功能需求参照一下一些社区拟定，主要有：。安装node环境，使用node -v查看node版本，node需要较新版

liwusen / 0评论 2019-06-27

koa2 vue搭建博客-服务器部署

安装环境，node可参考node安装，注意安装版本，可以查看最新版本号，选择安装。export PATH=$NODE_HOME/bin:$PATHmongodb 安装参考一, 参考二最开始按照参考一二，到最后一步总是错误，后面我就换了一种方式安装参考三yu

yanyongtao / 0评论 2019-06-27

koa2 vue搭建博客-构建篇

seemnite项目是本人做的一个博客，主要目的是学习 node koa2 mongoose项目预览本文主要讲述项目的过程，希望对同样困惑的朋友提供一些参考。vue-hackernewseasy-mockvueblogwebpack的配置主要是参考 vue

sunpowerz / 0评论 2019-06-27

Koa2微信公众号开发(一) 本地开发调试环境搭建

注册过程也不说了。我们会直接注册测试号来实现代码。这将会是个全面讲解微信公众号开发的系列教程。本篇是该系列的第一篇，本地开发环境搭建以及接入微信。在开始之前最好去看看开发者文档微信公众平台技术文档。服务处理完毕，然后转发给微信服务器，微信服务器再将具体响应

slackkoala / 0评论 2019-06-27

koa2 总体流程原理浅析(二) 之 中间件原理

koa 的中间件机制巧妙的运用了闭包和 async await 的特点，形成了一个洋葱式的流程，和 JS 的事件流 相似handleRequest {. }执行一次 dispatch 就是执行一个中间件，算是洋葱的一层每个 dispatch 都会返回一个

slackkoala / 0评论 2019-06-27

入门koa2接口开发

入门koa2接口开发依赖安装安装koa2安装koa-routerkoa-router 提供了 .get、.post、.put 和 .del 接口来处理各种请求。└── routerapp.js: 程序入口middleware: koa2相关中间件contr

sqliang / 0评论 2019-06-26

Koa2框架利用CORS完成跨域ajax请求

实现跨域ajax请求的方式有很多，其中一个是利用CORS，而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的，最基本的配置进行说明。而其余的，put、post请求，Content-Type为application/json的请求，以

sunpowerz / 0评论 2019-06-26

iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 规范与部署

规范与部署懒人推动社会进步。本篇中，我们会讲述三个知识点。定制书写规范开发环境运行如何部署运行定制书写规范文中所说的书写规范，仅供参考，非项目必需。随着 Node 流行，JavaScript 编码规范已经相当成熟，社区也产生了各种各样的编码规范。但是在这里

slackkoala / 0评论 2019-06-26

Koa2 还有多久取代 Express

前言Koa 是运行在 Node.js 中的 web 服务框架，小而美。Koa2 是 Koa 框架的最新版本，Koa3 还没有正式推出，Koa1 正走在被替换的路上。Koa2 正在蚕食 Express 的市场份额，最大的原因是 Javascript 的语言特

carrot0 / 0评论 2019-06-26

深入理解 Koa2 中间件机制

我们知道，Koa 中间件是以级联代码 的方式来执行的。类似于回形针的方式，可参照下面这张图：。在 koa 中，要应用一个中间件，我们使用 app.use():. == 'function') throw new TypeError('middleware

slackkoala / 0评论 2019-06-26

Nodejs学习记录： koa2

async / await特点让异步逻辑用同步写法实现最底层的await返回需要是Promise对象可以通过多层 async function 的同步写法代替传统的callback嵌套function getSyncTime() {. 通过 ctx.coo

Bougie / 0评论 2019-06-26

mysqljs在koa2中的正确姿势

截止到今天，mysqljs在github上已经获取到了10000+star了，可以说是实实在在最流行的mysql驱动了，但是要把mysqljs应用到koa2中，似乎不太方便，koa2使用最新的语法async, await，而mysqljs，却还停留在cal

80447704 / 0评论 2019-06-26