nodejs写接口json文件实现数据库存储(四)

本文介绍了如何在Node.js中使用Express框架创建一个POST接口,处理文件上传并实现异步的fs模块读写,存储json数据。重点讲解了如何处理文件操作的异步性以及如何在后端进行文本数据的存储和覆盖式更新。
摘要由CSDN通过智能技术生成

1.过程简介

(1)写一个post接口
(2)引入fs文件读写模块
(3)数据存储

2.接口代码

这里就不详细介绍,可参考之前的博客

const express = require('express');//引入express
const multer = require('multer'); // 用于处理文件上传
const path = require('path');//获取当前地址模块
const app = express();//创建应用对象
app.use(express.json());//获取请求体的中间件

const fs = require('fs')//引入文件读取模块
const savePath = path.join(__dirname, './json/text.json')//定义保存路径

//封装文件读取功能函数
function read(res, address) {
    return new Promise((resolve, reject) => {
        fs.readFile(address, (ero, data) => {
            if (ero) return res.status(500).send({
                message: '服务器内部错误'
            })
            resolve(JSON.parse(data.toString() || '[]'))
        })
    })
}

//封装文件写入功能模块
function save(res,mes,address){
    fs.writeFile(address,JSON.stringify(mes),(ero)=>{
        if (ero) return res.status(500).send('服务器内部错误')
    })
}

//post 文本传输
app.post('/savePassword', async (request, response) => {
    const data = request.body
    data.id = new Date().getTime()
    const list = await read(response,savePath)
    list.push(data)
    save(response,data,savePath)
	response.status(200).send(data:{message:'文本存储成功'})
	
    const visitorIP = request.headers['x-forwarded-for'] || request.connection.remoteAddress;
    console.log(data, '获取的请求参数');
    console.log(visitorIP, '请求者的地址');
    
})
//4. 监听端口启动服务
app.listen(9000, () => {
    console.log("服务已经启动, 9000 端口监听中....");
});

app.all('*', (req, res) => {
    res.status(400).send('访问的路径错误')
})

3.效果

前端请求
在这里插入图片描述
后端存储
在这里插入图片描述

4.问题

fs模块的读写是异步操作,需要注意.这里使用async await语法糖获取结果.fs读取json数据后转为对象数据的形式,可以进行增删改查的操作.注意,保存操作是整体覆盖式的

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为您提供一个基本的 Vue + Node.js + MySQL 的登录注册系统实现。首先,您需要安装 Node.js 和 MySQL,然后按照以下步骤进行操作: 1. 创建数据库 首先,您需要在 MySQL 中创建一个名为 `users` 的数据库,并在其中创建一个名为 `users` 的表,该表应包含以下字段: ``` id INT(11) NOT NULL AUTO_INCREMENT, username VARCHAR(50) NOT NULL, password VARCHAR(255) NOT NULL, PRIMARY KEY (id) ``` 2. 创建后端 API 接下来,您需要创建一个 Node.js 项目,并在其中安装以下依赖项:`express`、`mysql`、`body-parser`。 然后,创建一个名为 `index.js` 的文件,并将以下代码复制到其中: ```javascript const express = require('express'); const mysql = require('mysql'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.urlencoded({ extended: true })); app.use(bodyParser.json()); const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: 'password', database: 'users' }); connection.connect((err) => { if (err) { console.error('Error connecting to database: ' + err.stack); return; } console.log('Connected to database.'); }); app.post('/register', (req, res) => { const { username, password } = req.body; const sql = `INSERT INTO users (username, password) VALUES ('${username}', '${password}')`; connection.query(sql, (err, result) => { if (err) { console.error(err); res.status(500).send('Error registering user.'); } else { res.send('User registered successfully.'); } }); }); app.post('/login', (req, res) => { const { username, password } = req.body; const sql = `SELECT * FROM users WHERE username='${username}' AND password='${password}'`; connection.query(sql, (err, result) => { if (err) { console.error(err); res.status(500).send('Error logging in.'); } else { if (result.length === 0) { res.status(401).send('Invalid username or password.'); } else { res.send('Logged in successfully.'); } } }); }); app.listen(3000, () => { console.log('Server listening on port 3000.'); }); ``` 这将创建一个 Express 应用程序,并在其上创建两个端点:`/register` 和 `/login`。`/register` 端点用于注册新用户,`/login` 端点用于验证用户凭据并登录用户。 3. 创建前端应用程序 接下来,您需要创建一个 Vue.js 项目,并在其中安装 `axios` 库。 然后,创建一个名为 `App.vue` 的文件,并将以下代码复制到其中: ```vue <template> <div> <h1>Register</h1> <form @submit.prevent="register"> <label> Username: <input type="text" v-model="username" required> </label> <br> <label> Password: <input type="password" v-model="password" required> </label> <br> <button type="submit">Register</button> </form> <hr> <h1>Login</h1> <form @submit.prevent="login"> <label> Username: <input type="text" v-model="username" required> </label> <br> <label> Password: <input type="password" v-model="password" required> </label> <br> <button type="submit">Login</button> </form> </div> </template> <script> import axios from 'axios'; export default { data() { return { username: '', password: '' }; }, methods: { register() { axios.post('http://localhost:3000/register', { username: this.username, password: this.password }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); }, login() { axios.post('http://localhost:3000/login', { username: this.username, password: this.password }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); } } }; </script> ``` 这将创建一个包含两个表单的 Vue 组件:一个用于注册新用户,另一个用于登录现有用户。这些表单将使用 `axios` 库与我们的后端 API 进行通信。 4. 运行应用程序 最后,您需要启动前端和后端应用程序。在两个不同的终端窗口中,分别进入前端和后端项目目录,并运行以下命令: ```bash # 前端项目目录 npm run serve # 后端项目目录 node index.js ``` 现在,您可以在浏览器中访问前端应用程序,并使用它来注册新用户和登录现有用户。所有数据都将存储在 MySQL 数据库中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值