保藏本站 保藏本站
真钱棋牌网主页 - 软件测验 - 常用手册 - 站长东西 - 技能社区
主页 > JavaScript > nodejs > 正文

主页 - PHP - 数据库 - 操作体系 - 游戏开发 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell编程 - DOS指令 - jQuery - CSS款式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

nodejs中art-template模板语法的引进及抵触处理方案

运用Webstorm创立nodejs express运用时,默许运用的是jade或许ejs模板,关于不习惯这两种模板语法的人来说的确不是很便利。不要紧,这儿咱们运用art-template模板引擎,运用后能够直接运用html模板:

1、装置art-template

npm install art-template

2、修正app.js文件,增加如下代码:

// view engine setup
app.set('views', path.join(__dirname, 'views'));
var template = require('art-template');
template.config('base', '');
template.config('extname', '.html');
app.engine('.html', template.__express);
app.set('view engine', 'html');

3、然后直接创立html页面,js路由便能够直接访问了

4、首先在app.js中增加如下路由阻拦:

var routes = require('./routes/index');

...

app.use('/', routes);

然后是index.js文件:

var express = require('express');
var router = express.Router();
var tags = require('../modules/tag.js');

router.get('/', function(req, res, next) {
 res.render("index2",{title:"index2",content:"index2's content"});
});

module.exports = router;

这儿我跳转到index2页面(装备好了art-template模板引擎后,视图层默许文件后缀即为html),index2.html页面如下:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>{{title}}</title>
</head>
<body>
{{content}}
</body>
</html>

运转运用,浏览器输出如下:

检查图片

nodejs中art-template模板语法抵触处理方案

art-template的github地址: https://github.com/aui/art-template

前端开发中,有十分多的模板引擎第三方结构,其间art-template归于写的比较好的一个,一般的模板引擎第三方都会支撑一到两种模板语法,最常见的便是大胡子语法 {{ }} 和尖括号语法 <%= %>

本篇文章首要介绍一下在nodejs中,art-template怎样处理模板引擎语法抵触

1.1-模板引擎语法抵触的场景

1.假如一个html文件中,既存在客户端烘托,也存在服务端烘托的话,那么这两种烘托的模板引擎语法不能共同,否则在加载时服务端烘托就现已将客户端的模板也一起烘托了

2.一般遇到这种状况,例如一个html文件中既有服务端烘托又有客户端烘托的状况下,服务端的模板引擎咱们运用 {{ }} 语法,客户端烘托咱们运用 <%= %>

3.在nodejs中,咱们运用npm来装置art-template之后: npm install art-template ,默许状况下art-template是一起支撑浏览器端与服务端的,而且他们之间的导入文件是不同的

1.2-装备art-template服务端模板语法

1.假如是服务端,咱们运用 require('art-template') 来导入,此刻加载的是 index.js ,这儿的index.js值得是根目录下的index.js,这是nodejs模块加载机制的进口,它的内部十分简略,便是做了一个文件导入操作。

服务端的art-template的模板语法源代码在 art-template 的 lib 文件夹下的 compile文件夹 对应的 adapter 中,两种模板语法别离对应的文件是 rule.art.js简练语法 , rule.native.js原生语法 ,如下图

检查图片

2.假如是客户端,咱们则不能运用服务端的模板语法文件,这是由于nodejs遵从的是commonjs的标准,一切的文件API都是以模块的办法导出,在 art-template 文件夹, lib -> compile 文件夹中有一个专用于客户端的模板语法文件 template-web.js ,这是一个紧缩的js包

检查图片

3.浏览器的模板语法默许支撑两种语法,简练和原生,这个无法修正。可是咱们能够通过修正服务端的源代码,使服务端只支撑一种模板语法 {{ }} ,这样的话咱们在客户端运用 <%= %> 语法,服务器就无法烘托了

通过自己对 art-template 源码的剖析,发现 art-template 的服务端两种模板语法是在 compile 文件下有一个 default.js 文件中导入的,所以咱们只需求略微修正一下源码即可

默许是一个数组来装备模板语法,[nativeRule, artRule]一起支撑两种模板语法,咱们去掉nativeRule即可,此刻服务端只支撑 {{}} 语法,该代码修正不会对客户端形成影响

检查图片

功德圆满,此刻服务端与客户端的模板语法就不会抵触了

以上便是本文的全部内容,期望对我们的学习有所协助,也期望我们多多支撑真钱棋牌网。

mongoose设置unique不收效问题的处理及怎样移除unique的束缚
前语unique归于schema束缚验证中的一员,他的作用首要便是让某一个字段的值具有唯一性(不能重复)坚持字段的唯一性运用type值:{type:String,unique:true,dro

mac中运用NVM办理不同node版别的办法详解
前语我们在开端本文的正文之前,主张我们先看看这篇文章:http://www.ystekkfj.com/article/73424.htm,这篇文章给我们具体介绍了关于node.js下运用nvm或许n来进行

nodejs操作mongodb的增修改查功用实例
本文实例叙述了nodejs操作mongodb的增修改查功用。共享给我们供我们参阅,具体如下:装置相关模块假如运用这个的话,你需求先自己装置一下他需求的

本周排行

更新排行

强悍的草根IT技能社区,这儿应该有您想要的! 友情链接:b2b电子商务
Copyright © 2010 ystekkfj.com. All Rights Rreserved  京ICP备05050695号