NodeJS Marko custom tags Quick Reference - jvisualvm - ITeye博客

`

fairy_xzc

浏览: 358489 次
性别:
来自: 北京

最近访客更多访客>>

huan0727

漂移361john

scj2cy

smallbug2010

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

NodeJS Marko custom tags Quick Reference

博客分类：

Node.js

阅读更多

原创转载请注明出处：http://agilestyle.iteye.com/blog/2354225

Prerequisite

http://agilestyle.iteye.com/blog/2354215

Project Directory

SRC

marko-taglib.json

{
	"tag-dir": "./components"
}

src/components/app-hello/template.marko

<div>
	Hello ${data.name}! You have ${data.messageCount} message(s).
</div>

src/components/app-hello/index.js

var template = require('./template.marko');

module.exports = function(input, out) {
	var name = input.name;
	var messageCount = input.messageCount;

	if(name) {
		name = name.toUpperCase();
	} else {
		name = 'annoymous';
	}

	template.render({
		name: name,
		messageCount: messageCount
	}, out);
}

src/pages/home/template.marko

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Marko Demo</title>
</head>
<body>
	<h1>Marko Demo</h1>

	Hello ${data.name}

	<ul if(data.colors)>
        <li for(color in data.colors)>
            ${color}
        </li>
    </ul>
    <div else>
        No colors!
    </div>

    <app-hello name="Marko" message-count="30"/>
    <app-hello message-count="1"/>
</body>
</html>

Run & Test

marko-tag.json

src/components/app-hello目录下新建一个marko-tag.json文件

src/pages/home/template.marko新增一行如下：

<app-hello invalid="error" />

启动Server，会直接报错如下：

Reference

https://www.youtube.com/watch?v=00xBpj89AkY

查看图片附件

分享到：

NodeJS call Spring Rest | NodeJS Marko Quick Reference

2017-01-20 14:35
浏览 611
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Node.js-marko-一个快速轻量级基于html的模板引擎: **Node.js与Marko模板引擎** Node.js是一个开源的、跨平台的JavaScript运行环境，它扩展了JavaScript在服务器端的功能，使得开发者可以使用JavaScript编写后端代码。Node.js以其事件驱动、非阻塞I/O模型而著称，这...

快速部署puppeteer到阿里云函数计算，支持nodejs12和custom_container: 快速部署puppeteer到阿里云函数计算，支持nodejs12和custom_container_start-puppeteer

nodejs.pdf nodejs初级教程 nodejs初级教程: nodejs初级教程

nodejs14.9.0: nodejs14.9.0

node-wireguard-wrapper:wg和wg-quick命令的包装器: NodeJS Wireguard包装器这个项目是wireguard命令wg和wg-quick一个nodejs包装器。特征：没有依赖关系兑现承诺局限性：到目前为止，它只能读但不能写任何东西缺少的wg set ， wg setconf ， wg addconf ， wg ...

nodejs:NodeJS示例项目: 节点js NodeJS示例项目

NodeJS学习笔记和代码: NodeJS是一种基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行编程。这个"NodeJS学习笔记和代码"的压缩包显然包含了帮助初学者掌握NodeJS基础知识和实践技能的所有必要资料。 ...

NodeJS整理手册文档: NodeJS是一种基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行编程，从而打破了JavaScript只能在浏览器中运行的传统。本"NodeJS整理手册文档"旨在为对NodeJS感兴趣的朋友们提供一...

NodeJS开发指南_nodejs开发指南_: NodeJS是一种基于Chrome V8引擎的JavaScript运行环境，它允许开发者使用JavaScript进行服务器端编程，打破了JavaScript只能在浏览器中运行的传统。本指南将深入探讨NodeJS的核心概念、开发工具、模块系统、网络编程...

NodeJs技术经典文档: 资源名称：NodeJs技术经典文档资源目录：【】Node.js开发指南_中文正版【】nodejs开发指南pdf及源码及win安装程序【】nodejs手册中文【】NodeJs教程【】umav4simple【】七天学会NodeJS【】七天学会NodeJS【】深入浅...

Idea 配置前端web nodejs项目: Idea 配置前端 Web Nodejs 项目 Idea 配置前端 Web Nodejs 项目是指在 IntelliJ IDEA 集成开发环境中配置 Nodejs 项目的步骤。下面我们将详细讲解配置的步骤和相关知识点。 Idea 配置 Nodejs 项目首先，我们需要...

nodejs视频教程百度网盘: nodejs视频教程，可以快速帮助你入门nodejs开发中，nodejs不错哦

NodeJS 安装包: NodeJS 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它让开发者能够在服务器端使用 JavaScript 进行编程，极大地推动了全栈开发的流行。NodeJS 的设计思想是事件驱动、非阻塞 I/O 模型，这使得它在处理高并发...

NodeJS示例: NodeJS 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它允许开发者在服务器端使用 JavaScript 进行编程，极大地提升了开发效率。在 Windows 环境下配置和使用 NodeJS，主要涉及以下几个步骤：一、安装 ...

nodeJS学习笔记.html: nodejs 学习笔记 nodejs 学习笔记 nodejs 学习笔记

NodeJS中文文档精编.pdf 全文免费: NodeJS中文文档精编.pdf 全文免费 NodeJS是 JavaScript 运行时环境，可以让 JavaScript 代码在服务器端执行。NodeJS 实际上是对 ES 标准的一个实现，同时 Node 也是一个 JS 引擎。 Node 只对 ES 标准进行了实现，...

liunx nodejs+nginx配置收藏版: liunx nodejs+nginx配置收藏版liunx nodejs+nginx配置收藏版

nodejs11.zip: nodejs11安装文件，解决win7操作系统nodeJs环境搭建失败问题：Node.js is only supported on Windows 8.1, Windows Server 2012 R2, or higher

nodejs_window32: nodejs win320安装包

Global site tag (gtag.js) - Google Analytics