javascript

java

python

c#

android

c++

node.js

php

html

jquery

ios

reactjs

css

.net

git

ruby-on-rails

sql

c

ruby

string

不使用Jad的Node.js + Express

是否可以在没有任何模板引擎的情况下使用express?

trans by 2020-08-11T18:14:00Z

json-将对象传递给节点+ express +玉中的客户端?

我在服务器上有一个非常重量级的查询,可以生成新的页面渲染,并且我希望将查询的一些结果传递给客户端(作为对象的javascript数组)。 基本上是这样,因此我不必稍后再进行单独的JSON查询即可获得相同的内容(通常是静态的)。 数据最终将是有用的,但最初没有用,因此我没有将其直接放入文档中。

app.get('/expensiveCall', function(req, res) {
    // do expensive call
    var data = veryExpensiveFunction();
    res.render('expensiveCall.jade', {
        locals: {
                data: data,
                }
        });
    });
});

数据是一个对象数组,最初只使用一些对象。 我想传递整个数据或传递一些子集(取决于情况)。 我的玉看起来像普通的玉,但我想加入一些类似的东西

<script type="text/javascript">
var data = #{data};
</script>

但这不起作用(它是一个对象数组)。

trans by 2020-08-09T18:56:57Z

表达-玉:如何包括一个JavaScript FI

我需要在网页中包含一个javascript文件。 我写以下内容:

include /../scripts/jquery.timeago.js

但我明白了

<script>/*
 * timeago: a jQuery plugin, version: 0.8.2 (2010-02-16)
 * @requires jQuery v1.2.3 or later
 *
 * Timeago is a jQuery plugin that makes it easy to support automatically
 * updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").
 *
 * For usage and examples, visit:
 * http://timeago.yarp.com/
 *
 * Licensed under the MIT:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Copyright (c) 2008-2010, Ryan McGeary (ryanonjavascript -[at]- mcgeary [*dot*] org)
 */
(function($) {
....
</script>

结果。 但是我需要:

<script src="/Scripts/jquery.timeago.js" type="text/javascript"></script>

怎么做?

trans by 2020-02-11T01:01:58Z

node.js-在Jade包含中使用变量

我正在使用Jade和Express,并且想在我的include语句中使用一个变量。 例如:

app.js

app.get('/admin', function (req, res) {
  var Admin = require('./routes/admin/app').Admin;

  res.render(Admin.view, {
    title: 'Admin',
    page: 'admin'
  });
});

layout.jade

- var templates = page + '/templates/'

include templates

当我这样做时,我得到错误EBADF, Bad file descriptor 'templates.jade'

我什至试过

include #{templates}

无济于事。

trans by 2020-01-26T05:08:17Z

javascript-在Jade(当前称为“ Pug”)模板引擎中循环

我想使用一个简单的循环,如for(int i=0; i<10; i++){}

如何在Jade引擎中使用它? 我正在使用Node.js,并使用expressjs框架。

trans by 2020-01-12T00:40:57Z

node.js-节点-如何运行app.js?

我是Node.js的新手,我尝试通过在终端node app.js中使用命令来运行一个项目(由其他开发人员制作)。但是我遇到以下错误,您是否知道如何运行此项目?

我在这里遵循了一些说明来运行项目。

错误日志如下:

Junryls-Mac-mini:app junrylmaraviles$ node app.js

/Users/junrylmaraviles/Desktop/myfolder/mysubfolder/app/app.js:1
(function (exports, require, module, __filename, __dirname) { define('src/app'
                                                              ^
ReferenceError: define is not defined
    at Object.<anonymous> (/Users/junrylmaraviles/Desktop/myfolder/mysubfolder/app/app.js:1:63)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Function.Module.runMain (module.js:497:10)
    at startup (node.js:119:16)
    at node.js:902:3
trans by 2020-01-10T07:16:53Z

如何在玉模板之间传递变量

我正在使用模板作为基础,并希望它知道使用它的页面中设置的一些变量...

文件:template.jade

vars = vars || {some:"variables"}
!!! 5
head
    title vars.some

档案:page.jade

vars = {some:"things"} //- this does not get used from within template.jade
extends template

我希望已编译的page.jade具有标题“ things”

trans by 2020-01-02T21:57:09Z

node.js-错误:无法在Express中查找视图

注意:我在帖子末尾的自动回答

我正在尝试更好地体验nodeJS,但我真的不喜欢将所有脚本都放在一个文件中。

所以,在这里发表文章之后,我使用这种结构

./
 config/
   enviroment.js
   routes.js
 public/
   css/
     styles.css
   images
 views
   index
     index.jade
   section
     index.jade
   layout.jade
 app.js

我的文件现在是:

app.js

var express = require('express');
var app = module.exports = express.createServer();

require('./config/enviroment.js')(app, express);
require('./config/routes.js')(app);

app.listen(3000);

environment.js

module.exports = function(app, express) {
    app.configure(function() {
        app.use(express.logger());
        app.use(express.static(__dirname + '/public'));
        app.set('views', __dirname + '/views');
        app.set('view engine', 'jade'); //extension of views

    });

    //development configuration
    app.configure('development', function() {
        app.use(express.errorHandler({
            dumpExceptions: true,
            showStack: true
        }));
    });

    //production configuration
    app.configure('production', function() {
        app.use(express.errorHandler());
    });

};

routes.js

module.exports = function(app) {

    app.get(['/','/index', '/inicio'], function(req, res) {
        res.render('index/index');
    });

    app.get('/test', function(req, res) {
        //res.render('index/index');
    });

};

layout.jade

!!! 5
html
    head
        link(rel='stylesheet', href='/css/style.css')
        title Express + Jade
    body
        #main
            h1 Content goes here
            #container!= body

index / index.jade

h1 algoa

我得到的错误是:

错误:无法查找视图“索引/索引”      在Function.render(c:\ xampp \ htdocs \ nodejs \ buses \ node_modules \ express \ lib \ application.js:495:17)      在渲染时(c:\ xampp \ htdocs \ nodejs \ buses \ node_modules \ express \ lib \ response.js:614:9)      在ServerResponse.render(c:\ xampp \ htdocs \ nodejs \ buses \ node_modules \ express \ lib \ response.js:638:5)      在c:\ xampp \ htdocs \ nodejs \ buses \ config \ routes.js:4:7      在回调(c:\ xampp \ htdocs \ nodejs \ buses \ node_modules \ express \ lib \ router \ index.js:177:11)      在参数上(c:\ xampp \ htdocs \ nodejs \ buses \ node_modules \ express \ lib \ router \ index.js:151:11)      通过时(c:\ xampp \ htdocs \ nodejs \ buses \ node_modules \ express \ lib \ router \ index.js:158:5)      在Router._dispatch(c:\ xampp \ htdocs \ nodejs \ buses \ node_modules \ express \ lib \ router \ index.js:185:4)      在Object.router [作为句柄](c:\ xampp \ htdocs \ nodejs \ buses \ node_modules \ express \ lib \ router \ index.js:45:10)      在下一个(c:\ xampp \ htdocs \ nodejs \ buses \ node_modules \ express \ node_modules \ connect \ lib \ proto.js:191:15)

但是我真的不知道是什么问题...

我开始思考是因为模块导出了...

回答:我发现的唯一解决方案是更改我定义的app.set('views')和views引擎的位置

我将其移至app.js,现在运行良好。

var express = require('express');
var app = module.exports = express.createServer();


require('./config/enviroment.js')(app, express);

app.set('views', __dirname + '/views');
app.set('view engine', 'jade');

require('./config/routes.js')(app);

app.listen(3000);

我真的不明白这背后的逻辑,但我认为它有一个。

trans by 2019-11-16T16:13:39Z

node.js-使用Jad在变量中呈现HTML

我有一些文本存储在包含一些HTML的变量中。 例如,帽子中的<b>猫</ b>。 但是,当我在Jade中渲染它时,它与标签一起显示,而不是渲染格式。 我怎样才能解决这个问题?

trans by 2019-11-08T11:39:15Z

node.js - 在Express而不是Jad中使用HTML

如何在使用带有Node.JS的Express时摆脱Jade? 我想只使用普通的HTML。 在其他文章中我看到人们推荐的app.register()现在已在最新版本中弃用。

trans by 2019-08-12T16:31:16Z

javascript - 如何将变量从jade模板文件传递到脚本文件?

我在jade模板文件(index.jade)中声明的变量(config)出现问题,但是没有传递给javascript文件,然后导致我的javascript崩溃。 这是文件(views / index.jade):

h1 #{title}

script(src='./socket.io/socket.io.js')
script(type='text/javascript')
  var config = {};
  config.address = '#{address}';
  config.port = '#{port}';
script(src='./javascripts/app.js')

这是我的app.js(服务器端)的一部分:

  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(__dirname + '/public'));
});

app.configure('development', function(){
  app.set('address', 'localhost');
  app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

app.configure('production', function(){
  app.use(express.errorHandler());
});

// Routes

app.get('/', function(req, res){
  res.render('index', {
    address: app.settings.address,
    port: app.settings.port
});
});

if (!module.parent) {
  app.listen(app.settings.port);
  console.log("Server listening on port %d",
app.settings.port);
}

// Start my Socket.io app and pass in the socket
require('./socketapp').start(io.listen(app));

这是我的javascript文件的一部分崩溃(public / javascripts / app.js):

(function() {
        var socket = new io.Socket(config.address, {port: config.port, rememberTransport: false});

我在localhost(我自己的机器)上以开发模式(NODE_ENV =开发)运行网站。 我使用node-inspector进行调试,告诉我在public / javascripts / app.js中未定义config变量。

有任何想法吗?? 谢谢!!

trans by 2019-07-19T13:09:13Z

node.js - Jade:段落内的链接

我试图用Jade创作几段,但是当段落中有链接时发现很难。

我能想到的最好的,并且想知道是否有一种方法可以用更少的标记来做到这一点:

p
  span.
   this is the start
   of the para.
  a(href="http://example.com") a link
  span.
    and this is the rest of
    the paragraph.
trans by 2019-07-01T20:42:15Z

pug - 对于Node.js模板,Jade和EJS的优缺点是什么?

Jade与EJS,每种产品的优缺点是什么?每种产品的用途是什么?

是否有其他明确兼容的模板引擎是好的,为什么?

trans by 2019-06-29T01:05:20Z

node.js - Jade / pug中的评论

我尝试在Jade / pug中发表评论,但评论在HTML中呈现为文本。 这是我的代码:

doctype html

html(lang='en')
    body
        / This should be a comment

我做什么蠢事?

trans by 2019-06-04T22:35:28Z

编辑器 - 在Sublime Text 2中为Jade突出显示语法?

我刚开始在Mac上使用Sublime Text 2。 我也刚开始在Node.js中使用Jade作为我的视图,我想知道是否有办法将Jade的语法高亮添加到Sublime Text 2中。

trans by 2019-04-30T14:38:49Z

node.js - Jade - 模板引擎:如何检查变量是否存在

我目前正在一个新项目上使用Jade。 我想渲染一个页面并检查某个变量是否可用。

app.js

app.get('/register', function(req, res){
    res.render('register', {
        locals: {
          title: 'Register',
          text: 'Register as a user.',
        }
      });
});

register.jade

- if (username)
p= username
- else
p No Username!

我总是得到以下错误:

username is not defined

关于如何解决这个问题的任何想法?

trans by 2019-04-24T17:12:27Z

node.js - 如何让Express输出格式良好的HTML?

当使用Express for Node.js时,我注意到它输出的HTML代码没有任何换行符或标签。 虽然下载速度可能更高,但在开发过程中它的可读性并不高。

如何让Express输出格式良好的HTML?

trans by 2019-04-17T06:38:24Z

javascript - 节点上的客户端:未捕获的ReferenceError:未定义require

所以,我正在用node / express + jade combo编写一个应用程序。

我有messages.js,它在客户端上加载。 在该文件中,我有从其他JavaScript文件调用函数的代码。 我的尝试是使用

var m = require('./messages');

为了加载messages.js的内容(就像我在服务器端那样)以及稍后从该文件调用函数。 但是,client.js未在客户端定义,并且它抛出Uncaught ReferenceError: require is not defined形式的错误。

这些其他JS文件也在客户端的运行时加载,因为我将链接放在网页的标题上。 因此,客户端知道从这些其他文件导出的所有函数。

如何从打开服务器套接字的主client.js文件中的这些其他JS文件(例如messages.js)调用这些函数?

trans by 2019-03-09T14:26:03Z

node.js - 如何使用Jade呈现内联JavaScript?

我正在尝试使用Jade([http://jade-lang.com/)]在我的页面上呈现JavaScript

我的项目在NodeJS中使用Express,eveything正常工作,直到我想在脑中编写一些内联JavaScript。 即使从Jade文档中获取示例,我也无法让它工作,我错过了什么?

玉模板

!!! 5
html(lang="en")
  head
    title "Test"
    script(type='text/javascript')
      if (10 == 10) {
        alert("working")
      }
  body

在浏览器中生成呈现的HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <title>"Test"</title>
  <script type="text/javascript">
    <if>(10 == 10) {<alert working></alert></if>}
  </script>
</head>
<body>
</body>
</html>

在某些想法中,有些想法肯定会错过吗?

trans by 2019-03-04T03:37:31Z

1 共1页