Javascript连接数据库查询并插入数据

 更新时间:2022年03月06日 15:21:29   作者:稻田里展望者  
这篇文章主要介绍了Javascript连接数据库查询并插入数据,下面文章围绕主题展开详细内容,具有一的参考价值,需要的小伙伴可以参考一下,希望对你的学习有所帮助

编译环境 : vscode
数据库 : MySQL
类库 : node

一、准备数据库

下载MySQL ,借助数据库图形工具或者在cmd上面编辑一下代码

-- 创建数据库
CREATE DATABASE IF NOT EXISTS SchoolTownDB;

-- 使用数据库
USE SchoolTownDB;

-- 添加数据表
CREATE TABLE school(
    id INT,
    NAME VARCHAR(10),
    X DOUBLE,
    Y DOUBLE
    );
    
-- 添加数据
INSERT INTO school VALUE(1,'广州大学',NULL,NULL);
INSERT INTO school VALUE(1,'中山大学',NULL,NULL);

-- 展示数据表
SELECT *FROM school;

下载node:

在官网下载点击下一步默认安装即可

准备一个文件夹:

新建一个文件夹,待会在里面放置js文件,命名为Demo

把node编译完成的文件里面的node_modules 文件夹, 复制到Demo文件夹中,在连接数据库就会发挥作用.

二、在Vscode中编译package.json文件

在菜单栏新建一个终端

在终端输入下面一句代码,然后回车.npm init

然后一直回车,知道出现(yes), 然后在终端输入 yes, 再回车

于是生成一个json文件package.json

然后继续输入npm install mysql
运行编译生成package-lock.json 文件

此时package.json的文件大致如下:

三、用Javascript代码实现数据库的连接

创建一个index.js文件,在里面编辑代码:

// 引入mysql模块
let mysql = require("mysql");

//创建连接对象
let connection =mysql.createConnection({
    host: "localhost",//连接本地计算机
    port:3306,//端口
    user:"root",//数据库账号
    password:"qq124519",//密码
    database:"SchoolTownDB"//连接的数据库名
});

//调用connect方法创造连接
connection.connect((err)=>{//回调函数,如果报错会把err填充上
    if(err){
        console.error("连接失败"+err.stack);//打印堆栈信息
        return;
    }
    console.log("连接成功");
});


//关闭数据库连接
connection.end();

测试代码, 在终端输入

 node .\index.js

回车运行

四、查询和插入数据

SQL语句的查询:

//SQL语句的查询
connection.query("SELECT *FROM school", (err, result) => {
    if (err) {
        console.error("查询失败" + err.message);
        result;
    }
    console.log(result);
});

运行的代码也是在终端输入node .\index.js

为数据库插入数据:

let sql = "insert into school values(?,?,?,?)";//?是占位符
//设置参数
let params=[3,"华南理工大学",null,null];
connection.query(sql,params,(err,result)=>{
    if (err) {
        console.error("插入失败" + err.message);
        result;
    }
    console.log("插入成功");
});

运行的代码也是在终端输入 node .\index.js

测试结果如下:

到此这篇关于Javascript连接数据库查询并插入数据的文章就介绍到这了,更多相关Javascript连接数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Javascript控制页面链接在新窗口打开具体方法

    Javascript控制页面链接在新窗口打开具体方法

    今天看一个朋友说不在A标题中加打开窗口形式要怎么让页面中所有页面在新页面打开,后来我找了几种比较实用办法,个人最喜欢的是最后一种方法哦
    2013-08-08
  • 微信小程序如何获取群聊的openGid以及名称详解

    微信小程序如何获取群聊的openGid以及名称详解

    这篇文章主要介绍了小程序如何获取群聊的openGid以及名称详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • 微信小程序连接数据库与WXS的使用方法详细介绍

    微信小程序连接数据库与WXS的使用方法详细介绍

    这篇文章主要介绍了微信小程序连接数据库与WXS的使用方法,微信小程序是腾讯内部的产品,不能直接打开一个外部的链接,但是腾讯为开发者封装好了API用来请求一个网站的内容或者服务,感兴趣的同学可以参考下
    2023-12-12
  • 最通俗易懂的javascript变量提升详解

    最通俗易懂的javascript变量提升详解

    下面小编就为大家带来一篇最通俗易懂的javascript变量提升详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • TypeScript 类型编程之索引类型递归去掉可选修饰

    TypeScript 类型编程之索引类型递归去掉可选修饰

    这篇文章主要介绍了TypeScript 类型编程之索引类型递归去掉可选修饰,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • javascript实现图片左右滚动效果【可自动滚动,有左右按钮】

    javascript实现图片左右滚动效果【可自动滚动,有左右按钮】

    这篇文章主要介绍了javascript实现图片左右滚动效果,可实现自动滚动,带有左右按钮功能,基于插件scrollPic.js实现,附带了相应的demo源码供读者下载参考,需要的朋友可以参考下
    2016-09-09
  • js取消单选按钮选中并判断对象是否为空

    js取消单选按钮选中并判断对象是否为空

    取消单选按钮选中并判断对象是否为空,在项目中也是比较常见的,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-11-11
  • 淘宝搜索框效果实现分析

    淘宝搜索框效果实现分析

    在输入框里面预设一段提示文字,当焦点在输入框的时候清空这段文字,这在目前来说已经不是什么新鲜事了。
    2011-03-03
  • JavaScript中的ES6 Proxy的具体使用

    JavaScript中的ES6 Proxy的具体使用

    这篇文章主要介绍了JavaScript中的ES6 Proxy的具体使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • javascript结合canvas实现图片旋转效果

    javascript结合canvas实现图片旋转效果

    图片的旋转可以说是一种效果,但是逐渐旋转已经不单单是属于视觉效果那个范畴,其更具有使用性,功能性。照片有时候是需要横过来的拍的,当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成,然后再将旋转到正常角度的图片发布到web上。
    2015-05-05

最新评论