この記事では主に、mysql データベースへの nodejs 接続を紹介し、関連するテンプレート、構成、mysql データベース クエリを要約して分析し、nodejs 接続と mysql データベースの操作に関するデータやその他の操作スキルを例の形式で説明します。必要な場合は、この記事の例を参照してください
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>
ログイン後にコピー
②、在路由中渲染模板
'use strict';
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:['三国演义','西游记','红楼梦','水浒传']
}
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的文件
'use strict';
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 を使用してファイルを導入します
2.
module.exports を使用して、ファイルに指定された変数、メソッド、オブジェクトをエクスポートします
3.
プロジェクトの構築ディレクトリ Structure
demo
package.json 現在のプロジェクトが依存するパッケージまたはモジュール
ルーター
ルーティングを保存するファイル
ビュー ビューを保存するモジュール パブリック
静的ファイル
モジュール Database などのモジュールの記述
app.js メインエントリファイル
の4つでルーティングビューを別途記述します。 >router🎜 file🎜demo</ code>🎜🎜1. view file🎜🎜🎜<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;">...
res.json({
info:"成功",
code:1
});
...</pre><div class="contentsignin">ログイン後にコピー</div></div>🎜🎜🎜2. メインで🎜🎜🎜rrreee🎜🎜🎜rrreee🎜🎜🎜🎜🎜を呼び出しますファイル 5. 🎜<code>ejs🎜template を使用します🎜🎜🎜🎜 1. インストールする必要がありますが、🎜🎜🎜rrreee🎜🎜🎜を導入する必要はありません。 2. 🎜🎜🎜rrreee🎜🎜🎜を設定します。メインファイル 3. ルーティングで🎜🎜①、テンプレートファイル🎜🎜🎜rrreee🎜🎜🎜②、メインファイル🎜🎜🎜rrreee🎜🎜🎜③を使用6. ご利用について🎜ejs🎜テンプレート ファイル🎜🎜🎜🎜1. 戻りデータ🎜🎜 rrreee🎜🎜🎜2. 通常のフィールド🎜🎜🎜rree🎜🎜🎜3. 🎜りー🎜🎜🎜🎜 🎜7. 静的ファイルの読み込み🎜🎜🎜🎜1. メインファイルの設定🎜🎜🎜rrreee🎜🎜 🎜2. テンプレートで🎜🎜🎜🎜🎜🎜🎜を使用します。 ql🎜データベース🎜🎜🎜🎜1. module >db.js ファイルを作成します🎜🎜🎜rrreee🎜🎜🎜2. router view🎜🎜①、ファイルをインポートします🎜🎜🎜rrreee🎜🎜🎜②、ビュー内で🎜🎜🎜rrreee🎜🎜🎜3を使用します、データを追加します🎜🎜①、フロントエンドページのコード例を参照してください🎜 🎜②、<code>req.queryでユーザーデータパラメータを取得します🎜🎜🎜rrreee🎜🎜🎜🎜🎜 9. 🎜node🎜が🎜jsonを返す方法についてcode>🎜🎜🎜🎜🎜 フロントエンドとバックエンドの分離開発モードでは、バックエンドによって返されるデータは通常 json であり、ejs テンプレート エンジンを使用する必要はありません🎜🎜🎜🎜rrreee🎜🎜🎜上記は私が皆さんのためにまとめたものです。将来皆さんのお役に立てれば幸いです。 🎜🎜関連記事: 🎜🎜🎜Ajaxテクノロジー構成とコア原理分析🎜🎜🎜🎜🎜Ajax非同期読み込み分析🎜🎜🎜🎜🎜Ajaxテクノロジーにおけるサーブレット終了時の出力ストリームについて🎜🎜🎜🎜🎜 🎜🎜🎜 🎜以上がmysqlデータベースへのnodejs接続と基礎知識を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
