Tag: 帕格

在javascript中访问发布的表单数据

我试图在我的节点/快递应用程序中的另一个视图张贴表单数据。 我使用Jade作为视图引擎。 表格已过帐 处理程序将请求传递给res.body 视图呈现 我的问题是我如何访问这个res.body对象？ 如何获取数据？ 我正在尝试使用用户input来绘制一些图。 下面的代码 barchartEntry.jade form(method="POST") #dynamicInput input(type="button" value="Add New Bar" onClick="addInput('append');") input(type="button" value="Remove Last Bar" onClick="removeInput();") br label(class="barTitle") Bar 1 label(class="bartTtle") Value input(type="text" name="myInputs[]") label Label input(type="text" name="myLabel[]") br #append input(type="submit" value="Submit") include copyright 路由处理程序 exports.postBarchartentry = function postBarchartentry(req, res){ res.body = req.body; res.render('barchart'); }; 本地JS在新视图上 $( document ).ready(function() […]

在Jade中使文本在文本之前

我正在一个导航栏上工作，我正试图在栏上按下一个button，格式为： （图标）（文本） 以下是玉档的摘录： a(href="/signup") h3 Sign Up span(style="font-size: 1.25em; margin-top:2%" href="/graphing").glyphicon.glyphicon-pencil 目前这产生： （文本）（图标） 我怎么能这样跨度在h3里面，但是在玉之前呢？

节点/玉 – 显示JSON项目而不知道键

我正在build立一个应用程序，使用节点和玉模板引擎。 对于我的一些网页，我想显示一些通过我的服务器传递的JSON项目： res.render('index', { items: myJSONitems }); 我的问题是，我不知道我的项目的钥匙事先。 我如何显示我的JSON的所有领域？ 我曾想过使用这样的东西，但我不知道如何在Jade中使用它： var itemKeys = []; if (items.length > 0) itemKeys = Object.keys(items[0].data); res.render('index', { items: items, item_keys: itemKeys });

用Node和Express显示Markdown编码的博客post

你好， 我一直在努力学习使用Express的Node约一个星期。 到目前为止，我已经掌握了如何在其上构buildMVC的基础知识，并且使用JavaScript比使用其他服务器语言（也许除了Python之外）更容易，更清洁。 但让我们进入我的第一个问题之一，我不能解决自己的问题之一。 我正在使用Jade模板引擎，我喜欢它。 我很喜欢将Markdowninput到模板中是多么的简单。 你只是说:markdown ，它在那里！ 但后来我遇到了一个问题。 parsing和打印Markdown非常简单，但是我应该如何在屏幕上显示博客文章（例如，已经作为Markdown文本存储在数据库中）？ 我试过了： each entry in posts h1 #{entry.title} :markdown #{entry.text} div#post-footer #{entry.date} 但＃被parsing为Markdown标题，而不是Jade指令。 我怎样才能做到这一点，我可以正确显示Markdown？

链接到从子path呈现的Jade模板的静态文件

Node.js / Express / Jade有一个非常基本的问题，这个问题很难描述。 在我的node.js应用程序中，我使用Express框架来路由HTTP请求。 我也使用Jade模板作为视图，他们自己链接到通过app.use(express.static(__dirname + '/public'));声明为静态的目录内的文件（css，js等app.use(express.static(__dirname + '/public')); 命令。 当我将请求路由到像/about或/contact这样的资源时，按预期工作。 但是我发现，只要我的资源有多个“关卡”，像这样/about/me ，相同的玉视图仍然会呈现，但是它在没有CSS样式的浏览器中结束！ 所以我的假设是由资源层次表示的虚拟目录搞砸了，玉石认为它必须寻找相对path（在这种情况下，在哪里find包含静态文件的public目录）。 我不能在jade模板中加上前缀，因为我必须为不同的资源types使用相同的模板，所以我需要一个适用于任意资源级别的解决scheme。 有没有这样的解决scheme？

咕噜玉 – 如何编译单一的玉文件，而不是一切

我有我的jade.js文件中的以下内容 'use strict'; var config = require('../config'); module.exports = { dist: { options: { pretty: true, debug: false, timestamp: '<%= new Date().getTime() %>' }, files: [{ expand: true, cwd: 'html_templates/views/', src: '**/*.jade', dest: 'html_templates/html/', ext: '.html' }] } }; 这是伟大的工作！ 唯一的问题是，我正在一个非常大的应用程序，我的玉文件超过10MB。 当我修改一个玉文件的视图，并运行“咕噜玉”。 它重新编译我所有的HTML（大约需要5分钟）。 如何告诉grunt只编译相关的jade文件（只有一个html文件） 例如：我正在处理： html_templates/views/module/landingpage2.jade 我只想编译： html_templates/html/module/landingpage1.html 请帮忙

如何正确的使用JavaScript和Jade一起使用render中传入的参数

所以我的问题是关于链接到子Jade模板中的外部JavaScript文件的正确位置，并向这些JavaScript文件传递数据（如果这甚至可能？）。 所以我使用Express，并使用传入的数据来呈现我的Jade文件，如下所示： router.get('/', function(req, res, next) { tflSentimentAnalysis.fetchTflSentiments(credentials, function(results){ res.render('twitterInsights', results); }); }); 数据现在可以在我的twitterInsights.jade中使用 #{results.attributeName} 我有一个非常简单的Jade文件，它从Jade模板延伸，如下所示： extend layout block content h2 Title of page p Page contents will go here 我需要包含2个JavaScript文件。 首先是bower_components中的D3.js库，其次是public / javascripts中我自己的JavaScript文件。 script(src="/bower_components/d3/d3.min.js") script(src="/public/javascripts/twitterVisualisation.js") 玉石模板中链接到JavaScript文件的最佳位置在哪里？ 我的JavaScript文件（twitterVisualisation.js）需要在渲染时将数据传递给jade。 将这些数据传递给JavaScript文件的最好方法是什么？ 我一直在寻找这个答案，并且很惊讶这不是一个常见的问题。 提前致谢。

节点JS不显示我的数据到模板

我正在查询来自Yelp API的一些数据。 terminal的业务Console.log工作正常，但是当我调用相同的variables在模板中呈现，没有任何显示。 /* GET home page. */ router.get('/', function(req, res) { res.render('index', { title: 'Express' }); }); /*GET Hello World page. */ router.get('/helloworld', function(req, res){ var first; yelp.search({location: "tempe", term: "sandwiches", category_filter: "food"}, function(error, data) { var test = JSON.stringify(data); //Changes yelps response to JSON Objects with double quotes test = JSON.parse(test); //JSON.parse can […]

Express在url的末尾添加了斜线

我正在使用Node.js和Express框架来开发一个网站。 我面对一个url怪异的行为不端。 当我点击相关的链接url时，url变成了“localhost：3000 / images /” – 如你所见，在最后添加一个斜杠。 但是，当我把所有'图像'更改为'img'，或者URL变成“本地主机：3000 / img”没有斜杠添加。 为什么路由器的行为呢？ 代码如下。 （我正在使用Jade模板引擎） //bar.jade li.nav-item a.nav-link(href='images') i.icon-camera | Images //end of bar.jade //images.js (router) var express = require('express'); var router = express.Router(); /* GET home page. */ router.get('/', function(req, res, next) { res.render('images', { title: 'Express'}); }); module.exports = router; //end of router .js […]

Node.Js – 玉forms不POST或做任何事情？

app.js /** * Module dependencies. */ var express = require('express'); var routes = require('./routes'); var http = require('http'); var path = require('path'); var app = express(); // all environments app.set('port', process.env.PORT || 3000); app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'jade'); app.use(express.favicon()); app.use(express.logger('dev')); app.use(express.json()); app.use(express.urlencoded()); app.use(express.methodOverride()); app.use(app.router); app.use(require('stylus').middleware(path.join(__dirname, 'public'))); app.use(express.static(path.join(__dirname, 'public'))); // development only if ('development' == […]