[已解决]nodejs输入保存问题

光头小淘七 · 发表于 2023-8-13 12:05:49

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

用的是bootstrap，我该如何将在网页中输入的内容保存在event这个类中（我尝试了很多次但是就是报错）跪求！！！！

最佳答案

月排行榜 / 总排行榜

isdkz

2023-8-13 12:06:18

你可以使用Node.js来保存网页中输入的内容。首先，确保你已经安装了Node.js环境。然后，你可以使用Express框架来处理HTTP请求。

首先，你需要在你的项目中安装Express。可以通过运行以下命令来安装：

npm install express

复制代码

接下来，创建一个 app.js 文件，并在其中编写以下代码：

const express = require('express');

const app = express();

// 设置静态文件目录

app.use(express.static('public'));

// 处理POST请求

app.use(express.urlencoded({ extended: true }));

// 处理根路径的GET请求

app.get('/', (req, res) => {

  res.sendFile(__dirname + '/index.html');

});

// 处理提交表单的POST请求

app.post('/save', (req, res) => {

  const eventData = req.body.event;

  // 在这里可以将eventData保存到event类中或者进行其他操作

  console.log(eventData);

  res.send('保存成功！');

});

// 启动服务器

app.listen(3000, () => {

  console.log('服务器已启动，访问 http://localhost:3000');

});

复制代码

在上面的代码中，我们使用了Express框架来创建一个简单的服务器。它处理了根路径的GET请求，并返回一个包含输入表单的HTML页面。当提交表单时，服务器会处理POST请求，并将输入的内容保存到 eventData 变量中。

你需要创建一个名为 index.html 的HTML文件，其中包含一个表单，用于输入内容并提交。例如：

<!DOCTYPE html>

<html>

<head>

  <title>保存事件</title>

</head>

<body>

  <h1>保存事件</h1>

  <form action="/save" method="post">

<input type="text" name="event" placeholder="输入事件">

<button type="submit">保存</button>

  </form>

</body>

</html>

复制代码

将上述代码保存到 app.js 和 index.html 文件中，并在命令行中运行以下命令启动服务器：

node app.js

复制代码

然后，你可以通过访问 http://localhost:3000 来打开网页，并在输入框中输入内容并提交。在控制台中你将看到输入的内容被打印出来，并且网页会显示"保存成功！"的消息。

这样，你就可以将网页中输入的内容保存到 event 类中或进行其他操作了。

跳转到最佳答案楼层

isdkz · 发表于 2023-8-13 12:06:18

你可以使用Node.js来保存网页中输入的内容。首先，确保你已经安装了Node.js环境。然后，你可以使用Express框架来处理HTTP请求。

首先，你需要在你的项目中安装Express。可以通过运行以下命令来安装：

npm install express

复制代码

接下来，创建一个 app.js 文件，并在其中编写以下代码：

const express = require('express');

const app = express();

// 设置静态文件目录

app.use(express.static('public'));

// 处理POST请求

app.use(express.urlencoded({ extended: true }));

// 处理根路径的GET请求

app.get('/', (req, res) => {

  res.sendFile(__dirname + '/index.html');

});

// 处理提交表单的POST请求

app.post('/save', (req, res) => {

  const eventData = req.body.event;

  // 在这里可以将eventData保存到event类中或者进行其他操作

  console.log(eventData);

  res.send('保存成功！');

});

// 启动服务器

app.listen(3000, () => {

  console.log('服务器已启动，访问 http://localhost:3000');

});

复制代码

在上面的代码中，我们使用了Express框架来创建一个简单的服务器。它处理了根路径的GET请求，并返回一个包含输入表单的HTML页面。当提交表单时，服务器会处理POST请求，并将输入的内容保存到 eventData 变量中。

你需要创建一个名为 index.html 的HTML文件，其中包含一个表单，用于输入内容并提交。例如：

<!DOCTYPE html>

<html>

<head>

  <title>保存事件</title>

</head>

<body>

  <h1>保存事件</h1>

  <form action="/save" method="post">

<input type="text" name="event" placeholder="输入事件">

<button type="submit">保存</button>

  </form>

</body>

</html>

复制代码

将上述代码保存到 app.js 和 index.html 文件中，并在命令行中运行以下命令启动服务器：

node app.js

复制代码

然后，你可以通过访问 http://localhost:3000 来打开网页，并在输入框中输入内容并提交。在控制台中你将看到输入的内容被打印出来，并且网页会显示"保存成功！"的消息。

这样，你就可以将网页中输入的内容保存到 event 类中或进行其他操作了。

陶远航 · 发表于 2023-8-13 12:06:28

在网页中使用Bootstrap输入内容，并将其保存到Node.js的后端，可以通过使用表单和HTTP POST请求来实现。以下是一种可能的实现方式：

1. 在网页中的表单中添加输入框和提交按钮，以获取用户输入的内容。

<form action="/save" method="POST">
<div class="form-group">
<label for="inputContent">输入内容</label>
<input type="text" class="form-control" id="inputContent" name="content" placeholder="请输入内容">
</div>
<button type="submit" class="btn btn-primary">保存</button>
</form>

复制代码

2. 在Node.js的后端，使用Express框架来处理HTTP POST请求，获取用户输入的内容并保存在event对象中。

const express = require('express');
const app = express();
app.use(express.urlencoded({ extended: true }));
app.post('/save', (req, res) => {
const content = req.body.content; // 获取输入内容
// 将内容保存到event对象中或执行其他保存操作
// event.save(content);
res.send('保存成功'); // 返回响应给前端
});
app.listen(3000, () => {
console.log('服务器已启动');
});

复制代码

上述代码使用Express框架创建了一个简单的HTTP服务器，并使用express.urlencoded中间件来解析HTTP POST请求的数据。在/save路由中，我们从req.body中获取了输入的内容，并可以在其中执行保存操作。

请注意，以上代码只是一个示例，你需要根据实际需求进行适当的修改和扩展。另外，你可能还需要设置表单验证、错误处理等功能，以确保输入的正确性和服务器的安全性。
如果问题已经解决，请设置最佳答案

isdkz · 发表于 2023-8-13 12:45:24

nodejs是没有浏览器中的document api的

账号		自动登录	找回密码
密码			立即注册

[已解决]nodejs输入保存问题

马上注册，结交更多好友，享用更多功能^_^

浏览过的版块