> 웹 프론트엔드 > JS 튜토리얼 > mysql 데이터베이스에 대한 nodejs 연결 및 기본 지식 포인트에 대한 자세한 설명

mysql 데이터베이스에 대한 nodejs 연결 및 기본 지식 포인트에 대한 자세한 설명

亚连
풀어 주다: 2018-05-25 16:36:23
원래의
1694명이 탐색했습니다.

이 기사에서는 주로 mysql 데이터베이스에 연결하기 위한 nodejs를 소개합니다. 관련 템플릿, 구성 및 mysql 데이터베이스 쿼리를 요약하고 분석하며, mysql 데이터베이스에 연결하고 운영하기 위한 nodejs의 데이터 및 기타 작업 기술을 예제 형식으로 추가합니다. 이 기사의 예제를 참조하세요

mysql 데이터베이스에 대한 nodejs 연결 및 기본 지식 포인트를 설명합니다. 다음과 같이 참조용으로 모든 사람과 공유하십시오.

1. 일반적으로 사용되는 여러 전역 변수

1. __filename 현재 파일의 경로를 가져옵니다 __filename获取当前文件的路径
2、__dirname获取当前文件的目录
3、process.cwd()获取当前工程的目录

二、文件的引入与导出

1、使用require引入文件

2、使用module.exports导出文件中指定的变量、方法、对象

三、node项目的搭建目录结构

demo

    package.json 当前项目所依赖的包或者模块
    router  存放路由的文件
    views   存放视图的模块
    public  静态文件
    module 书写模块比如数据库
    app.js 主入口文件

四、将路由视图单独写在router文件中demo

1、视图视图文件

const express = require("express");
const router = express.Router();
router.get("/", (req, res) => {
 res.send("hello word");
});
router.get("/article", (req, res) => {
 res.send("我是文章列表");
})
module.exports = router;
로그인 후 복사

2、在主文件中调用

'use strict';
const express = require("express");
const app = express();
app.use("/",require("./router/03_router"))
app.use("/app",require("./router/03_router1"))
app.listen(3000);
로그인 후 복사

五、使用ejs模板

1、需要安装但可以不引入

npm install ejs --save
로그인 후 복사

2、在主文件中配置

//配置模板的文件路径
app.set("views",__dirname+"/views");
//配置模板引擎
app.set("view engine","ejs");
로그인 후 복사

3、使用

①、模板文件

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport"
   content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
</head>
<body>
<h1>我是模板渲染的</h1>
</body>
</html>
로그인 후 복사

②、在路由中渲染模板

&#39;use strict&#39;;
const express = require("express");
const router = express.Router();
router.get("/", (req, res) => {
 //可以直接使用res.render("03_index");
 res.render("03_index.ejs");
});
router.get("/article", (req, res) => {
 res.send("我是文章列表");
})
module.exports = router;
로그인 후 복사

③、主文件

'use strict';
const express = require("express");
const app = express();
//配置模板的文件路径
app.set("views",__dirname+"/views");
//配置模板引擎
app.set("view engine","ejs");
app.use("/",require("./router/03_router"))
app.use("/app",require("./router/03_router1"))
app.listen(3000);
로그인 후 복사

六、关于ejs模板文件的使用

1、返回数据

...
let dataset = {
 name:"张三",
 age:20,
 books:[&#39;三国演义&#39;,&#39;西游记&#39;,&#39;红楼梦&#39;,&#39;水浒传&#39;]
}
res.render("03_index.ejs",dataset);
...
로그인 후 복사

2、普通的字段

<h2><%= name %></h2>
<h2><%= age %></h2>
로그인 후 복사

3、迭代数组

<ul>
 <% for(let i in books){%>
  <li><%= books[i] %></li>
 <%}%>
</ul>
로그인 후 복사

七、加载静态文件

1、主文件中配置

//设置静态文件的加载(js,css,img)
app.use(express.static(__dirname+"/public"));
로그인 후 복사

2、在模板中使用

<link rel="stylesheet" href="./css/bootstrap.css" rel="external nofollow" >
<script type="text/javascript" src="./js/jquery-3.1.1.min.js"></script>
<img src="./img/002.jpg">
...
로그인 후 복사

八、使用mysql数据库

1、在module中创建一个db.js的文件

&#39;use strict&#39;;
const mysql = require("mysql");
/**
 * 将整个方法全部暴漏出去
 * @param sql sql语句
 * @param arg 传递到sql语句中的参数,可以不写
 * @param callback 回调函数,可以不写
 */
module.exports = function (sql,arg,callback) {
 //1.创建连接(根据自己的数据库配置)
 let config = mysql.createConnection({
  host:"localhost", //数据库的地址
  user:"root", //数据库用户名
  password:"root", //数据库密码
  port:"3306", //mysql数据库的端口号
  database:"mybatistest" //使用那个数据库
 });
 //2.开始连接数据库
 config.connect();
 //3.对数据库的增删改查操作
 config.query(sql,arg,(err,data)=>{
  callback && callback(err,data);
 })
 //4.关闭数据库
 config.end();
}
로그인 후 복사

2、在router视图中使用查询数据

①、引入文件

//引入数据库文件
const db = require("./../module/db");
로그인 후 복사

②、视图中使用

router.get("/", (req, res) => {
 db("select * from m_dept",(err,data)=>{
  console.log(data);
  res.render("03_index.ejs",{data:data});
 })
});
로그인 후 복사

3、新增数据

①、前端页面见代码案例

②、通过req.query获取用户数据参数

router.get("/regist",(req, res)=>{
 //获取到输入参数,前提是input上要写name
 console.log(req.query);
 db("insert into student(name,age) values(?,?)",[req.query.username,req.query.age],(err,data)=>{
  console.log(data);
  if(data){
   res.send("成功");
  }
 })
})
로그인 후 복사

九、关于node返回json2. 현재 파일의 디렉터리를 가져옵니다3. process.cwd()현재 프로젝트의 디렉터리를 가져옵니다

2. 파일 가져오기 및 내보내기

1. require< /code>파일 삽입<p></p>2을 사용하여 file<p></p><p></p>3에 지정된 변수, 메서드 및 개체를 내보냅니다.

프로젝트의 구성 디렉터리 Structure

demo

package.json 현재 프로젝트가 의존하는 패키지 또는 모듈
라우터

라우팅을 저장하는 파일

view view를 저장하는 모듈 공개
정적 파일

module

Database 등 모듈 작성

app.js

메인 항목 파일

4. 🎜<코드에 라우팅 뷰를 별도로 작성합니다. >router🎜 file🎜demo</ code>🎜🎜1. 보기 파일🎜🎜🎜<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;">... res.json({ info:&quot;成功&quot;, code:1 }); ...</pre><div class="contentsignin">로그인 후 복사</div></div>🎜🎜🎜2. 메인에서 🎜🎜🎜rrreee🎜🎜🎜rrreee🎜🎜🎜🎜🎜을 호출하세요. 5개. 메인 파일 3. 🎜🎜①, 템플릿 파일 🎜🎜🎜rrreee🎜🎜🎜②, 라우팅 렌더링 템플릿🎜🎜🎜rrreee🎜🎜🎜3, 메인 파일🎜🎜🎜rrreee🎜🎜🎜🎜🎜 6 사용에 대해 🎜<code>ejs🎜템플릿 파일🎜🎜🎜🎜1. 데이터 반환🎜 🎜🎜 rrreee🎜🎜🎜2. 리🎜🎜🎜 🎜🎜7. 정적 파일 로드🎜🎜🎜🎜1. 기본 파일의 구성🎜🎜 🎜rrreee🎜🎜 🎜2. 템플릿에서 🎜🎜🎜rrreee🎜🎜🎜🎜🎜을 사용합니다. MySQL code>🎜database🎜🎜🎜🎜1. 모듈 >db.js 파일🎜🎜🎜rrreee🎜🎜🎜2에서 쿼리 데이터를 생성합니다. view🎜🎜①, 파일 가져오기🎜🎜🎜rrreee🎜🎜🎜②, 뷰에서 🎜🎜🎜rrreee🎜🎜🎜3 사용, 새 데이터 추가🎜🎜①, 프런트 엔드의 코드 예제 참조 page🎜🎜②, req.query🎜🎜🎜rrreee🎜🎜🎜🎜🎜를 통해 사용자 데이터 매개변수를 얻습니다. 9. 🎜node🎜가 🎜를 반환하는 방식에 대해 json🎜🎜🎜🎜🎜프런트엔드와 백엔드 분리 개발 모드에서 백엔드가 반환하는 데이터는 일반적으로 json이므로 굳이 사용할 필요는 없습니다. ejs 템플릿 엔진🎜🎜🎜🎜rrreee🎜 🎜🎜위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다. 🎜🎜관련 기사: 🎜🎜🎜Ajax 기술 구성 및 핵심 원리 분석🎜🎜🎜🎜🎜Ajax 비동기 로딩 분석🎜🎜🎜🎜🎜Ajax 기술에서 서블릿 끝의 출력 스트림에 대해🎜🎜🎜🎜🎜 🎜🎜 🎜 🎜

위 내용은 mysql 데이터베이스에 대한 nodejs 연결 및 기본 지식 포인트에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿