nodejs之egg框架整合ejs模板

config/plugin.js

ejs: {
    enable: true,
    package: ‘egg-view-ejs‘
 }

config/config.default.js

config.view = {
    mapping: {‘.html‘: ‘ejs‘} //左边写成.html后缀,会自动渲染.html文件
};

ejs应用

<% items.forEach(function(item){%>
<li><div style="width: auto !important;"><a href="javascript:void(0);"><div>
<span class="shengxiao"><%=item.zodiac%></span>
<i style="float: left;"><img src="<%=item.zodiac_img%>"></i>
<span class="shengxiao">[<%=item.punching%>]</span>
<span class="shuzi">
    <%item.numbers.forEach(function(num){ %>
        <b class="<%=num.wave_color%>"><%=num.number%></b>
    <%})%>
</span></div></a></div></li>
<%})%>

原文地址:https://blog.51cto.com/limeixiong/2425704

时间: 2024-11-11 08:44:21

nodejs之egg框架整合ejs模板的相关文章

nodejs 返回html页面--使用 ejs 模板

nodejs 返回html页面--使用 ejs 模板 nodejs 可以直接在返回中使用html标签,例如下面的格式,返回 hello world 将会使用 h1 字体. app.get('/html',function(req,res){ res.status(200).send('<h1>hello world</h1>');}); "E" is for "effective." EJS is a simple templating la

【Node.js基础篇】(八)安装Express 3.2框架以及ejs模板

Html模板以及路由文件等服务器必备的功能虽然我们都可以自己实现,但在稳定性.可靠性.全面性方面肯定是有所遗漏的,所以,从今天起,Node的学习就进入了框架学习部分. 维基百科: 框架就是制定一套规范或者规则(思想),大家(程序员)在该规范或者规则(思想)下工作.或者说使用别人搭好的舞台来做编剧和表演. 第一个要学习的框架是在Node中被广泛应用的框架--Express. 安装Express 如果你使用的Node开发环境是WebStorm的话,在新建工程的时候可以直接选新建Node工程,它会给你

NodeJS - Express 3.0下ejs模板使用 partial展现 片段视图

如果你也在看Node.js开发指南,如果你也在一步一步实现 microBlog 项目!也许你会遇到本文提到的问题,如果你用的是Express 3.0 本书实例背景是 Express 2.0 而如今升级到 3.0后去掉了一些老的方法也更新了一些新的,所以变化还是蛮大的. 首先上一篇博客提到的一个问题: 如何用Express 3.0 生成一个 ejs 模板项目 前提是你已经下载了ejs包,如何下载,运行cmd 输入 npm install ejs -g 2.0 下的语法是:express -t ej

express框架结合ejs模板引擎使用

我们在项目里建立一个views文件夹(必须),然后在里面建立一个模板文件news.ejs: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1

node下使用express框架,ejs模板引擎

ubuntu下安装 node npm相关 apt-get update apt-get install -y python-software-properties software-properties-common add-apt-repository ppa:chris-lea/node.js apt-get update apt-get install nodejs 命令执行完之后,Node.js就安装好了,一旦Node.js 有新版本发布,直接升级即可,无需从头编译安装: 这样, nod

nodejs之egg框架mongoose应用

config/plugin.js mongoose: { enable: true, package: 'egg-mongoose' } config/config.default.js config.mongoose = { client: { url: 'mongodb://devuser:[email protected]:27017/db_co_assist', options: {} } }; app/model/test.js 'use strict'; module.exports

ThinkPHP3.2.3整合smarty模板(二)

前言:继ThinkPHP3.2.3整合smarty模板(一)之后,继续来探讨一下tp框架整合smarty模板,看到有人在群上问到怎么使用自定义的常量,今天就具体来谈谈: 一.开发一个项目,必不可少会用到很多的自定义常量,比如定义一些常量作为引入静态文件,但在smarty模板中怎么直接使用这些常量呢? 1.定义常量:如:define('__IMAGE__', __STATIC__ . '/img'),在入口文件定义或者其他文件定义这个都无所谓,若在其他文件定义,则需要引入一下; 2.在模板中使用常

NodeJS框架Express的模板视图机制

MVC模式可谓无人不知,它除了能增强团队协作的效率,还可方便产品的维护升级,本文我们将对Express框架的模板和视图(V)相关功能进行介绍. 模板引擎 Express支持许多模板引擎,常用的有: haml 的实现Haml haml.js 接替者,同时也是Express的默认模板引擎Jade 嵌入JavaScript模板EJS 基于CoffeeScript的模板引擎CoffeeKup 的NodeJS版本jQuery模板引擎 视图渲染(view randering) 视图的文件名默认需遵循"<

Express框架中如何引用ejs模板引擎

原文地址:http://www.cnblogs.com/greenteaone/p/3685733.html 1.如何在项目中安装ejs模板引擎 在NodeJS指南中利用利用以下命令建立网站的基本结构: express -t ejs microblog 运行这个命令后继续运行 cd microblog && npm install(安装项目的依赖属性), 发现安装的模板引擎是jade,而不是ejs.原因是现在的版本已经没有-t这个命令了,改为 express -e  microblog 运