Javascript 有没有办法访问DOM服务器端?

Javascript 有没有办法访问DOM服务器端?,javascript,express,dom,ejs,server-side,Javascript,Express,Dom,Ejs,Server Side,我试图从教程的地狱中挣脱出来,创造一些让我的生活更轻松的东西(讽刺的是),这是一个小时计算器 我不会对这个功能做太多的介绍,但基本上它只是一个应用程序,它可以存储我所有月份的小时数,我可以在月末通过点击按钮来计算 然而,我被卡住了,我对这个(尤其是后端)相当陌生,我找不到访问DOM的方法,从我的理解来看,这是正常的,因为它是服务器端代码 然而,我只需要知道如果这个功能不存在,如何获取DOM元素并将它们分配给变量? 除了……还有别的选择吗 document.querySelector('...')

我试图从教程的地狱中挣脱出来,创造一些让我的生活更轻松的东西(讽刺的是),这是一个小时计算器

我不会对这个功能做太多的介绍,但基本上它只是一个应用程序,它可以存储我所有月份的小时数,我可以在月末通过点击按钮来计算

然而,我被卡住了,我对这个(尤其是后端)相当陌生,我找不到访问DOM的方法,从我的理解来看,这是正常的,因为它是服务器端代码

然而,我只需要知道如果这个功能不存在,如何获取DOM元素并将它们分配给变量? 除了……还有别的选择吗

document.querySelector('...')
?

我确实安装了JSDOM,但据我所知,您只能传递代码的部分,而不是访问整个页面?我可能完全错了

有人能帮我更清楚地了解我需要了解/做什么吗

这是我的app.js代码,简单点:)


服务器端没有DOM(除了一些DOM的虚拟化)。在您的情况下,如果您想编写这样的应用程序,最好分别创建前端和后端代码。前端部分可以由您的服务器提供服务(甚至可以使用express中的
app.static
方法来完成),它将包括html、css、javascript代码,您可以在这些代码中操作表单值,然后您可以使用ajax/fetch API或经典表单POST请求向服务器发出请求。稍后,服务器将继续处理这些值,并将数据保存到数据库中(正如您使用mongoose所做的那样)。我希望我对它的描述足够清楚,这将对您有所帮助。

DOM存在于客户端浏览器中。可能有几十个客户,成百上千个。直接从服务器访问这些内容是没有意义的。
const express = require('express'),
    app = express(),
    bodyParser = require('body-parser'),
    mongoose = require('mongoose'),
    jsdom = require("jsdom"),
    { JSDOM } = jsdom,
    dom = new JSDOM('localhost:3000/');

// ----------------------------------------//
const date = new Date(),
    day = date.getDate(),
    month = date.toLocaleString('default', { month: 'long' }),
    table = dom.window.document.querySelector('table'),
    totalShiftHours = dom.window.document.querySelectorAll('.totalShiftHours');



app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static('public'));
app.set('view engine', 'ejs');
app.listen(3000, () => console.log("I'm listening"));
mongoose.connect('mongodb://localhost:27017/hours_calculator', { useNewUrlParser: true, useUnifiedTopology: true });

const shiftSchema = new mongoose.Schema({
    date: Number,
    startTime: Number,
    finishTime: Number,
    lunchTime: Number,
});
const Shift = mongoose.model('Shift', shiftSchema);

app.get('/', (req, res) => {
    Shift.find({}, (err, allShifts) => {
        if (err) console.log(`There's an error: ${err}`)
        else res.render('index', {
            shifts: allShifts,
            day: day,
            month: month,
            table: table,
            totalShiftHours: totalShiftHours
        })
    })
});

app.post('/', (req, res) => {
    const startTime = Number(req.body.startTime),
        finishTime = Number(req.body.endTime),
        lunchTime = Number(req.body.lunchTime),
        newShift = {
            date: day,
            startTime: startTime,
            finishTime: finishTime,
            lunchTime: lunchTime
        };
    Shift.create(newShift, (err, newShift) => {
        if (err) console.log(`Somethings wrong, ${err}`);
        else res.redirect('/')
    })
});