Nodejs-03 前端添加数据到数据库

4 篇文章 0 订阅
订阅专栏

本节:从前端添加数据到数据库。

我们数据是从前端传到服务器,服务器传到数据库。

在服务器,调用数据库的数据到前端。 

服务器:

 

`` ,加这个用在表名,是为了防止关键字冲突。加了之后,我的表名可以和关键字一样。

前端:

服务器完整代码:

//1.定义对象和使用方法

var express = require('express')

const app = express()

// 2.跨域请求

app.all('*', function (req, res, next) {

  res.header("Access-Control-Allow-Origin", "*");

  res.header("Access-Control-Allow-Headers", "X-Requested-With");

  res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");

  res.header("X-Powered-By", ' 3.2.1')

  res.header("Content-Type", "application/json;charset=utf-8");

  next();

});

//3.端口

const port = 3000

// 4.连接数据库

var mysql = require('mysql');

var connection = mysql.createConnection({

    host: 'localhost',

    user: 'root',

    password: '',

    database: 'test'

});

//5.建立连接

connection.connect();

//6.写mysql语句,传数据到数据库

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

  var addSql = 'INSERT INTO `user`(`name`) VALUES(?)';

  var addSqlParams = [req.params.name];

  //增

  connection.query(addSql, addSqlParams, function (err, result) {

      if (err) {

          console.log('[INSERT ERROR] - ', err.message);

          return;

      }

      console.log(result)

      res.send("添加数据成功!!")

  });

})

// 7.端口必须要监听

app.listen(port, () => {

  console.log(`Example app listening at http://localhost:${port}`)

})

Online-Railway-Reservation-System:一个Web开发项目,用于使用“卡支付”或“移动支付”在线预订火车票(金额将添加到每月电话费中)。 使用React JS,Node JS,Express JS和MongoDB技术开发
04-16
在线铁路预订系统 介绍 “ National Rail”火车票预订系统Web应用程序使用诸如前端的React JS和Node JS,Express JS(用于后端的Node JS Web框架)和MongoDB文档数据库等技术实现,以存储Web应用程序数据。 客户/用户应进行注册/注册,以从火车票预订系统获得服务。 成功注册/注册后,用户可以通过提供出发站和目的地站来搜索火车。 然后,用户可以单击“预订车票”按钮以预订该特定火车的车票。 然后,提示用户选择“移动支付”或“卡(借记/贷记)”支付方式。 如果用户选择“卡支付”,则用户将被重定向到“卡支付网关”,在此用户需要填写票务详细信息和信用卡/借记卡详细信息。 成功预订后,将在Nodemailer模块的帮助下将确认电子邮件发送给用户。 如果用户选择了“移动支付方式”,则将PIN码发送给用户以确认其电话号码,同时将用户重定向到“移动支付网
创建nodejs项目并接入mysql,完成用户相关的增删改查的详细操作
2301_78287784的博客
05-28 1060
Express提供了许多有用的功能,包括路由、中间件、请求响应、错误处理等,使得开发Web应用程序变得简单而快速。在调试过程中,可以在代码中设置断点,查看变量的值,单步执行等等操作,帮助找出代码中的问题。通过以上代码,我们可以实现对用户表的增删改查操作,使用Node.js和MySQL构建一个简单的用户管理系统。在根目录下创建controllers文件夹,并在该目录下创建 userController.js。在本地创建项目的文件夹名称,如 node_test,并在该文件夹下进行黑窗口执行初始化命令。
2024年Web前端最新Mongodb基础:怎么使用Node-js操作数据库?超详细(1),前端开发者跳槽面试
最新发布
2401_84447328的博客
05-11 582
大厂面试问深度,小厂面试问广度,如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官,还要平时遇到问题后思考一下问题的本质,找方法解决是一个方面,看到问题本质是另一个方面。还有大家一定要有目标,我在很久之前就想着以后一定要去大厂,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
前端页面实现对数据库的操作
10-31
前端页面实现对数据库的操作
html前端动态获取后端数据显示到表格,实现分页显示
04-14
html前端获取后端js的数据,实现到html表格,并且实现表格分页显示,分页显示原理是要显示那一页数据就从后端获取需要显示页的数据,不会一次性获取全部数据,减小流前端的压力。后端使用js+express,读取csv文件存储到内存,前端需要那一段的数据,后端就给前端那一页的数据。非常适合前端新手。同时分为两个文件serverImage和clientImage,其中包含项目源码,一些配置文件,以及后端需要处理的两个csv文件,同时包含生成docker镜像的Dockerfile,可直接在serverImage和clientImage目录先直接build客户端镜像和服务端镜像。
iati-js:前端js和nodejs的iati代码
05-10
d-portal.org是一个基于国家/地区的信息平台,可以跟踪资源流。 其目的是向各部委,议员和民间社会提供可以帮助规划和监测发展活动的信息。 实时版本位于 我们目前处于测试阶段。 尽管d-portal是公开可用的,但并不认为它已完成。 您可能会遇到错误和缺少的功能,但这就是为什么我们需要您的反馈和支持。 它的目标之一是构建可重用的代码段,该代码段可随时随地被任何人托管,并使用IATI数据讲述一个有趣的故事。 特征 探索国家和发行商的IATI数据。 使用IATI注册表中的新数据每天更新GMT +0。 是用于实时查询的优化的nodejs + SQLite数据库。 允许通过简单但复杂的过滤器进行查询。 xml简化了IATI xml,以帮助休闲用户阅读。 准备好意味着轻松地添加不同语言的翻译。 定制版本的d-portal的选项。 用于完全可定制的图形。 可以轻松地将IA
前端数据(写入/读取)后端数据库
weixin_45430735的博客
04-25 7912
前端数据(写入/读取)后端数据库
Node.js如何从前端接收参数,然后保存到数据库
小翁的博客
12-06 2624
我们数据是从前端传到服务器,服务器传到数据库。再从数据库传到服务器,服务器再传到前端
数据库数据写入前端的模态框(Django,Bootstrap,Ajax,数据库
Strive_0902的博客
08-18 3007
自从5月22离开实验室522及毕业之后,再也没有写过博客,主要原因是入职一个月以来,基本就是各种培训,公司培训、部门培训、室内培训主要是熟悉公司业务,真正好好学东西的时间也很少,也没啥写的。正好趁着周末加两天班学了点前端数据库和后端的相关知识,想总结一下。 实现功能: 将数据库里的数据通过异步加载的方式(点击该条的时候加载,不点击的时候不加载),写入前端的模态框。图1是前端模态框,图二是图一详...
如何在前端上传Excel到后台,批量导入数据到Mysql数据库
热门推荐
Mr_Van的博客
10-29 1万+
如何在前端上传Excel数据批量导入数据库一、效果图二、代码实现1、前端代码(1)、HTML代码(2)、JS代码2、后端代码(1)、先将Base64转成文件留存在服务器上(2)、具体调用和实现(3)、解析工具类3、返回前端未插入的excel并下载。 需求:用户需要一个能够上传Excel表批量导入数据的功能。未成功导入的人员返回给前端一个Excel。个人觉得这样还不如直接通过连接工具手动将excel导入数据库。比如说这种:直接Navicat导入;因为之前自己也是这么搞得>>>》》传送门》》
django数据提交到数据库
开开的博客
01-19 9966
1-提交数据并展示(数据库) Title 创建个人信息 姓名 性别 邮箱 信息展示 姓名 性别 邮箱 {% for i in info_list %} {{ i.username }}
xmocker-cli:为前端提供mock的后台数据,
05-02
前端mock用工具 介绍 本工具是定制的mock服务工具,主要针对的是特殊API进行的设置。特色: 定义API使用WEB页面操作 API添加不仅依赖于URL链接,而是支持从输入参数中判断所属的API名称 使用nodejs和Koa的function进行条件判断,可针对不同的数据返回自定义的结果 使用本地文件数据库nedb,整个环境仅依赖于nodejs环境 提供文件服务器,可执行gulp类型的构建,并提供页面刷新及url展示接口 说明 相比于 rap 和 yapi 等服务器类型的 Mock 服务, 本 仓库定位于工具服务, 由于使用了本地的 数据库,其单个库最大数据读取为 256M,所以不适合大量的 API 存储。 相比于服务器类型,主要侧重于编辑的灵活和自由,去中心化,避免多人编辑相互影响的问题, 同时也造成了 api 数据过于离散,API 数据交换相对麻烦一些。配合 webpack 的
add-user:NodeJs,MongoDB 数据插入项目
05-31
添加用户 一个简单的MongoDB数据插入项目 跑步 npm start 或者 node bin/www 默认端口3000 先决条件 节点 Js 和 MongoDB
Hackathon-OCR-Magic:React Web 应用程序将印刷文本或其他文本转换为使用 OCR 的本地数据,并将提取的数据存储到数据库中以供 SIH Hackathon
05-30
展示一个 React Web 应用程序,使用 OCR 将打印文本或其他文本转换为本地数据,并将提取的数据存储到数据库中。 它使用 React.js 作为前端,而 MongoDB + GraphQL 作为其后端。 使用纯 Javascript 多语言 OCR 库 ...
nodeJS中express框架和mysql简单的连接demo
11-08
简单的nodejs和mysql连接处理的demo。主要实现往数据库添加内容,以及提取内容
Node.js——在Node.js中操作MySQL
LSH_的个人博客
11-22 7390
文章目录1.简介2.创建连接2.1基本数据库连接2.2数据库查询的操作2.3数据库插入数据的操作2.4 数据库修改数据操作2.5删除数据库数据 1.简介 首先连接MySQL数据库之前需要先去安装npm包管理中的MySQL模块,该模块支持MySQL5.7+的数据库;然后安装好MySQL5.7+的数据库。 安装命令:npm install mysql --save 2.创建连接 参数 描述 host 主机地址 (默认:localhost) user 用户名 password 密码 P
前端39_数据库数据库基础、Node 中链接数据库并使用
Lovely Ruby 的手账
06-22 173
文章目录数据库为什么要用数据库 数据库 为什么要用数据库 数据持久化保存,如果用文件保存的话,增删查改的话会比较费劲
前端程序员如何在node.js环境中操作MySQL
卷发头的鲁智深的博客
09-19 312
声明:本文只作学习研究,禁止用于非法用途,否则后果自负,如有侵权,请告知删除,谢谢! 前言:前端程序员如何连接后端数据库MySQL,并进行操作 目录: 1.启动数据库 2.安装包 3.使用步骤 4. 模块化封装 1.启动数据库 前面写过一篇关于MySQL的相关的详细介绍和安装使用方法,有兴趣的小伙伴可以去看一下:MySQL数据库基础操作_卷发头的鲁智深的博客-CSDN博客 2.安装包 mysql模块是一个第三方模块,专门用来操作MySQL数据库。 ...
html弹窗赋值给查询框,bootstrap模态框动态赋值, ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框(JS)...
weixin_28695161的博客
06-28 324
/查询单个function query(id) {$.ajax({url : "/small/productServlet",async : true,type : "POST",data : {"type" : "query","id" : id},// 成功后开启模态框success : showQuery,error : function() {alert("请求失败");},dataTyp...
nodejs mysql数据推送_nodejs推送push mysql数据更新到前端显示
06-06
您可以使用Socket.io和MySQL的结合来实现这个功能。以下是一个简单的流程: 1. 在Node.js中,使用MySQL模块连接到您的MySQL数据库。 2. 在客户端页面中,使用Socket.io连接到您的Node.js服务器。 3. 当您的MySQL数据库中的数据更新时,使用Node.js将更新的数据推送到客户端页面。 以下是一个简单的示例代码: 在Node.js中: ```javascript const mysql = require('mysql'); const io = require('socket.io')(server); // server是您的Node.js服务器实例 const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: 'password', database: 'my_db' }); connection.connect(); // 监听MySQL表的更新 const query = connection.query('SELECT * FROM my_table WHERE ...'); query.on('update', (result) => { // 将更新的数据推送到客户端页面 io.emit('update', result); }); ``` 在客户端页面中: ```html <script src="/socket.io/socket.io.js"></script> <script> const socket = io(); socket.on('update', (data) => { // 处理更新的数据 }); </script> ``` 请注意,这只是一个简单的示例,并且需要根据您的具体需求进行修改。同时,为了保证安全性和性能,您可能需要添加一些额外的逻辑,如身份验证和数据缓存。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • VUE3-07-工作笔记 12016
  • Vue3: Non-function value encountered for default slot. Prefer function slots for better performance. 10860
  • uniApp-07 组件的显示和隐藏 7621
  • VUE-32 createError.js?2d83:16 Uncaught (in promise) Error: Request failed with status code 405 5694
  • Nodejs-03 前端添加数据到数据库 4132

分类专栏

  • Es6 2篇
  • express 3篇
  • 工作日志 2篇
  • typescript+Vue3 9篇
  • Vue3 10篇
  • Git 1篇
  • VUE 41篇
  • javaScript 4篇
  • TypeScript 1篇
  • 实习日志 7篇
  • Ant desgin 13篇
  • Vant3 1篇
  • Bootstrap 1篇
  • HTML 24篇
  • uniApp 8篇
  • MyEsclipse 1篇
  • JQuery 1篇
  • java 21篇
  • NodeJS 4篇

最新评论

  • Python进行excel处理-01

    CSDN-Ada助手: 不知道 Python入门 技能树是否可以帮到你:https://edu.csdn.net/skill/python?utm_source=AI_act_python

  • Express-05

    V_zcm: 先测试接口的联通性,然后看你获取的变量名是不是写错了

  • Express-05

    HuaNingChuanDong: 您好,请问您浏览为空的问题解决了么

  • VUE-25 element获取服务器图片

    V_zcm: 没有啊,你先把图片加服务器地址放浏览器看看,出得来吗,有没有可能是服务器地址的问题

  • VUE-25 element获取服务器图片

    积跬步,成千里: 兄弟,你这个出现其他页面失效的问题了吗

大家在看

  • 多模态LLM 跨越语言与视觉的边界
  • DS知识点总结
  • C语言王国——深入自定义类型(结构体) 444
  • 上升 Stable Diffusion之最全详解图解 209
  • 作者推荐 | 探索分析从起源到现今的巅峰之旅(MySQL存储模型)

最新文章

  • Python进行excel处理-01
  • 根据不同权限,显示不同的菜单界面
  • ES6-自学01
2024年3篇
2023年1篇
2022年53篇
2021年89篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值

深圳SEO优化公司九江品牌网站设计公司泉州关键词排名包年推广价格济源关键词按天扣费梅州网站优化按天计费报价鹤岗SEO按天收费推荐绍兴品牌网站设计价格朝阳至尊标王公司黔东南关键词按天扣费推荐绥化网站优化排名推荐岳阳seo网站推广价格固原SEO按天收费哪家好盐田关键词排名价格喀什关键词按天收费哪家好枣庄建网站公司资阳百搜标王松原百度标王价格兴安盟关键词排名推荐光明关键词按天计费报价南阳百度关键词包年推广哪家好定西百度网站优化韶关seo优化公司茂名百搜标王公司清徐seo哪家好文山网站优化推广公司廊坊百姓网标王推荐衡水SEO按效果付费公司雅安SEO按效果付费哪家好武威品牌网站设计多少钱天津百姓网标王推广报价济南seo网站优化哪家好歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化