koa test3 ejs模板引擎 views渲染

最新推荐文章于 2024-04-13 09:40:40 发布
最新推荐文章于 2024-04-13 09:40:40 发布
阅读量639 收藏
点赞数
分类专栏： nodeJs 前端框架 koa 文章标签： koa  nodeJs ejs koa-views
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chao2458/article/details/85122492
版权
前端框架 同时被 3 个专栏收录
10 篇文章 0 订阅
订阅专栏
koa
9 篇文章 0 订阅
订阅专栏
nodeJs
8 篇文章 0 订阅
订阅专栏

安装

npm install koa-views --save

npm install ejs --save

导入

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

配置

 

配置模板引擎中间件 --- 第三方中间件

一、全局变量

app.use(async (ctx,next){

     await  ctx.sate.g:'这是一个全局变量' 

    netx()

})

两种配置方式  不同的方式需要的文件的后缀名不同

1.后缀名为ejs 的中间件

app.use(views,('views',{

   extension:'ejs'

}))

2.后缀名为html

app.use(views,(mpa{html:'ejs'))

 

渲染

ruoter.get('/', async ctx=>{

    await ctx.render ('index',{

         title:'hollew word',

         list:[123,123,123,123,123,],

         htmlH:'<h3>这是一个H3</>',

          num:12

  })

})

创建dom模板

1.创建组件（创建一个公共的组件模板）

<h1>这是首页</h1>

2.创建网页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--引入模板-->
<% include ../public/hader.ejs %>

<!-- 渲染数据-->
<p>

    这是title:  <%=title%>

</p>

<!--渲染带有html数据-->

<%-htmlH%>

<!--循环数据-->
<ul>
    <%for(var i=0;i<list.length;i++){%>

        <li><%=list[i]%></li>

    <%}%>

</ul>

<!--判断语句-->
<%if(num>10){ %>
   大于<%=num%>
<%}else{%>
    小于<%=num%>
<%}%>

<!--引入全局数据-->
<%=g%>
</body>
</html>

 

chao2458
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6+Koa2+Web Audio API 可视化音频应用开发
小青蛙的博客
01-01 1393
目录导读项目成品预览一、整个开发思路二、后端配置1. 安装koa应用生成器2. 新增路由 `/musc`三、前端配置1. 目标页面 `views/index.ejs`, 编辑如下2. 配置前端交互脚本 `public/javascript/music.js`四. 项目源码地址 导读 这段时间遇到个项目需要涉及音频流的可视化开发，可H5 Web Audio API 都是好几年前在慕课网有接触过了，然...
koa学习笔记：利用Webpack4+Koa2+React搭建开发框架
qq_24724109的博客
12-11 1119
11. 使用Webpack 4，Koa2和React搭建开发框架 1. Webpack配置 1. 脚本配置 // package.json "scripts": { "server": "node ./server/index.js", "dev_fro": "webpack-dev-server --config ./frontend/build/webpack.dev.js -...
koa-views：用于koa的模板渲染中间件（hbs，swig，pug等！）
02-03
考阿意见 koa@2模板呈现中间件。 安装 npm install koa-views 模板引擎 koa-views在koa-views进行。 注意：您仍然必须安装要使用的引擎，并将其添加到package.json依赖项中。 例 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' }
Koa2 渲染视图koa-views
有趣的小良的博客
05-11 496
koa-views 是一个使用模板引擎渲染视图的 Koa 中间件。它可以集成多种模板引擎，包括 EJS、Pug、Handlebars 等等。以上就是使用 koa-views 渲染 EJS 模板的基本用法。可以根据具体需求灵活配置中间件和模板引擎选项，实现更加复杂的视图渲染效果。之间的表达式会被解析为 JavaScript 代码，可以在其中使用任何合法的 JavaScript 语句。方法会自动将传入的数据和指定模板文件合并，并返回渲染后的 HTML 页面作为响应。表示当前文件所在目录，这里将其和。
koa框架会用也会写—(koa-view、koa-static)
weixin_34259232的博客
09-29 419
Koa中常用的中间件： koa-session：让无状态的http拥有状态，基于cookie实现的后台保存信息的session koa-mysql:封装了需要用到的SQL语句 koa-mysql-session：当不想让session存储到内存，而想让session存储到mysql数据库中时使用 koa-router：后台会接受到各种请求的url，路由会根据不同的url来使用不同的处理逻辑。 k...
koa服务端渲染
weixin_42799526的博客
11-19 511
一、服务端渲染 pug(jade) 侵入式 ejs 非侵入式 1、pug渲染 //模板 1.pug doctype html head meta(charset="utf-8") meta(name="site",content="test") title= title script. windo...
koa-views
CS_DGD的博客
03-23 853
const Koa = require("koa"); const Router = require("koa-router"); const static = require("koa-static") const views = require("koa-views"); let data = require("./data/data.json"); let app = new Koa();...
Node.js-koa2项目的示例koa2mongooseejs单纯示例
08-10
在这个示例中，我们将深入探讨如何使用Koa2、Mongoose（一个MongoDB对象模式设计工具）以及EJS（一个轻量级的服务器端模板引擎），来创建一个简单的Web应用程序。 ### 1. Koa2简介 Koa2是Express的作者TJ ...
koa框架和mongodb数据库，一小时快速入门和直击实战【详细解读，建议收藏】
贪吃ღ大魔王
07-12 963
koa 要求：nodejs的版本要高于7.6，因为 Node.js 7.6 版本 开始完全支持 async/await，所以才能完全支持我们的 Koa npm i koa -S 使用 const Koa = require('koa'); const app = new Koa(); // ctx是上下文，其中包含了request和response app.use(async ctx => { ctx.body = 'Hello World'; }); app.listen(3000); 注
play-koa2:web开发
05-19
4. **视图**：如果项目涉及模板渲染，可能会有`views`目录，存放EJS、Pug或其他模板引擎的HTML文件。 5. **静态资源**：`public`目录可能用于存储CSS、JavaScript、图片等静态文件，可以直接被浏览器访问。 6. **...
koa-views-render：用于Koa和Lad的简单渲染（页面，本地）中间件（使用koa-views）
02-03
koa-views-render 用于和简单render(page, locals)中间件（使用 ）。 目录 安装 ： npm install koa-views-render ： yarn add koa-views-render 用法 这是一个简单的中间件，只需传递给ctx.render您提供的page和locals变量即可。 例如render(page,locals)将传递给ctx.render(page,locals) 。 请参阅以获取完整参考。 const render = require ( 'koa-views-render' ) ; // ... app . us
模板引擎-koa-ejs
11-12 960
如果想要返回HTML文件，则需要安装模板引擎。 EJS是一个JavaScript模板库，用来从JSON数据中生成HTML字符串。Koa2框架中ejs可以把数据库查询的数据渲染到模板上面，实现一个动态网站。 Koa2 中使用ejs模板引擎的用法：1、安装 koa-views 和ejs 安装koa-ejs： cnpm i koa-ejs -S 安装koa-views cnpm i ko...
Koa Views：现代Node.js应用的视图解决方案
最新发布
gitblog_00071的博客
04-13 379
Koa Views：现代Node.js应用的视图解决方案 koa-viewsTemplate rendering middleware for koa (hbs, swig, pug, anything! :sparkles:)项目地址:https://gitcode.com/gh_mirrors/ko/koa-views 在Web开发中，视图层是应用程序的重要组成部分，它负责渲染和展示数据。...
学习koa模板引擎中间件koa-views
weixin_36557877的博客
03-03 574
我们做WEB出身的一直很自然的想到怎么实现前端显示，早期我们都是把asp,php在html插入相应的asp及php代码，后面再就是使用一些标记来用于前台显示，主要是为了实现MVC，把前端和后端逻辑分离，现在想像一下按理来nodejs应也是有的，其实koa作为WEB框架按理也是有这一部分的，所今天来学习一下中间件koa-views.我现在也是一边学一边写的，主要是记录下来当时学习的过程，因此很地方可能错误的，表达可能也有问题，这个不是重点，重点就是记录一下一个新手学习和思考的过程，也给小白一个学习参考。
koa2 引擎模版html,koa2 模板引擎模块 koa-views 的使用
weixin_36378347的博客
06-03 348
我通过koa-generator脚手架构建一个项目用于学习koa2，现遇到的问题是脚手架官配koa-views，虽说支持很多模板引擎，但没有指出那些模板引擎的高级用法该怎么做？代码如下：var app = require('koa')(), koa = require('koa-router')(), logger = require('koa-logger'), json = require('...
Koa, Koa-static, Koa-views, pug, materialize
老码农重操旧事业
12-04 363
写了一个生成license模块，包括前端和后端，不想前后端分离两个模块，最终采用以下技术实现。 koa koa-router koa-body koa-static koa-views pug Materialize Steps cd ~/Workspace mkdir helloworld cd helloworld yarn init yarn add koa yarn add @koa/router yarn add koa-views yarn add koa-static yarn add k
koa2 引擎模版html,koa,koajs_koa2 模板引擎模块 koa-views 的使用，koa,koajs,node - phpStudy...
weixin_34586802的博客
06-03 153
koa2 模板引擎模块 koa-views 的使用我通过koa-generator脚手架构建一个项目用于学习koa2，现遇到的问题是脚手架官配koa-views，虽说支持很多模板引擎，但没有指出那些模板引擎的高级用法该怎么做？代码如下：var app = require('koa')(), koa = require('koa-router')(), logger = require('koa-l...
Node.js(二)——npm包管理器，koa安装及使用，koa中的applition对象及context对象，koa-views，koa-static，koa-router，常见http状态码
黎小小的博客
04-21 1543
目录 1.课堂目标及知识点 2.koa介绍 3.koa使用 3.1koa安装 3.2一个简单的koa服务器 3.3Koa 利用中间件 控制"上游"，调用"下游“； 4.Application对象 5.上下文context对象常用属性及方法 5.1context 将node中的request和response 封装到一个对象中，并提供一些新的api提供给用户进行操作； 5.2re...
koa2＋koa-views示例
weixin_34377065的博客
08-24 444
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 动态渲染ejs里的数据
06-03
1. 安装 EJS 模板引擎和 koa-views 中间件： ``` npm install ejs koa-views ``` 2. 在 Koa 应用中引入 koa-views 中间件并配置： ``` const Koa = require('koa'); const views = require('koa-views'); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值