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

ZoomQuiet 發(fā)布于2019-08-23 13:43 / 2672人閱讀

摘要：系列教程，持續(xù)更新系列教程應用初見系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現(xiàn)登錄注冊功能這篇教大家如何使用模板引擎這里我們使用模板引擎做個例子，你們自己選擇自己熟練的模板引擎使用的

koa2系列教程，持續(xù)更新

koa2系列教程：koa2應用初見

koa2系列教程：koa2處理靜態(tài)文件

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

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

koa2系列教程：綜合koa2搭建登錄注冊頁面

koa2系列教程：koa2實現(xiàn)登錄注冊功能

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

這里我們使用ejs模板引擎做個例子，你們自己選擇自己熟練的模板引擎

使用的版本：

文件夾目錄結(jié)構(gòu)：

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




    
    
    
    index


    views index
    <%= title %>

3.啟動服務

node index.js

4.打開瀏覽器

我們想要的結(jié)果就出來了

后記

koa-views 源碼及文檔：https://github.com/queckezz/k...

koa-views 支持模板引擎列表：https://github.com/tj/consoli...

本文首發(fā)于微信公眾號：node前端

不妨關(guān)注一下

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/99429.html

相關(guān)文章

koa2系列教程：綜合koa2搭建登錄注冊頁面

摘要：系列教程，持續(xù)更新系列教程應用初見系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現(xiàn)登錄注冊功能本文源碼地址這篇是將前幾天的內(nèi)容做個綜合，運用靜態(tài)文件處理，路由，模板引擎我的版本項目結(jié)構(gòu)是 koa2系列教程，持續(xù)更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 ...

li21 2019-08-23 13:46 評論0 收藏0
koa2系列教程：koa2實現(xiàn)登錄注冊功能

摘要：系列教程，持續(xù)更新系列教程應用初見系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現(xiàn)登錄注冊功能這個主要結(jié)合前幾天的內(nèi)容，做個實際案例的效果版本項目結(jié)構(gòu)前幾天，我們把注冊和登錄的頁面實現(xiàn)了 koa2系列教程，持續(xù)更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 ...

baiy 2019-08-23 13:51 評論0 收藏0
koa2系列教程：koa2應用初見

摘要：系列教程，持續(xù)更新系列教程應用初見系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現(xiàn)登錄注冊功能這篇教程主要介紹構(gòu)建服務器，簡單引用本教程的版本要格外注意版本號案例簡單利用搭建服務器文件夾 koa2系列教程，持續(xù)更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 ...

import. 2019-08-23 13:43 評論0 收藏0
koa2系列教程：koa2處理靜態(tài)文件

摘要：系列教程，持續(xù)更新系列教程應用初見系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現(xiàn)登錄注冊功能這篇主要介紹處理靜態(tài)文件的中間件用到的版本項目的結(jié)構(gòu)大家可以往文件夾里面添加點東西編輯啟動 koa2系列教程，持續(xù)更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 k...

madthumb 2019-08-23 13:43 評論0 收藏0
koa2系列教程：koa2路由控制中間件

摘要：系列教程，持續(xù)更新系列教程應用初見系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面這篇我們來使用一個控制一下路由本篇的版本注意版本哦目錄結(jié)構(gòu)編輯子路由子路由裝載所有子路由加載路由中間件啟動服務， koa2系列教程，持續(xù)更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 ko...

lily_wang 2019-08-23 13:44 評論0 收藏0