찾다
웹 프론트엔드JS 튜토리얼Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼
Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼Oct 29, 2018 pm 01:57 PM
javascriptnode.jsreact.jsvue.js프런트 엔드

이 기사는 Node.js에서 MySQL 데이터베이스를 운영하는 데 대한 기본 튜토리얼을 제공합니다. 이는 특정 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

이 글은 npm 모듈 mysql을 사용하여 MySQL 데이터베이스를 작동하는 방법에 대한 기본 튜토리얼입니다. MySQL이 컴퓨터에 설치되어 있지 않은 경우에는 MySQL의 설치 및 구성이 필요하지 않습니다. WAMP, XAMPP 등 통합 환경 설치를 권장합니다. 이 기사는 또한 경량 Node.js 프레임워크 Koa를 사용하여 프런트 엔드 브라우저 요청을 통해 프로젝트 시나리오를 시뮬레이션하기 위해 웹 프로그램을 구축합니다. Koa 프레임워크의 구문을 마스터하지 않고도 이 기사를 쉽게 읽을 수 있습니다.

프로젝트 초기화

프로젝트 디렉터리를 생성하고 npm init를 사용하여 프로젝트를 초기화한 후 다음 작업을 수행합니다. npm init初始化项目后,执行下面操作:

安装依赖

npm install mysql koa koa-router

创建index.js

// index.js

const Koa = require('koa');
const Router = require('koa-router');
const mysql = require('mysql');

const app = new Koa();
const router = new Router();

const connection = mysql.createConnection({
  host: 'localhost', // 填写你的mysql host
  user: 'root', // 填写你的mysql用户名
  password: '123456' // 填写你的mysql密码
})

connection.connect(err => {
  if(err) throw err;
  console.log('mysql connncted success!');
})

router.get('/', ctx => {
  ctx.body = 'Visit index';
})
app.use(router.routes());

app.listen(3000);

在shell中执行node index.js,当看到shell中打印出mysql connected success!,表明MySQL数据库连接成功。

Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼

打开浏览器, 访问localhost:3000,当看到屏幕显示Visit index时,表名项目初始化成功。

Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼

数据库操作

创建数据库

当访问/createdb时,创建一个mysqlkoa的数据库,代码如下:

router.get('/createdb', ctx => {
  return new Promise(resolve => {
    const sql = `CREATE DATABASE mysqlkoa`;

    connection.query(sql, (err) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `create database mysqlkoa success!`
      }
      resolve();
    });
  })
})

重新执行node index.js,并使用浏览器访问localhost:3000/createdb

<img src="/static/imghwm/default1.png" data-src="https://img.php.cn//upload/image/332/781/973/1540792367149822.png?x-oss-process=image/resize,p_40" class="lazy" title="1540792367149822.png" alt="Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼">

创建数据表

为了方便,我们直接在连接时使用刚才创建的数据库,需要在mysql.createConnection中添加database:mysqlkoa的配置项。

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: '123456',
  database: 'mysqlkoa' // 添加该列
})

当访问/createtable时,我们创建一个数据表fe_frame,该表用来保存前端框架的数据:

router.get('/createtable', ctx => {
  return new Promise(resolve => {
    const sql = `CREATE TABLE fe_frame(
      id INT(11) AUTO_INCREMENT PRIMARY KEY,
      name VARCHAR(255),
      author VARCHAR(255)
    )`;
    connection.query(sql, (err ,results, filelds) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `create table of fe_frame success!`
      }
      resolve();
    })
  })
})

重新执行node index.js,并使用浏览器访问localhost:3000/createtable

<img src="/static/imghwm/default1.png" data-src="https://img.php.cn//upload/image/332/781/973/1540792367149822.png?x-oss-process=image/resize,p_40" class="lazy" title="1540792367149822.png" alt="Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼">

插入数据

插入单条数据

当访问/insert时,用来插入单条数据:

router.get('/insert', ctx => {
  return new Promise(resolve => {
    const sql = `INSERT INTO fe_frame(name, author)
    VALUES('vue', 'Evan')`;
    connection.query(sql, (err) => {
      if (err) throw err;
      ctx.body = {
        cde: 200,
        msg: `insert data to fe_frame success!`
      }
      resolve();
    })
  })
})

重新执行node index.js,并使用浏览器访问localhost:3000/insert

Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼

插入多条数据

当访问/insertmulti

종속성 설치

router.get('/insertmulti', ctx => {
  return new Promise(resolve => {
    const sql = `INSERT INTO fe_frame(name, author)
    VALUES ?`;
    const values = [
      ['React', 'Facebook'],
      ['Angular', 'Google'],
      ['jQuery', 'John Resig']
    ];
    connection.query(sql, [values], (err, result) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `insert ${result.affectedRows} data to fe_frame success!`        
      }
      resolve();
    })
  })
})
index.js 생성

router.get('/delete', ctx => {
  return new Promise(resolve => {
    const name = ctx.query.name;
    const sql = `DELETE FROM fe_frame WHERE name = '${name}'`;
    connection.query(sql, (err, result) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `delete ${result.affectedRows} data from fe_frame success!`
      };
      resolve();
    })
  })
})
노드 인덱스 실행 shell.js에서 mysql 연결 성공!이 출력되면 MySQL 데이터베이스 연결이 성공했음을 나타냅니다. Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼

3535431438-5bd68743115 0d_articlex. png

Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼

브라우저를 열고 localhost:3000을 방문하세요. 화면에 Visit index가 표시되면 테이블명 프로젝트가 성공적으로 초기화된 것입니다.

2494784971-5bd687431257 </p><p></p><p   style=Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼데이터베이스 생성

/createdb에 접속하여 mysqlkoa 데이터베이스를 생성하면 코드는 다음과 같습니다.

router.get('/update', ctx => {
  return new Promise(resolve => {
    const sql =  `UPDATE fe_frame SET author = 'Evan You' WHERE NAME = 'vue'`;
    connection.query(sql, (err, result) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        msg: `update ${result.affectedRows} data from fe_frame success!`
      };
      resolve();
    })
  })
})

노드 index.js를 다시 실행하고, 브라우저를 사용하여 localhost에 접속합니다:3000/createdb

​​3176109-5bd684313

데이터 테이블 생성
편의상 접속 시 방금 생성한 데이터베이스를 직접 사용합니다. mysql.createConnection에 Database:mysqlkoa 구성 항목을 추가해야 합니다.

router.get('/select', ctx => {
  return new Promise(resolve => {
    let name = ctx.query.name;
    const sql = `SELECT * FROM fe_frame WHERE name = '${name}'`;
    connection.query(sql, (err, result) => {
      if (err) throw err;
      ctx.body = {
        code: 200,
        data: result
      }
      resolve();
    })
  })
})

/createtable에 액세스하면 프런트 엔드 프레임의 데이터를 저장하는 데 사용되는 데이터 테이블 fe_frame을 생성합니다. Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼rrreee

노드 index.js를 다시 실행하고 브라우저를 사용하여 localhost:3000/createtable에 액세스합니다.

데이터 삽입

단일 데이터 삽입
/insert에 액세스할 때 이를 사용하여 단일 데이터 조각을 삽입하세요. Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼rrreee노드 재실행 index.js를 실행하고 브라우저를 사용하여 localhost에 액세스합니다: 3000/insert🎜🎜1819214725-5bd68743123b d_articlex.png🎜🎜🎜Insert multiple data of data🎜🎜/insertmulti에 액세스할 때 여러 데이터 조각을 삽입하는 데 사용됩니다. 🎜rrreee 🎜node index.js를 다시 실행하고 브라우저를 사용하여 localhost에 액세스합니다: 3000/insertmulti🎜🎜🎜🎜🎜🎜🎜phpMyAdmin을 사용하여 액세스하면 mysqlkoa 테이블이 다음과 같은 것을 볼 수 있습니다🎜🎜🎜🎜🎜Delete data🎜🎜 /삭제 접근 시 해당 행을 삭제합니다. 요청 매개변수 이름을 사용하여 삭제할 프레임을 지정하고 ctx.query.name을 사용하여 서버 측에서 이를 얻습니다. 코드는 다음과 같습니다. 🎜rrreee🎜노드 index.js를 다시 실행하고 브라우저를 사용하여 access http://localhost:3000/delete? name=jQuery🎜🎜🎜🎜🎜🎜🎜Modify data🎜🎜 /update에 액세스할 때 업데이트된 vue 프레임워크의 작성자 이름은 Evan You이며 코드는 다음과 같습니다.🎜rrreee 🎜node index.js를 다시 실행하고 브라우저를 사용하여 🎜http ://localhost:3000/update🎜🎜🎜🎜🎜에 액세스합니다. 🎜🎜데이터 찾기🎜🎜 /select에 액세스하면 프레임 이름 조건에 맞는 항목을 가져옵니다. 요청 매개변수의 코드는 다음과 같습니다. 🎜rrreee🎜node index.js를 다시 실행하고 브라우저를 사용하여 http://localhost:3000/select?name=vue🎜🎜🎜🎜🎜🎜을 방문합니다.

위 내용은 Node.js에서 MySQL 데이터베이스를 운영하는 기본 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
이 기사는 segmentfault에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전