загрузить событие onclick новой страницы, используя handlebars, express и nodejs - PullRequest
Новая
       5

загрузить событие onclick новой страницы, используя handlebars, express и nodejs

0 голосов
/ 12 марта 2019

Я новичок в руле, и я не уверен, как это сделать.У меня есть страница с кнопкой для перехода в область загрузки.в HTML я только что открыл его в новом окне.Теперь, пытаясь реализовать руль, я, кажется, в замешательстве.Вот код, который у меня есть сейчас.

server.js 

const express = require('express');
const hbs  = require('express-handlebars');
const app = express();
const port = process.env.PORT || 5000;
const server = require('http').createServer(app);
const io = require('socket.io').listen(server);

var click1Count = 0;
var click2Count = 0;
var click3Count = 0;
var click4Count = 0;
var click5Count = 0;

app.engine( 'handlebars', hbs( {
  defaultLayout: 'main',
  layoutsDir: __dirname + '/views/layouts/',
  partialsDir: __dirname + '/views/partials/'
} ) );
app.set('views', __dirname + '/views');
app.set('view engine', 'handlebars');
app.use(express.static(__dirname + '/public'));
app.get('/', function (req, res) {
    res.render('home');
});

io.on('connection', function(client) {
    console.log('Client connected...');
    client.on('nest1', function(data) {
      click1Count++;
      io.emit('buttonUpdate1', click1Count);
    });
    client.on('nest2', function(data) {
          click2Count++;
          io.emit('buttonUpdate2', click2Count);
    });
    client.on('nest3', function(data) {
          click3Count++;
          io.emit('buttonUpdate3', click3Count);
    });
    client.on('nest4', function(data) {
          click4Count++;
          io.emit('buttonUpdate4', click4Count);
    });
    client.on('nest5', function(data) {
          click5Count++;
          io.emit('buttonUpdate5', click5Count);
    });
});

server.listen(port, function() {
  console.log('Forest server listening on port ' + port + ':');
  console.log(__dirname)
});

HTML-часть 

<div id="uploads" class="uploads">
    <button title="uploads" class="images" onclick=" window.open('uploads.handlebars', '_blank'); return false;">Uploads</button>
  </div>
...