一、Koa模板引擎初识
1、安装中间件 ： npm i --save koa-views
2、安装ejs模板引擎 ：npm i --save ejs
3、编写模板：<%= title %> 是调用传递的数据。可以自定义

<!DOCTYPE html>

<html>

<head>

    <title><%= title %></title>http://jspang.com/wp-admin/post.php?post=2760&action=edit#

</head>

<body>

    <h1><%= title %></h1>

    <p>EJS Welcome to <%= title %></p>

</body>

</html>

4、编写

const Koa = require('koa');

const app = new Koa();

const path = require('path');

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

//加载模板引擎

//'./view' 是文件夹的路径，也就是模板所在的位置

app.use(views(path.join(__dirname,'./view'),{

    extension:'ejs'

}))

//调用模板引擎

app.use(async(ctx)=>{

    let title = "hello Koa2"

    //通过ctx.render调用的方法模板，index是模板的名称，title是传递的东西

    await ctx.render('index',{

        title

    })

})

app.listen(3000,()=>{

    console.log("OK,3000")

})

二、访问静态资料中间件
1、在服务器环境中，我们不能直接通过浏览器地址来打开，或者获取一个文件夹里面的内容，如图片，那么就需要用到static的中间件了
2、安装：npm i --save koa-static
3、建一个文件夹名称为什么：static 并且放入 一些文件或者图片。 名称随便起
4、使用和书写

const Koa = require('koa');

//引入地址变量和静态资源中间件

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

const path = require('path');

const app = new Koa();

let staticPath = './static'

//使用访问静态中间件，staticPath 是地址 文件夹

app.use(static(path.join(__dirname,staticPath)))

app.use(async(ctx)=>{

    ctx.body = 'aaaaaaaaaa'

})

app.listen(3000,()=>{

    console.log("OK,3000")

})

　　

3、KOA模板引擎+访问静态资料中间件的更多相关文章

  1. koa art-template模板引擎的使用

    art-template 模板引擎介绍 art-template 是一个简约.超快的模板引擎. 它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行 性能,并且同 ...

  2. 模板引擎doT.js

    作为一名前端攻城师,经常会遇到从后台ajax拉取数据再显示在页面的情境,一开始我们都是从后台拉取再用字符串拼接的方式去更达到数据显示在页面! <!-- 显示区域 --> <div i ...

  3. SpringBoot静态资源访问+拦截器+Thymeleaf模板引擎实现简单登陆

    在此记录一下这十几天的学习情况,卡在模板引擎这里已经是四天了. 对Springboot的配置有一个比较深刻的认识,在此和大家分享一下初学者入门Spring Boot的注意事项,如果是初学SpringB ...

  4. springboot（二 如何访问静态资源和使用模板引擎，以及 全局异常捕获）

    在我们开发Web应用的时候,需要引用大量的js.css.图片等静态资源. 默认配置 Spring Boot默认提供静态资源目录位置需置于classpath下,目录名需符合如下规则: /static / ...

  5. 前端知识点回顾——koa和模板引擎

    koa 基于Node.js的web框架,koa1只兼容ES5,koa2兼容ES6及以后. const Koa = requier("koa"); const koa = new K ...

  6. koa 基础（十二）koa-static 静态资源中间件 静态web服务

    1.目录 2.app.js /** * koa-static 静态资源中间件 静态web服务 * 1.npm install --save koa-static * 2.const static = ...

  7. Spring MVC 学习总结（七）——FreeMarker模板引擎与动态页面静态化

    模板引擎可以让程序实现界面与数据分离,业务代码与逻辑代码的分离,这就提升了开发效率,良好的设计也使得代码复用变得更加容易.一般的模板引擎都包含一个模板解析器和一套标记语言,好的模板引擎有简洁的语法规则 ...

  8. Express ( MiddleWare/中间件 路由 在 Express 中使用模板引擎 常用API

    A fast, un-opinionated, minimalist web framework for Node.js applications. In general, prefer simply ...

  9. （二）SpringBoot基础篇- 静态资源的访问及Thymeleaf模板引擎的使用

    一.描述 在应用系统开发的过程中,不可避免的需要使用静态资源(浏览器看的懂,他可以有变量,例:HTML页面,css样式文件,文本,属性文件,图片等): 并且SpringBoot内置了Thymeleaf ...

随机推荐

  1. javascript基础篇--function类型（上）

    在js中,function类型实际上是对象,每一个函数都是function类型的一个实例.并且与其它引用类型一样具有属性和方法. 声明 1普通方式 Function sum(num1,num2) { ...

  2. IOS - 查找未使用的图片

    实现细节都在代码里面, 帮助 -h. # -*- coding: utf-8 -*- """ 检查IOS应用图片是否使用 1. 读取有效文件: 图片(.png, .jpg ...

  3. CefSharp 设置cookie

    设置cookie var cookieManager = CefSharp.Cef.GetGlobalCookieManager(); await cookieManager.SetCookieAsy ...

  4. POJ 1442 Black Box(优先队列）

    题目地址:POJ 1442 这题是用了两个优先队列,当中一个是较大优先.还有一个是较小优先. 让较大优先的队列保持k个.每次输出较大优先队列的队头. 每次取出一个数之后,都要先进行推断,假设这个数比較 ...

  5. 关于联想超极本出现蓝屏Default Boot Device Missing or Boot Failed的解决办法

    联想笔记本出现以下症状无法开机时: 解决方案:恢复BIOS默认设置,把硬盘设置为第一启动项. 若成功检测到硬盘并有EFI引导程序,那么恭喜你这就完事了,重启后就可以正常开机了. 但是,若在UEFI模式 ...

  6. Linux下把目录拷贝到全部同名目录的脚本

    需求:拷贝文件夹到Linux文件夹下.覆盖该Linux文件夹下全部同名文件夹 目标:Linux下,运行本脚本.输入目录名.就可以批量复制覆盖. 使用说明:         先把本脚本文件和要复制的文件 ...

  7. JavaScript大数组如何根据对象的key快速找到并删除

    查找:上代码. function isBigEnough(element) { return element >= 15; } var ret1 = [12, 5, 8, 130, 44].fi ...

  8. Swift - 将String类型的数字转换成数字类型（支持十进制、十六进制）

    1,十进制的字符串转成数字 Swift中,如果要把字符串转换成数字类型(比如整型,浮点型等).可以先转成NSString类型,让后再转. 1 2 3 4 //将文本框中的值转换成数字 var i = ...

  9. 备份SQL SERVER 2005数据库

  10. HTML5动态时钟

    实现效果 源码可以去github下载 地址:https://github.com/feifeiliu/jsBlock 参考:慕课网动态时钟