对于需要实现共享的html 内容，tailor 提供了基础模版的概念，我们需要操作的就是添加slots ，以及使用slots
做为占位符

环境准备

使用现有的仓库代码 https://github.com/rongfengliang/tailor-skipper-docker-compose.
代码使用docker-compose 运行

测试

  • 模版布局
  • 代码说明
    base-template基于 slot 的占位符
<!doctype html>

<html>

<head>

    <meta name="viewport" content="width=device-width,initial-scale=1">

    <link rel="dns-prefetch" href="https://example.com" />

    <script type="slot" name="head"></script>

</head>

<body>

    <slot name="body-start"></slot>

    <div>Hello</div>

</body>

</html>

````

index.html tailor 需要一个index page

```code

<!-- Tailor needs an index.html -->

<meta slot="head" charset="utf-8">

<script slot="body-start" src="http://blah"></script>

<title slot="head">dalongrong demo</title>

<p>fragment a</p>

<fragment src="http://skipper:9090/fragment-a" primary ></fragment>

<p>fragment b</p>

<fragment src="http://skipper:9090/fragment-b" async primary ></fragment>
  • tailor server 代码说明
    主要是进行模版的配置，因为使用了base template 所以需要添加处理函数
'use strict';

const http = require('http');

const Tailor = require('node-tailor');

const fetchTemplate = require('node-tailor/lib/fetch-template');

const path = require("path")

const baseTemplateFn = () => 'base-template';

const tailor = new Tailor({

  // 模版函数的定义，如果使用了base template 需要多个参数

   // templatesPath: './templates',

    fetchTemplate: fetchTemplate(

        path.join(__dirname, 'templates'),

        baseTemplateFn

    )

});

// Root Server

http

    .createServer((req, res) => {

        tailor.requestHandler(req, res);

    })

    .listen(8080, function() {

        console.log('Tailor server listening on port 8080');

    });

fetchTemplate 函数签名说明

启动&&测试

  • 启动
docker-compose up -d
  • 测试

说明

官方文档对于基本模版的使用，说明的不是很清晰，结合示例以及源码，我们可以了解具体的实现

参考资料

https://github.com/rongfengliang/tailor-skipper-docker-compose
https://github.com/zalando/tailor/blob/master/docs/Base-Templates.md

 
 
 
 

tailor 基础模版的使用的更多相关文章

  1. hadoop概述测试题和基础模版代码

    hadoop概述测试题和基础模版代码 1.Hadoop的创始人是DougCutting?() A.正确 B.错误答对了!正确答案:A解析:参考课程里的文档,这个就不解释了2.下列有关Hadoop的说法 ...

  2. CodeSmith的基础模版类（CodeSmith help中的内容）

    基础模版类类型描述: Batch      OutputFileCodeTemplate  模版通过继承此类能够在生成过程中把他们的输出保存到文件中 ScriptError    在脚本执行中出现一个 ...

  3. tailor multi fragment && cutom-amd script demo 说明

    tailor 官方demo 中提供了一个multi fragment 的demo,这个比较简单,就是使用不同的 后端server 做为fragment ,然后使用 html tag 进行加载就可以了. ...

  4. [Hadoop in Action] 第4章 编写MapReduce基础程序

    基于hadoop的专利数据处理示例 MapReduce程序框架 用于计数统计的MapReduce基础程序 支持用脚本语言编写MapReduce程序的hadoop流式API 用于提升性能的Combine ...

  5. 掌握Thinkphp3.2.0----模版基础

    我们将要学习一下 ThinkPHP 模版,ThinkPHP 内置了一个基于 XML 的性能卓越的模版引擎 ThinkTemplate,使用了动态编译和缓存技术,支持自定义标签库, 其实我还体会不到其中 ...

  6. zabbix 布署实践【7 H3C网络设备监控模版制作思路】

    我们知道,zabbix安装后自带Template OS Linux 模版已满足了绝大部分Linux服务器的基础环境监控,只是我们在其模版上稍微修改,可配合将SWAP监控取消,另存为一个叫OS Linu ...

  7. python2.0_s12_day19_前端模版使用

    Django中引用bootstrap实现在前端可以创建客户信息,可以修改客户信息我们需要设计一个前端用户交互系统.我们在设计之前,讨论一些需求:前端实现:1. 不同角色的用户,看到的东西是不一样的 销 ...

  8. webpy 模版语言

    webpy框架拥有自己的模版语言Templetor Templetor具有Python的语言风格 可以直接嵌入Python代码 $code: videoIn = post.filename and p ...

  9. 在linux上如何通过composer安装yii

      Composer可以理解成一个依赖管理工具 它能解决以下问题 a) 你有一个项目依赖于若干个库. b) 其中一些库依赖于其他库. c) 你声明你所依赖的东西. d) Composer 会找出哪个版 ...

随机推荐

  1. 四：（之三）制作镜像和一些docker命令

    3.DIY image 3.1如何去掉sudo权限命令,让当前用户拥有操作docker的权限? 3.2 制作一个image: 拉取一个非常小的base image,hello-world.其中是一个可 ...

  2. (C/C++学习笔记) 二十二. 标准模板库

    二十二. 标准模板库 ● STL基本介绍 标准模板库(STL, standard template library): C++提供的大量的函数模板(通用算法)和类模板. ※ 为什么我们一般不需要自己写 ...

  3. TBody scrollbar 设置

    由于scrollbar自身有宽度 对于tbody来说可能会挤压与thead不对齐下面办法能够解决大致问题 1.设置tbody display:block :  overflow-y:auto:(并且修 ...

  4. 1449 - The user specified as a definer('xxx'@'%') does not exist

    指定的用户不存在,创建相应的账户即可,注意主机那里填的内容,我的这个是@'%'所以不用填任何内容.

  5. W phase 学习

    W phase 的组成:(相关文献发现W phase适用于6级以上的地震) P, PP,S,SS,SP,PS等等长周期的震相: 它的传播机制和whispering gallery 相似. 从简振理论来 ...

  6. ylz 开发学习笔记一（注意事项）

    Eclipse快捷键 断点 F6执行下一步 等等 C+S+R 搜索文件名字      C+鼠标移动左击 跳入类文件    jsp 文件的断点是使用 debugger  之后再chrom 用F10单步调 ...

  7. 多点触控 TouchAction

    #TouchAction #TouchAction方法是appium自已定义的新方法 # * 短按 (press) * 释放 (release) * 移动到 (moveTo) * 点击 (tap) * ...

  8. 20165326 java第五周学习笔记

    第五周学习笔记 ch7 内部类(&外嵌类) 内部类的类体不可以声明类变量和方法 内部类如同类的变量或方法 内部类和外嵌类在编译时生成两个class文件 匿名类 某个类的一个子类没有明显的用类声 ...

  9. 小波学习之一（单层一维离散小波变换DWT的Mallat算法C++和MATLAB实现） ---转载

      1 Mallat算法 离散序列的Mallat算法分解公式如下: 其中,H(n).G(n)分别表示所选取的小波函数对应的低通和高通滤波器的抽头系数序列. 从Mallat算法的分解原理可知,分解后的序 ...

  10. shell脚本实例-for实现批量主机的探测

    #!/usr/bin/bash >ip.txt for i in {2..254} do { ip=192.168.234.$i ping -c1 -W1 $ip &>/dev/n ...