koa渲染html文件,koa框架会用也会写—(koa-view、koa-static)

最新推荐文章于 2023-03-03 10:22:08 发布
最新推荐文章于 2023-03-03 10:22:08 发布
阅读量1k 收藏 1
点赞数
文章标签： koa渲染html文件
本文详细介绍了Koa框架中处理静态资源的中间件Koa-static的工作原理，包括如何读取和处理静态文件，以及如何处理不存在的文件。同时，文章还讲解了Koa-view中间件用于渲染HTML页面的机制，以ejs模板为例，阐述了模板引擎如何将数据与模板结合。通过这两部分，读者能更深入地理解Koa处理静态资源和动态渲染的过程。
摘要由CSDN通过智能技术生成

Koa中常用的中间件：

koa-session：让无状态的http拥有状态，基于cookie实现的后台保存信息的session

koa-mysql:封装了需要用到的SQL语句

koa-mysql-session：当不想让session存储到内存，而想让session存储到mysql数据库中时使用

koa-router：后台会接受到各种请求的url，路由会根据不同的url来使用不同的处理逻辑。

koa-view：请求html页面时，后台会用模板引擎渲染数据到模板上，然后返回给后台

koa-static：请求img、js、css等文件时，不需要其他逻辑，只需要读取文件

koa-better-body：post上传文件时，解析请求体

koa系列文章：

静态资源和动态资源

在网络请求中，请求往往分成两种类型，一种是静态资源，直接从服务器的文件存储中读取，一种是动态资源，一般需要先从数据库获取数据，然后经过一定的处理，最后返回给客户端。

koa-static：用来处理静态资源的访问，因为它不涉及其他的处理过程，只是单纯的读取文件，所以单独抽离出来。

koa-view是用来将数据和模板结合渲染html页面时采用的，渲染模板的逻辑都是一样的，所以也单独抽离出来。

koa-static

判断请求的文件是否存在，如果存在读取文件返回

如果请求的文件不存在，默认返回当前文件的index.html

根据上面的思

最低0.47元/天 解锁文章
壹间
关注
koa渲染html文件,Koa 中返回 html 文件引发的思考-一一网络
weixin_35673514的博客
06-18 1108
前言在使用 Koa 框架搭建网站时，一般返回 index.html 当做入口文件，这需要设置特定的 response header.由于 Koa 自身极简的设计思想，我相信没看过源码的同学，第一时间会写出如下代码：const Koa = require("koa");const fs = require("fs");const app = new Koa();app.use(ctx => {...
koa渲染html文件,浅谈在koa2中实现页面渲染的全局数据
weixin_34378986的博客
06-18 906
最近用koa2做一个项目的web端，遇到一个场景。该项目主要用的是传统的服务端渲染的方式，所以会用 koa-views 去做页面的渲染工作。实现方式就是 ctx.render('path',data)，那么，有如下场景，每个页面都需要去验证是否登录，登录了要返回页面个人数据，这个情况，怎么办呢？我不想每次都去手动的加入个人数据啊。例如这样：let data = {"user":"12","ques...
使用koa创建自己的服务展示html页面
山海一哥的博客
11-14 735
【代码】使用koa创建自己的服务展示html页面。
koa服务端渲染
weixin_42799526的博客
11-19 512
一、服务端渲染 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-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-view：koa的模板呈现中间件（使用nunjucks）
02-03
用于koa的模板渲染中间件（使用 ）。 安装 $ npm install koa-view const view = require ( 'koa-view' ) ; // Must be used before any router is used app . use ( view ( __dirname + '/views' ) ) ; app . use ...
koa-file-uploader：koa的简单文件上传服务器
02-03
koa文件上传器 简单文件上传服务器，您可以通过简单的配置发送文件。 安装 npm install koa-file-uploader 用法 const Koa = require('koa'); const uploader = require('koa-file-uploader'); const app = new Koa...
koa-vue-view：Koa视图引擎，可在服务器上呈现Vue组件
02-03
我在研究了vue的ssr解决方案后，感觉她很好，但是不满足我的需求，我只是想用她的语法和组件化来实现可视化渲染，渲染的数据想从koa的ctx.state中读取，也不要前相同同用同一套路由这种方式； 所以我觉得用vue的ssr...
koa-params-validator：Koa2请求参数校验
02-03
koa-params-validator Koa2请求参数校验中间件，基于 安装 npm i -S koa-params-validator 环境要求 节点> = 7.6 Koa> = 2.0 快速开始 const validator = require ( 'koa-params-validator' ) const app = new ...
Koa 框架教程.html
09-07
Koa 框架教程
koa——服务器端渲染
weixin_45627127的博客
09-24 455
目前服务器端渲染主要有两个工具 pug(以前的jade，不推荐使用) 安装 npm i pug -D 新建pug1.js const pug = require('pug') pug.renderFile('./template/1.pug', { //传参数 pretty: true, title: 'aaaa', users: [{ name: '111', ...
node服务端渲染（koa）
weixin_44167314的博客
12-19 1216
package.json内容： { "name": "koa-demos", "version": "1.0.0", "description": "a collection of simple demos of Koa", "scripts": { "test": "echo \"Error: no te
koa2 引擎模版html,koa中使用模板引擎
weixin_28772667的博客
06-03 189
在node中使用模板引擎需要一个中间件koa-views在koa中使用ejs安装模块# 安装koa模板使用中间件npm install --save koa-views# 安装ejs模板引擎npm install --save ejs使用模板引擎demo源码文件目录├── package.json├── index.js└── view└── index.ejs./index.js文件const ...
学习koa模板引擎中间件koa-views
最新发布
weixin_36557877的博客
03-03 577
我们做WEB出身的一直很自然的想到怎么实现前端显示，早期我们都是把asp,php在html插入相应的asp及php代码，后面再就是使用一些标记来用于前台显示，主要是为了实现MVC，把前端和后端逻辑分离，现在想像一下按理来nodejs应也是有的，其实koa作为WEB框架按理也是有这一部分的，所今天来学习一下中间件koa-views.我现在也是一边学一边写的，主要是记录下来当时学习的过程，因此很地方可能错误的，表达可能也有问题，这个不是重点，重点就是记录一下一个新手学习和思考的过程，也给小白一个学习参考。
学习koa源码，弄懂中间件和路由的实现原理
frontend_frank的博客
05-20 334
学习目标：1、原生 node 封装2、中间件3、路由Koa 原理一个nodejs的入门级http服务代码如下，//index.js consthttp=require(&...
koa返回html文件_逐行分析Koa中间件机制
weixin_31359991的博客
11-26 348
0.背景自从koa框架发布，已经有很多前端同行们对它的源码进行了解读。在知乎、掘金、Github上，已有不少文章讲了它的ctx等API实现、中间件机制概要、错误处理等细节，但对于中间件机制中的细节做逐行分析的文章还是比较少，本文将采用详细的逐行分析的策略，来讨论Koa中间件机制的细节。PS：本次Koa源码分析基于2.7.0版本。1. 从入口开始大部分情况下使用Koa，都是这样的，假定我们的demo...
koa 模板引擎后缀html,KOA的简易模板引擎实现方式
weixin_35799569的博客
06-25 152
上一期链接——有关Router的实现思路，这份Koa的简易Router手敲指南请收下本文参考仓库：点我上一期科普了Router，我们可以为每一张页面配置一个路由，但是我们不可能每个router.get(path,(ctx,next)=>{ctx.body=...})都直接写html，这样代码也太难维护了。于是出现了模版这个东西，模版主要是用来管理页面的。每一个html都放入一个单独的文件中，...
koa 返回html页面,Koa2教程（入门篇）
weixin_39980353的博客
06-05 2092
目录一、get请求接收的实现二、原生post请求接收的实现三、原生路由的实现四、使用cookie五、html模板六、操作静态资源一、get请求接收的实现//ctx、ctx.request都具备相同的query、querystring//query：返回的是格式化好的参数对象//querystring：返回的是请求字符串const Koa = require('koa');const app = n...
KOA2手写中间件：装饰器模式详解与koa-bodyparser模拟
本文将深入探讨KOA2中手写中间件（装饰器模式）的实现方法，尤其是结合KOA2.0框架的特点，以及其基于洋葱模型的工作原理。KOA2.0作为一个轻量级的Node.js框架，其核心理念是通过简洁的API和中间件机制提供功能扩展。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值