`

NodeJS Marko Quick Reference

 
阅读更多

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

 

Prerequisite

npm init
npm install express --save --registry=https://registry.npm.taobao.org
npm install marko --save --registry=https://registry.npm.taobao.org

 

Project Directory

 

SRC

package.json

{
  "name": "hello-marko",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.14.0",
    "marko": "^3.14.0"
  }
}

 

server.js

require('marko/node-require').install();

var express = require('express');
var app = express();

app.get('/', require('./src/pages/home'));

app.listen(3000, function() {
	console.log('listening on port 3000');
});

 
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}
</body>
</html>

 

index.js

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

module.exports = function(req, res) {
	template.render({
		name: 'Marko'
	}, res);
};

Note:

index.js就相当于页面的controller 

 

Run


Note:

启动node server之后,会自动生成一个template.marko.js文件,有兴趣的话,可以点开看看 


 

Test

http://localhost:3000/


 

接着修改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>
</body>
</html>

修改index.js如下:

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

module.exports = function(req, res) {
	template.render({
		name: 'Marko',
		colors: ['red', 'green', 'blue']
	}, res);
};

重新run和test

 

Reference

http://markojs.com/docs/marko/get-started/

https://www.npmjs.com/package/marko

  • 大小: 2.7 KB
  • 大小: 6.4 KB
  • 大小: 34.7 KB
  • 大小: 19.1 KB
  • 大小: 21.6 KB
分享到:
评论

相关推荐

    Node.js-marko-一个快速轻量级基于html的模板引擎

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

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

    nodejs初级教程

    nodejs14.9.0

    nodejs14.9.0

    NodeJS学习笔记和代码

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

    nodejs:NodeJS示例项目

    节点js NodeJS示例项目

    NodeJS开发指南_nodejs开发指南_

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

    NodeJS整理手册文档

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

    Idea 配置前端web nodejs项目

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

    NodeJs技术经典文档

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

    NodeJS中文文档精编.pdf 全文免费

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

    nodejs视频教程百度网盘

    nodejs视频教程,可以快速帮助你入门nodejs开发中,nodejs不错哦

    NodeJS 安装包

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

    NodeJS示例

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

    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学习笔记.html

    nodejs 学习笔记 nodejs 学习笔记 nodejs 学习笔记

    基于nodejs的西餐外卖系统和微信小程序源码

    基于nodejs的西餐外卖系统和微信小程序源码基于nodejs的西餐外卖系统和微信小程序源码基于nodejs的西餐外卖系统和微信小程序源码基于nodejs的西餐外卖系统和微信小程序源码基于nodejs的西餐外卖系统和微信小程序源码...

    NodeJs思维导图总结

    NodeJs思维导图总结

    quick-reference:快速轻松地在Markdown中设置链接或图像参考

    quick-reference一种快速引用 markdown 资源(markdown、图片)的方式。为什么在层级深的 markdown 文档结构中,如下testdocs/├── fsssww.md├── imgs/│ └── Edam.png├── index.md├── nodejs/│ ├─...

Global site tag (gtag.js) - Google Analytics