Articles of 帕格

使用Socket.io刷新页面上的数据而无需重新加载

我试图做一个实时的应用程序,我发布了一个存储在数据库中的消息,然后该消息必须显示在同一页面上,而不刷新页面refreshH。 我的日志说,我的套接字的连接工作,但我发送消息后,页面自动刷新。 这是我的控制器,我在这里工作: postPublicacion : function(req,res,next){ var currentdate = new Date(); var datetime = currentdate.getFullYear() + "-" + currentdate.getDate() + "-" + (currentdate.getMonth()+1) + " " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); console.log(datetime); var publicacion = { id_user : 1, publicacion : req.body.post, imagen : null, fecha_pub : datetime }; var […]

使用布局时,Jade Template Engine错误

我正在做一个应用程序,其中的侧边栏导航停留在所有页面上。 而不是复制内容,我想在布局文件中进行导航,并在其他的玉文件中使用它。 这是layout.pug文件: html head meta(charset='utf-8') link(rel='stylesheet', href='/stylesheets/style.css') link(rel='stylesheet', href='/stylesheets/bootstrap.min.css') title= title body #wrapper #sidebar-wrapper ul.sidebar-nav li.sidebar-brand a(href="#") LMS li a(href="#") Dashboard li a(href="#") Search li a(href="#") Issue block dashboard 这是我的index.pug文件: extends layout block dashboard p Welcome to express 路由器文件是标准的,并呈现索引文件。 但是,当我尝试加载浏览器中的应用程序,我得到这个错误。 GET / 500 241.336 ms – 1178 Error: C:\Users\Faisal\Desktop\LMS\views\error.pug:3 Unexpected block content at makeError […]

帕格/快递 – ng – 相当于

我有一个用pug.js写的html页面。 它包含一个input和一个n行表。 我希望n是用户在input中编写的数字。 如果用户改变input,行数应自动调整直播。 我怎样才能做到这一点,而不使用Angular? 看来,帕格不能这样做,我找不到其他工具。 谢谢

PUG在节点js中“无法获取”错误

项目目录:app.js /路线 /意见 错误:我正在使用快递路由器路由到/routes/search.js页面,但我得到了404无法find错误的问题。 我已经做了一切正确的路由实现视图引擎,但仍然得到的错误,当我这样做的家庭DIR没有问题,但内部路线/这正在发生。 请看看帕格文件得到的行动。 app.js var path=require('path'); var search = require('/routes/search'); app.set('views', path.join(__dirname,'/views')); app.set('view engine','pug'); app.use('/search', search); /routes/search.js var express = require('express'); var router = express.Router(); router.get('/', function (req, res) { res.end('searched'); }); module.exports = router; /views/search.pug form(action='../routes/search', method='GET') p SEARCH PAGE input(type='text', name='serchI', value='') input(type='submit', value='Submit')

在Express版本不能正常工作的情况下,在Jade版面中阻塞和扩展

我有一个为节点写的小型快递网站。 我正在使用Jade进行布局,并尝试处理新的扩展/块位。 当我在这里使用标准布局/子视图模式列表时,一切都很好: https://github.com/visionmedia/express/blob/master/examples/jade/views/layout.jade 我想变得花哨,并使用块将自定义的HTML填充到主布局的特定部分。 所以我转换到了更像这样的东西: https://github.com/visionmedia/jade/blob/master/examples/extend-layout.jade https://github.com/visionmedia/jade/blob/master/examples/extend.jade 使用上面的extend-layout示例中的确切代码,我的页面将始终呈现extend-layout.jade部分,但不会显示内部的内容。 任何块内的东西似乎都不会呈现。 我已经给了这个尝试,但它没有帮助: https://github.com/visionmedia/jade/issues/377 我运行节点0.6.2,expression0.2.5,玉0.18。 任何接受者?

如何在mixin中通过名称获取variables

表格(部分): include ../mixins/form-helpers form(action='/users/create', method='post') div.fields fieldset mixin field('text', 'email', 'Email') mixin field('password', 'password', 'Password') mixin field('password', 'password_confirmation', 'Confirm password') mixin field('username', 'username', 'Username') mixin submit('Register') 字段mixin看起来像这样: mixin field(type, n, label) .clearfix label(for='#{n}') #{label} .input input#password.span8(name=n, type=type, value=user[name]) 控制器: (req, res)-> user = email: 'someemail' password: '' password_confirmation: '' username: 'someusername' res.render 'users/new', user:user 我正在尝试使字段混合更通用一些,所以我可以重用它。 […]

错误:在将nodejs应用程序推送到heroku上时找不到模块“mkdirp”

我做npm install -d,然后用git heroku push master推送所有的东西。 在我的heroku日志中,它会显示: 2012-05-01T00:21:37+00:00 heroku[web.1]: Starting process with command `node app.js` 2012-05-01T00:21:39+00:00 app[web.1]: 2012-05-01T00:21:39+00:00 app[web.1]: node.js:201 2012-05-01T00:21:39+00:00 app[web.1]: ^ 2012-05-01T00:21:39+00:00 app[web.1]: Error: Cannot find module 'mkdirp' 2012-05-01T00:21:39+00:00 app[web.1]: at Function._load (module.js:279:25) 2012-05-01T00:21:39+00:00 app[web.1]: at Module.require (module.js:354:17) 2012-05-01T00:21:39+00:00 app[web.1]: throw e; // process.nextTick error, or 'error' event on first tick 2012-05-01T00:21:39+00:00 app[web.1]: […]

通过AJAX呈现Jade模板并尝试传递/访问与HTML分开的数据

我正在使用Express通过res.render在ajax调用上呈现Jade模板。 问题是我想回传一些JSONvariables或JavaScript对象与HTML。 这是可能的一个优雅的方式或所有? 我知道我可以传递一个脚本标记与HTML,但我不知道如何可以直接在'数据'响应中访问这些值。 示例: – var someNumber = 89 h1 Hello World li #{someNumber} 通常在ajax调用的这个模板的res.render()中,你会回来的 <h1> Hello Wolrd </h1> <li> 89 </li> 全部采用HTML格式。 如何访问callback中的HTML节点之一? 理想情况下,使用jQueryselect器,如$('h1 li')。 我需要访问回拨号码,但它似乎并没有抓住它。 我正在想听者或增加一个延迟,也许我需要分配给一个string,并parsing出来。

为什么Google地图标记和InfoWindow不居中?

我用这个代码制作一张地图 var map; var myOptions = { center: new google.maps.LatLng(-31.403759,-64.174232), zoom: 12, panControl: true, zoomControl: true, mapTypeControl: true, scaleControl: true, streetViewControl: true, overviewMapControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP }; function iniciar() { map = new google.maps.Map(document.getElementById("map"),myOptions); } function marcar(lat, lng) { var contentString = '<div id="content">'+ '<div id="siteNotice">'+ '</div>'+ '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+ '<div id="bodyContent">'+ '<p><b>Uluru</b>, also referred […]

用jQuery在客户端添加Jade块的内容

当页面加载时,我有一些从Jade加载的内容(例如,连接的用户列表)。 这个内容是dynamic的,通过socket.io消息通知客户它的变化。 客户端的jQuery脚本必须添加新的内容或删除旧的内容 。 问题是新的内容可能非常复杂(例如,用户的所有信息),我必须在客户端脚本中重写HTML代码(而jQuery不是为此而devise的)。 我试图克隆和编辑现有的结构(可以隐藏),但我认为这不是最好的方法。 例 服务器端 #usersList each user in users .userBox .userName #{user.name} .userCountry #{user.country} .userMail #{user.mail} 客户端 websocket.on('newUser', function(user) { $('<div class="userBox">'+ '<div class="userName">' + user.name +'</div>'+ '<div class="userCountry">' + user.country +'</div>'+ '<div class="userMail">' + user.mail +'</div>'+ '</div>').appendTo($('#usersList')); }); 客户端代码是可怕的。 我想知道我是否可以在Jade中拥有一块内容,然后执行此操作。 websocket.on('newUser', function(user) { $(jade.userBox(user)).apprendTo('#usersList'); }); 如果不可能,最好的方法是什么?