大佬教程收集整理的这篇文章主要介绍了Node.js b站教学视频汇总笔记（完）CommonJS模块规范、 require、npm、Express(中间件)、MongoDB、MySQL，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_450_5@总结：
- @H_450_5@通用
- @H_450_5@Node.js安装包：http://nodejs.cn/download/。
- @H_450_5@API检索网址：API 文档 | Node.js 中文网 (nodejs.cn)
- @H_450_5@第三方模板引擎：art-template官方文档
- @H_450_5@npm init 生成 package.json文件。
- @H_450_5@Express:
- @H_450_5@koa: 由 Express 背后的同一个团队构建c;旨在变得更简单更轻巧。 新项目的诞生是为了满足创建不兼容的更改而又不破坏现有社区。
- @H_450_5@readyState
- @H_450_5@status
- @H_450_5@mIME Type
- @H_450_5@mIME (MultipurposE internet Mail Extensions) 是描述消息内容类型的因特网标准c;说白了也就是文件的媒体类型。浏览器可以根据它来区分文件c;然后决定什么内容用什么形式来显示。
- @H_450_5@首先c;我们要了解浏览器是如何处理内容的。在浏览器中显示的内容有 HTML、有 XML、有 GIF、还有 Flash ……那么c;浏览器是如何区分它们c;决定什么内容用什么形式来显示呢？答案是 MIME Typec;也就是该资源的媒体类型。
- @H_450_5@媒体类型通常是通过 http 协议c;由 Web 服务器告知浏览器的c;更准确地说c;是通过 Content-Type 来表示的c;例如: @H_450_5@Content-Type: text/HTML
- @H_450_5@简介
- @H_450_5@定义
- @H_450_5@CommonJS 模块系统
- @H_450_5@Webpack五大核心
- @H_450_5@entry：webpack打包的入口c;其取值可以是字符串c;数组或者一个对象
- @H_450_5@output：webpack打包的输出
- @H_450_5@@H_546_321@mode：webpack打包分为两种模式c;开发模式（development）与生产模式（production）c;默认为生产模式
@H_450_462@
选项 描述 @H_450_462@development 会将 process.env.NODE_ENV 的值设为 development。启用 NamedChunksPlugin 和 NamedModulesPlugin。 @H_450_462@production 会将 process.env.NODE_ENV 的值设为 production。启用 FlagDependencyUsagePlugin, FlagIncludedChunksPlugin, ModuleConcatenationPlugin, NoEmitOnErrorsPlugin, occurrenceOrderPlugin, SideEffectsFlagPlugin 和 UglifyJsPlugin. - @H_450_5@loader：webpack默认只能处理js、json格式的文件c;而loader的作用则是将其他格式的文件c;转换成webpack能够处理的文件
- @H_450_5@plugin：webpack插件c;每一个插件都有一个特定的功能c;它能处理loader无法处理的事情。插件的使用非常简单c;在PLugins数组中添加插件的实例化对象即可
- @H_450_5@CLI
- @H_450_5@命令行界面（英语：command-linE interfacec;缩写：CLI）是在图形用户界面得到普及之前使用最为广泛的用户界面c;它通常不支持鼠标c;用户通过键盘输入指令c;计算机接收到指令后c;予以执行。也有人称之为字符用户界面（CUI）。
- @H_450_5@通常认为c;命令行界面（CLI）没有图形用户界面（GUI）那么方便用户操作。因为c;命令行界面的软件通常需要用户记忆操作的命令c;但是c;由于其本身的特点c;命令行界面要较图形用户界面节约计算机系统的资源。在熟记命令的前提下c;使用命令行界面往往要较使用图形用户界面的操作速度要快。所以c;图形用户界面的操作系统中c;都保留着可选的命令行界面。
- @H_450_5@Node使用：
- @H_450_5@CommonJS 模块规范
- @H_450_5@package.json
- @H_450_5@Express
- @H_450_5@Node.js REPL
❯ node >@H_450_5@第一个值> console.log('测试') 测试 undefined >测试是告诉控制台要打印的输出c;然后得到undefinedc;它是运行console.log()的返回值。 @H_450_5@现在可以输入一行新的 JavaScript。- @H_450_5@console
%s会格式化变量为字符串%d会格式化变量为数字%i会格式化变量为其整数部分%o会格式化变量为对象- @H_450_5@lodash
- @H_450_5@npx
- @H_450_5@npm
- @H_450_5@package.json
- @H_450_5@@H_723_435@main 设置了应用程序的入口点。
- @H_450_5@
scripts定义了一组可以运行的 node 脚本。- @H_450_5@
private如果设置为truec;则可以防止应用程序/软件包被意外地发布到npm。- @H_450_5@
dependencies设置了作为依赖安装的npm软件包的列表。- @H_450_5@
devDependencies设置了作为开发依赖安装的npm软件包的列表。 @H_450_5@它们不同于dependenciesc;因为它们只需安装在开发机器上c;而无需在生产环境中运行代码- @H_450_5@
@R_674_10846@nes设置了此软件包/应用程序在哪个版本的 Node.js 上运行。- @H_450_5@
browserslist用于告知要支持哪些浏览器（及其版本）- @H_450_5@package-lock.json
- @H_450_5@语义版本 @H_450_5@语义版本控制的概念很简单：所有的版本都有 3 个数字：
x.y.z。
- 第一个数字是主版本。
- 第二个数字是次版本。
- 第三个数字是补丁版本。
^: 只会执行不更改最左边非零数字的更新。 如果写入的是^0.13.0c;则当运行npm update时c;可以更新到0.13.1、0.13.2等c;但不能更新到0.14.0或更高版本。 如果写入的是^1.13.0c;则当运行npm update时c;可以更新到1.13.1、1.14.0等c;但不能更新到2.0.0或更高版本。~: 如果写入的是〜0.13.0c;则当运行npm update时c;会更新到补丁版本：即0.13.1可以c;但0.14.0不可以。>: 接受高于指定版本的任何版本。>=: 接受等于或高于指定版本的任何版本。<=: 接受等于或低于指定版本的任何版本。<: 接受低于指定版本的任何版本。=: 接受确切的版本。-: 接受一定范围的版本。例如：2.1.0 - 2.6.2。||: 组合集合。例如< 2.1 || > 2.6。- @H_450_5@卸载npm包
- @H_450_5@http
- GET、POST
- GET请求的数据会附在URL之后（就是把数据放置在http协议头中）c;以？分割URL和传输数据c;参数之间以&相连c;如：login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。如果数据是英文字母或数字c;则原样发送；如果是空格c;转换为+；如果是中文或其他字符c;则直接把字符串用BASE64加密c;得出如：%E4%BD%A0%E5%A5%BDc;其中5;XX中的XX为该符号以16进制表示的ASCII码值。而与之对应的c;POST把提交的数据放置在http包的包体中c;文章最下面将会有代码示例。
- POST的安全性要比GET的安全性高。注意：这里所说的安全性和上面GET提到的“安全”不是同个概念。上面“安全”的含义仅仅是不作数据修改c;而这里安全的含义是真正的Security的含义。比如：通过GET提交数据c;用户名和密码将明文出现在URL上c;因为：(1)登录页面有可能被浏览器缓存c;(2)其他人查看浏览器的历史纪录c;那么别人就可以拿到你的账号和密码了c;除此之外c;使用GET提交数据还可能会造成Cross-site request forgery攻击（CSRF,跨站请求伪造c;也被称为：one click attack/session riding）。
- @H_450_5@fs文件模块
- @H_450_5@buffer
- @H_450_5@Buffer 是内存区域。可以将 buffer 视为整数数组c;每个整数代表一个数据字节。
- @H_450_5@Buffer 被引入用以帮助开发者处理二进制数据c;在此生态系统中传统上只处理字符串而不是二进制数据。 @H_450_5@Buffer 与流紧密相连。 当流处理器接收数据的速度快于其消化的速度时c;则会将数据放入 buffer 中。 @H_450_5@一个简单的场景是：当观看 YouTube 视频时c;红线超过了观看点：即下载数据的速度比查看数据的速度快c;且浏览器会对数据进行缓冲。
- @H_450_5@流
- @H_450_5@TypeScript
node 文件名执行对应的文件node.js来命名c;也就是说除了node这个名字随便起c;最好不要使用中文。
//浏览器中的JavaScript是没有文件操作能力的
//但是Node中的JavaScript具有文件操作能力
//fs是file-system的简写c;就是文件系统的意思
//在Node中如果想要进行文件的操作就必须引用fs这个核心模块
//在fs这个和兴模块中c;就提供了人所有文件操作相关的API
//例如 fs.readFile就是用来读取文件的
// 1.使用fs核心模块
var fs = require('fs');
// 2.读取文件
fs.readFile('./data/a.txt',function(err,data){
if(err){
console.log('文件读取失败');
}
else{
console.log(data.toString());
}
})
// 1.使用fs核心模块
var fs = require('fs');
// 2.将数据写入文件
fs.writeFile('./data/a.txt','我是文件写入的信息',function(err,data){
if(err){
console.log('文件写入失败');
}
else{
console.log(data.toString());
}
})
// 1.加载http核心模块
var http = require('http');
// 2.使用http.createServer()创建一个web服务器
var server = http.createServer();
// 3.服务器要做的事儿
// 提供服务：对数据服务
// 发请求
// 接收请求
// 处理请求
// 反馈（发送响应）
// 当客户端请求过来c;就会自动触发服务器的request请求事件c;然后执行第二个参数：回调处理函数
server.on('Request',function(){
console.log('收到客户的请求了')
})
// 4.绑定端口号c;启动服务
server.listen(3000,function(){
console.log('Runing...')
})
requirevar 自定义变量名 = require('模块')
exports导出接口对象exportsexports接口对象中就可以了 @H_450_5@导出多个成员（必须在对象中）： exports.a = 123;
exports.b = function(){
console.log('bbb')
};
exports.c = {
foo:"bar"
};
exports.d = 'hello';
@H_723_435@module.exports = 'hello';@H_450_5@以下情况会覆盖：
@H_723_435@module.exports = 'hello'; //后者会覆盖前者 module.exports = function add(x,y) { return x+y; }@H_450_5@也可以通过以下方法来导出多个成员：
@H_723_435@module.exports = { foo = 'hello', add:function(){ return x+y; } };
console.log(exports === module.exports); //true
exports.foo = 'bar';
//等价于
module.exports.foo = 'bar';
当给exports重新赋值后c;exports！= module.exports.
@H_450_5@最终return的是module.exports,无论exports中的成员是什么都没用。
真正去使用的时候：
导出单个成员：exports.xxx = xxx;
导出多个成员：module.exports 或者 modeule.exports = {};
// 引用服务
var http = require('http');
var fs = require('fs');
// 引用模板
var template = require('art-template');
// 创建服务
var server = http.createServer();
// 公共路径
var wwwDir = 'D:/app/www';
server.on('Request', function (req, res) {
var url = req.url;
// 读取文件
fs.readFile('./template-apche.html', function (err, data) {
if (err) {
return res.end('404 Not Found');
}
fs.readdir(wwwDir, function (err, files) {
if (err) {
return res.end('Can not find www Dir.')
}
// 使用模板引擎解析替换data中的模板字符串
// 去xmpTempleteList.html中编写模板语法
var htmlStr = template.render(data.toString(), {
title: 'D:/app/www/ 的索引',
files:files
});
// 发送响应数据
res.end(htmlStr);
})
})
});
server.listen(3000, function () {
console.log('Running....');
})
1.jQuery中的each 和 原生JavaScript方法forEach的区别：
提供源头：
原生js是es5提供的（不兼容IE8）,
jQuery的each是jQuery第三方库提供的（如果要使用需要用2以下的版本也就是1.版本）,它的each方法主要用来遍历jQuery实例对象（伪数组）,同时也可以做低版本forEach的替代品,jQuery的实例对象不能使用forEach方法c;如果想要使用必须转为数组（[].slice.call(jQuery实例对象)）才能使用
2.模块中导出多个成员和导出单个成员
3.301和302的区别：
301永久重定向,浏览器会记住
302临时重定向
4.exports和module.exports的区别:
每个模块中都有一个module对象
module对象中有一个exports对象
我们可以把需要导出的成员都挂载到module.exports接口对象中
也就是`@H_509_1032@module.exports.xxx = xxx`的方式
但是每次写太多了就很麻烦c;所以Node为了简化代码c;就在每一个模块中都提供了一个成员叫`exports`
`exports === module.exports`结果为true,所以完全可以`exports.xxx = xxx`
当一个模块需要导出单个成员的时候必须使用`@H_509_1032@module.exports = xxx`的方式c;=,使用`exports = xxx`不管用,因为每个模块最终return的是module.exports,而exports只是module.exports的一个引用,所以`exports`即使重新赋值,也不会影响`@H_509_1032@module.exports`。
有一种赋值方式比较特殊：`exports = module.exports`这个用来新建立引用关系的。
// 如果非路径形式的标识
// 路径形式的标识：
// ./ 当前目录 不可省略
// ../ 上一级目录 不可省略
// /xxx也就是D:/xxx
// 带有绝对路径几乎不用（D:/a/foo.js）
// 首位表示的是当前文件模块所属磁盘根目录
// require('./a');
// 核心模块
// 核心模块本质也是文件c;核心模块文件已经被编译到了二进制文件中了c;我们只需要按照名字来加载就可以了
require('fs');
// 第三方模块
// 凡是第三方模块都必须通过npm下载（npm i node_modules）c;使用的时候就可以通过require('包名')来加载才可以使用
// 第三方包的名字不可能和核心模块的名字是一样的
// 既不是核心模块c;也不是路径形式的模块
// 先找到当前文所述目录的node_modules
// 然后找node_modules/art-template目录
// node_modules/art-template/package.json
// node_modules/art-template/package.json中的main属性
// main属性记录了art-template的入口模块
// 然后加载使用这个第三方包
// 实际上最终加载的还是文件
// 如果package.json不存在或者mian指定的入口模块不存在
// 则node会自动找该目录下的index.js
// 也就是说index.js是一个备选项c;如果main没有指定c;则加载index.js文件
//
// 如果条件都不满足则会进入上一级目录进行查找
// 注意：一个项目只有一个node_modulesc;放在项目根目录中c;子目录可以直接调用根目录的文件
var template = require('art-template');
/和文件操作路径中的/// 咱们所使用的所有文件操作的API都是异步的
// 就像ajax请求一样
// 读取文件
// 文件操作中 ./ 相当于当前模块所处磁盘根目录
// ./index.txt 相对于当前目录
// /index.txt 相对于当前目录
// /index.txt 绝对路径,当前文件模块所处根目录
// d:express/index.txt 绝对路径
fs.readFile('./index.txt',function(err,data){
if(err){
return console.log('读取失败');
}
console.log(data.toString());
})
// 在模块加载中c;相对路径中的./不能省略
// 这里省略了.也是磁盘根目录
require('./index')('hello')
@H_450_5@ npmjs.com 网站 是用来搜索npm包的
npm --version来查看npm的版本
@H_450_5@升级npm(自己升级自己)：
npm install --global npm
@H_450_5@https://developer.aliyun.com/mirror/NPM?from=tnpm淘宝的开发团队把npm在国内做了一个镜像（也就是一个备份）。@H_450_5@安装淘宝的cnpm：
npm install -g cnpm --registry=https://registry.npm.taobao.org;
#在任意目录执行都可以
#--global表示安装到全局c;而非当前目录
#--global不能省略c;否则不管用
npm install --global cnpm
npm替换成cnpm。
#走国外的npm服务器下载jQuery包c;速度比较慢
npm install jQuery;
#使用cnpm就会通过淘宝的服务器来下载jQuery
cnpm install jQuery;
cnpm又想使用淘宝的服务器来下载：
npm install jquery --registry=https://npm.taobao.org;
npm config set registry https://npm.taobao.org;
#查看npm配置信息
npm config list;
npm install都会通过淘宝的服务器来下载
package.json文件（包描述文件c;就像产品的说明书一样）
@H_450_5@这个文件可以通过npm init自动初始化出来
D:codenode中的模块系统>npm init
This utility will walk you through creaTing a package.json file.
It only covers the most common items, and tries to guess sensible defaults.
See `npm Help json` for definitive documentation on these fields
and exactly what they do.
Use `npm install <pkg>` afterWARDs to install a package and
save it as a dependency in the package.json file.
Press ^C at any time to quit.
package name: (node中的模块系统)
Sorry, name can only contain URL-friendly characters.
package name: (node中的模块系统) cls
version: (1.0.0)
description: 这是一个测试项目
entry point: (@H_626_629@main.js)
test command:
git repository:
keywords:
author: xiaochen
license: (ISC)
About to write to D:codenode中的模块系统package.json:
{
"name": "cls",
"version": "1.0.0",
"description": "这是一个测试项目",
"main": "main.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"author": "xiaochen",
"license": "ISC"
}
Is this OK? (yes) yes
dependencies选项c;可以用来帮助我们保存第三方包的依赖信息。
@H_450_5@如果node_modules删除了也不用担心c;只需要在控制面板中npm install就会自动把package.json中的dependencies中所有的依赖项全部都下载回来。
package.json文件npm install 包名的时候都加上--save选项c;目的是用来保存依赖信息package-lock.json这个文件
@H_450_5@npm5以后才加入这个文件
@H_450_5@当你安装包的时候c;npm都会生成或者更新package-lock.json这个文件
--save参数c;它会自动保存依赖信息package-lock.json文件package-lock.json这个文件会包含node_modules中所有包的信息（版本c;下载地址。。。）
npm install的时候速度就可以提升lock称之为锁
@H_450_5@参考文档：https://nodejs.org/docs/latest-v13.x/api/path.html
require,exports等模块相关的API之外c;还有两个特殊的成员：
__dirnamec;是一个成员c;可以用来动态获取当前文件模块所属目录的绝对路径 __filenamec;可以用来动态获取当前文件的绝对路径（包含文件名） __dirname和filename是不受执行node命令所属路径影响的 @H_450_5@[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aMSBfDuF-1630228376845)(C:UsersAApPDAtaroaR_515_11845@ingTyporatypora-user-imagesimage-20200315151551873.png)] __dirname或者__filename来帮助我们解决这个问题
@H_450_5@在拼接路径的过程中c;为了避免手动拼接带来的一些低级错误c;推荐使用path.join()来辅助拼接
var fs = require('fs');
var path = require('path');
// console.log(__dirname + 'a.txt');
// path.join方法会将文件操作中的相对路径都统一的转为动态的绝对路径
fs.readFile(path.join(__dirname + '/a.txt'),'utf8',function(err,data){
if(err){
throw err
}
console.log(data);
});
@H_450_5@补充：模块中的路径标识和这里的路径没关系c;不受影响（就是相对于文件模块）
@H_450_5@注意： @H_450_5@模块中的路径标识和文件操作中的相对路径标识不一致 @H_450_5@模块中的路径标识就是相对于当前文件模块c;不受node命令所处路径影响
http://expressjs.com/,其中主要封装的是http。 // 1 安装
// 2 引包
var express = require('express');
// 3 创建服务器应用程序
// 也就是原来的http.createServer();
var app = express();
// 公开指定目录
// 只要通过这样做了c;就可以通过/public/xx的方式来访问public目录中的所有资源
// 在Express中开放资源就是一个API的事
app.use('/public/',express.static('/public/'));
//模板引擎在Express中开放模板也是一个API的事
// 当服务器收到get请求 / 的时候c;执行回调处理函数
app.get('/',function(req,res){
res.send('Hello express');
})
// 相当于server.listen
app.listen(3000,function(){
console.log('app is runing at port 3000');
})
cnpm install express
// 引入express
var express = require('express');
// 1. 创建app
var app = express();
// 2.
app.get('/',function(req,res){
// 1
// res.write('hello');
// res.write('World');
// res.end()
// 2
// res.end('Hello world');
// 3
res.send('Hello world');
})
app.listen(3000,function(){
console.log('express app is runing...');
})
//当你以get方法请求/的时候c;执行对应的处理函数
app.get('/',function(req,res){
res.send('Hello world');
})
//当你以post方法请求/的时候c;执行对应的处理函数
app.post('/',function(req,res){
res.send('Hello world');
})
// app.use不仅仅是用来处理静态资源的c;还可以做很多工作(body-parser的配置)
app.use(express.static('public'));
app.use(express.static('files'));
app.use('/stataic',express.static('public'));
// 引入express
var express = require('express');
// 创建app
var app = express();
// 开放静态资源
// 1.当以/public/开头的时候c;去./public/目录中找对应资源
// 访问：http://127.0.0.1:3000/public/login.html
app.use('/public/',express.static('./public/'));
// 2.当省略第一个参数的时候c;可以通过省略/public的方式来访问
// 访问：http://127.0.0.1:3000/login.html
// app.use(express.static('./public/'));
// 3.访问：http://127.0.0.1:3000/a/login.html
// a相当于public的别名
// app.use('/a/',express.static('./public/'));
//
app.get('/',function(req,res){
res.end('Hello world');
});
app.listen(3000,function(){
console.log('express app is runing...');
});
art-templete模板引擎npm install --save art-template
npm install --save express-art-template
//两个一起安装
npm i --save art-template express-art-template
app.@R_674_10846@ne('html', require('express-art-template'));
app.get('/',function(req,res){
// express默认会去views目录找index.html
res.render('index.html',{
title:'Hello world'
});
})
views视图渲染存储目录c;可以：
// 第一个参数views千万不要写错
app.set('views',目录路径);
req.query来获取数据
// 通过requery方法获取用户输入的数据
// req.query只能拿到get请求的数据
var comment = req.query;
body-parser来获取数据。
@H_450_5@安装：
npm install --save body-parser;
var express = require('express')
// 引包
var bodyParser = require('body-parser')
var app = express()
// 配置body-parser
// 只要加入这个配置c;则在req请求对象上会多出来一个属性：body
// 也就是说可以直接通过req.body来获取表单post请求数据
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json())
app.use(function (req, res) {
res.setHeader('Content-Type', 'text/plain')
res.write('you posted:n')
// 可以通过req.body来获取表单请求数据
res.end(JSON.Stringify(req.body, null, 2))
})
express-session插件操作@H_450_5@参考文档：https://github.com/expressjs/session@H_450_5@安装：
npm install express-session
//该插件会为req请求对象添加一个成员:req.session默认是一个对象
//这是最简单的配置方式
//Session是基于Cookie实现的
app.use(session({
//配置加密字符串c;他会在原有的基础上和字符串拼接起来去加密
//目的是为了增加安全性c;防止客户端恶意伪造
secret: 'keyboard cat',
resave: false,
saveUninitialized: true,//无论是否适用Sessionc;都默认直接分配一把钥匙
cookie: { secure: true }
}))
// 读
//添加Session数据
//session就是一个对象
req.session.foo = 'bar';
//写
//获取session数据
req.session.foo
//删
req.session.foo = null;
delete req.session.foo
| 请求方法 | 请求路径 | get参数 | post参数 | 备注 | @H_450_462@GET | /students | 渲染首页 | @H_450_462@GET | /students/new | 渲染添加学生页面 | @H_450_462@POST | /students/new | name,age,gender,hobbies | 处理添加学生请求 | @H_450_462@GET | /students/edit | id | 渲染编辑页面 | @H_450_462@POST | /students/edit | id,name,age,gender,hobbies | 处理编辑请求 | @H_450_462@GET | /students/delete | id | 处理删除请求 |
|---|
/**
* router.js路由模块
* 职责：
* 处理路由
* 根据不同的请求方法+请求路径设置具体的请求函数
* 模块职责要单一c;我们划分模块的目的就是增强代码的可维护性c;提升开发效率
*/
var fs = require('fs');
// Express专门提供了一种更好的方式
// 专门用来提供路由的
var express = require('express');
// 1 创建一个路由容器
var router = express.Router();
// 2 把路由都挂载到路由容器中
router.get('/students', function(req, res) {
// res.send('Hello world');
// readFile的第二个参数是可选的c;传入utf8就是告诉他把读取到的文件直接按照utf8编码c;直接转成我们认识的字符
// 除了这样来转换c;也可以通过data.toString（）来转换
fs.readFile('./db.json', 'utf8', function(err, data) {
if (err) {
return res.status(500).send('Server error.')
}
// 读取到的文件数据是String类型的数据
// console.log(data);
// 从文件中读取到的数据一定是字符串c;所以一定要手动转换成对象
var students = JSON.parse(data).students;
res.render('index.html', {
// 读取文件数据
students:students
})
})
});
router.get('/students/new',function(req,res){
res.render('new.html')
});
router.get('/students/edit',function(req,res){
});
router.post('/students/edit',function(req,res){
});
router.get('/students/delete',function(req,res){
});
// 3 把router导出
module.exports = router;
var router = require('./router');
// router(app);
// 把路由容器挂载到app服务中
// 挂载路由
app.use(router);
/**
* student.js
* 数据操作文件模块
* 职责：操作文件中的数据c;只处理数据c;不关心业务
*/
var fs = require('fs');
/**
* 获取所有学生列表
* return []
*/
exports.find = function(){
}
/**
* 获取添加保存学生
*/
exports.save = function(){
}
/**
* 更新学生
*/
exports.update = function(){
}
/**
* 删除学生
*/
exports.delete = function(){
}
<!DOCTYPE html>
<html lang="zh">
<head>
<@H_626_629@meta charset="UTF-8">
<@H_626_629@meta name="viewport" content="width=device-width, initial-scale=1.0">
<@H_626_629@meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>模板页</title>
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.css"/>
{{ block 'head' }}{{ /block }}
</head>
<body>
<!-- 通过include导入公共部分 -->
{{include './header.html'}}
<!-- 留一个位置 让别的内容去填充 -->
{{ block 'content' }}
<h1>默认内容</h1>
{{ /block }}
<!-- 通过include导入公共部分 -->
{{include './footer.html'}}
<!-- 公共样式 -->
<script src="/node_modules/jquery/dist/jquery.js" ></script>
<script src="/node_modules/bootstrap/dist/js/bootstrap.js" ></script>
{{ block 'script' }}{{ /block }}
</body>
</html>
<div id="">
<h1>公共的头部</h1>
</div>
<div id="">
<h1>公共的底部</h1>
</div>
<!-- 继承(extend:延伸c;扩展)模板也layout.html -->
<!-- 把layout.html页面的内容都拿进来作为index.html页面的内容 -->
{{extend './layout.html'}}
<!-- 向模板页面填充新的数据 -->
<!-- 填充后就会替换掉layout页面content中的数据 -->
<!-- style样式方面的内容 -->
{{ block 'head' }}
<style type="text/css">
body{
BACkground-color: skyblue;
}
</style>
{{ /block }}
{{ block 'content' }}
<div id="">
<h1>Index页面的内容</h1>
</div>
{{ /block }}
<!-- js部分的内容 -->
{{ block 'script' }}
<script type="text/javascript">
</script>
{{ /block }}
sql语言来操作{
qq:{
user:[
{},{},{}...
]
}
}
npm i mongoose
# mongodb 默认使用执行mongod 命令所处盼复根目录下的/data/db作为自己的数据存储目录
# 所以在第一次执行该命令之前先自己手动新建一个 /data/db
mongod
@H_723_435@mongod --dbpath = 数据存储目录路径@H_450_5@停止：
在开启服务的控制台c;直接Ctrl+C;
或者直接关闭开启服务的控制台。
# 该命令默认连接本机的 MongoDB 服务
mongo
# 在连接状态输入 exit 退出连接
exit
show dbs
db
use 数据库名称
show collections
db.表名.find()
@H_450_5@ http://mongodb.github.io/node-mongodb-native/
@H_450_5@ https://mongoosejs.com/@H_450_5@[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nJ2y2y9R-1630228376856)(C:UsersAApPDAtaroaR_515_11845@ingTyporatypora-user-imagesimage-20200314105632745.png)] @H_450_5@[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-T0jnSXF8-1630228376857)(C:UsersAApPDAtaroaR_515_11845@ingTyporatypora-user-imagesimage-20200314105717993.png)]
// 1.引包
// 注意：按照后才能require使用
var mongoose = require('mongoose');
// 拿到scheR_515_11845@a图表
var scheR_515_11845@a = mongoose.scheR_515_11845@a;
// 2.连接数据库
// 指定连接数据库后不需要存在c;当你插入第一条数据库后会自动创建数据库
mongoose.connect('mongodb://localhost/test');
// 3.设计集合结构（表结构）
// 用户表
var userscheR_515_11845@a = new scheR_515_11845@a({
username: { //姓名
type: String,
require: true //添加约束c;保证数据的完整性c;让数据按规矩统一
},
password: {
type: String,
require: true
},
email: {
type: String
}
});
// 4.将文档结构发布为模型
// mongoose.model方法就是用来将一个架构发布为 model
// 第一个参数：传入一个大写名词单数字符串用来表示你的数据库的名称
// mongoose 会自动将大写名词的字符串生成 小写复数 的集合名称
// 例如 这里会变成users集合名称
// 第二个参数：架构
// 返回值：模型构造函数
var User = mongoose.@H_814_756@model('user', userscheR_515_11845@a);
// 5.通过模型构造函数对User中的数据进行操作
var user = new User({
username: 'admin',
password: @R_675_6879@23456',
email: 'xiaochen@qq.com'
});
user.save(function(err, ret) {
if (err) {
console.log('保存失败');
} else {
console.log('保存成功');
console.log(ret);
}
});
User.remove({
username: 'xiaoxiao'
}, function(err, ret) {
if (err) {
console.log('删除失败');
} else {
console.log('删除成功');
console.log(ret);
}
});
@H_723_435@model.findOneAndRemove(conditions,[options],[callBACk]);@H_450_5@根据id删除一个：
User.findByIdAndRemove(id,[options],[callBACk]);
User.remove(conditions,doc,[options],[callBACk]);
User.FindOneAndupdate([conditions],[update],[options],[callBACk]);
// 更新 根据id来修改表数据
User.findByIdAndupdate('5e6c5264fada77438c45dfcd', {
username: 'junjun'
}, function(err, ret) {
if (err) {
console.log('更新失败');
} else {
console.log('更新成功');
}
});
// 查询所有
User.find(function(err,ret){
if(err){
console.log('查询失败');
}else{
console.log(ret);
}
});
// 根据条件查询
User.find({ username:'xiaoxiao' },function(err,ret){
if(err){
console.log('查询失败');
}else{
console.log(ret);
}
});
// 按照条件查询单个c;查询出来的数据是一个对象（{}）
// 没有条件查询使用findOne方法c;查询的是表中的第一条数据
User.findOne({
username: 'xiaoxiao'
}, function(err, ret) {
if (err) {
console.log('查询失败');
} else {
console.log(ret);
}
});
npm install --save mysql
// 引入mysql包
var mysql = require('mysql');
// 创建连接
var connection = mysql.createConnection({
host : @R_674_3384@host', //本机
user : 'me', //账号root
password : 'secret', //密码12345
database : 'my_db' //数据库名
});
// 连接数据库 （打开冰箱门）
connection.connect();
//执行数据操作 （把大象放到冰箱）
connection.query('SELECT * FROM `users` ', function (error, results, fields) {
if (error) throw error;//抛出异常阻止代码往下执行
// 没有异常打印输出结果
console.log('The solution is: ',results);
});
//关闭连接 （关闭冰箱门）
connection.end();
function add(x,y){
console.log(1);
setTimeout(function(){
console.log(2);
var ret = x + y;
return ret;
},1000);
console.log(3);
//到这里执行就结束了c;不会i等到前面的定时器c;所以直接返回了默认值 undefined
}
console.log(add(2,2));
// 结果是 1 3 undefined 4
var ret;
function add(x,y,callBACk){
// callBACk就是回调函数
// var x = 10;
// var y = 20;
// var callBACk = function(ret){Console.log(ret);}
console.log(1);
setTimeout(function(){
var ret = x + y;
callBACk(ret);
},1000);
console.log(3);
}
add(10,20,function(ret){
console.log(ret);
});
var oReq = new XMLhttprequest();
// 当请求加载成功要调用指定的函数
oReq.onload = function(){
console.log(oReq.responseText);
}
oReq.open("GET", "请求路径",true);
oReq.send();
function get(url,callBACk){
var oReq = new XMLhttprequest();
// 当请求加载成功要调用指定的函数
oReq.onload = function(){
//console.log(oReq.responseText);
callBACk(oReq.responseText);
}
oReq.open("GET", url,true);
oReq.send();
}
get('data.json',function(data){
console.log(data);
});
var fs = require('fs');
fs.readFile('./data/a.text','utf8',function(err,data){
if(err){
// 1 读取失败直接打印输出读取失败
return console.log('读取失败');
// 2 抛出异常
// 阻止程序的执行
// 把错误信息打印到控制台
throw err;
}
console.log(data);
});
fs.readFile('./data/b.text','utf8',function(err,data){
if(err){
// 1 读取失败直接打印输出读取失败
return console.log('读取失败');
// 2 抛出异常
// 阻止程序的执行
// 把错误信息打印到控制台
throw err;
}
console.log(data);
});
var fs = require('fs');
fs.readFile('./data/a.text','utf8',function(err,data){
if(err){
// 1 读取失败直接打印输出读取失败
return console.log('读取失败');
// 2 抛出异常
// 阻止程序的执行
// 把错误信息打印到控制台
throw err;
}
console.log(data);
fs.readFile('./data/b.text','utf8',function(err,data){
if(err){
// 1 读取失败直接打印输出读取失败
return console.log('读取失败');
// 2 抛出异常
// 阻止程序的执行
// 把错误信息打印到控制台
throw err;
}
console.log(data);
fs.readFile('./data/a.text','utf8',function(err,data){
if(err){
// 1 读取失败直接打印输出读取失败
return console.log('读取失败');
// 2 抛出异常
// 阻止程序的执行
// 把错误信息打印到控制台
throw err;
}
console.log(data);
});
});
});
Promise。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ctFL5g3S-1630228376861)(C:UsersAApPDAtaroaR_515_11845@ingTyporatypora-user-imagesimage-20200314150050839.png)]
@H_450_5@基本语法：
// 在EcmaScript 6中新增了一个API Promise
// Promise 是一个构造函数
var fs = require('fs');
// 1 创建Promise容器 resolve:解决 reject：失败
var p1 = new Promise(function(resolve, reject) {
fs.readFile('./a.text', 'utf8', function(err, data) {
if (err) {
// console.log(err);
// 把容器的Pending状态变为rejected
reject(err);
} else {
// console.log(data);
// 把容器的Pending状态变为resolve
resolve(1234);
}
});
});
// 当p1成功了c;然后就（then）做指定的操作
// then方法接收的function就是容器中的resolve函数
p1
.then(function(data) {
console.log(data);
}, function(err) {
console.log('读取文件失败了', err);
});
readFile：
var fs = require('fs');
function pReadFile(filePath) {
return new Promise(function(resolve, reject) {
fs.readFile(filePath, 'utf8', function(err, data) {
if (err) {
reject(err);
} else {
resolve(data);
}
});
});
}
pReadFile('./a.txt')
.then(function(data) {
console.log(data);
return pReadFile('./b.txt');
})
.then(function(data) {
console.log(data);
return pReadFile('./a.txt');
})
.then(function(data) {
console.log(data);
})
// 查询所有
User.find()
.then(function(data){
console.log(data)
})
User.findOne({username:'admin'},function(user){
if(user){
console.log('用户已存在')
} else {
new User({
username:'aaa',
password:@R_675_6879@23',
email:'fffff'
}).save(function(){
console.log('注册成功');
})
}
})
User.findOne({
username:'admin'
})
.then(function(user){
if(user){
// 用户已经存在不能注册
console.log('用户已存在');
}
else{
// 用户不存在可以注册
return new User({
username:'aaa',
password:@R_675_6879@23',
email:'fffff'
}).save();
}
})
.then(funciton(ret){
console.log('注册成功');
})
nodemon来帮助我们解决频繁修改代码重启服务器的问题。
@H_450_5@nodemon是一个基于Node.js开发的一个第三方命令行工具c;我们使用的时候需要独立安装：
#在任意目录执行该命令都可以
#也就是说c;所有需要 --global安装的包都可以在任意目录执行
npm install --global nodemon
npm install -g nodemon
#如果安装不成功的话c;可以使用cnpm安装
cnpm install -g nodemon
node app.js
#使用Nodemon
nodemon app.js
nodemon启动的服务c;则他会监视你的文件变化c;当文件发生变化的时候c;会自动帮你重启服务器。
function fn(callBACk){
// var callBACk = funtion(data){ console.log(data); }
setTimeout(function(){
var data = 'hello';
callBACk(data);
},1000);
}
// 如果需要获取一个函数中异步操作的结果c;则必须通过回调函数的方式来获取
fn(function(data){
console.log(data);
})
@H_450_5@参考文档：https://es6.ruanyifeng.com/
.
app.js 项目的入口文件
controllers
models 存储使用mongoose设计的数据模型
node_modules 第三方包
package.json 包描述文件
package-lock.json 第三方包版本锁定文件（npm5之后才有）
public 公共静态资源
routes
views 存储视图目录
| 路由 | 方法 | get参数 | post参数 | 是否需要登录 | 备注 | @H_450_462@/ | get | 渲染首页 | @H_450_462@/register(登录) | get | 渲染注册页面 | @H_450_462@/register | post | email,nickname,password | 处理注册请求 | @H_450_462@/login | get | 渲染登陆界面 | @H_450_462@/login | post | email,password | 处理登录请求 | @H_450_462@/loginout | get | 处理退出请求 | @H_450_462@
|---|
@H_450_5@参考文档：http://expressjs.com/en/guide/using-middleware.html@H_450_5@[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JsOS7jNs-1630228376864)(C:UsersAApPDAtaroaR_515_11845@ingTyporatypora-user-imagesimage-20200316202757617.png)] @H_450_5@中间件：把很复杂的事情分割成单个c;然后依次有条理的执行。就是一个中间处理环节c;有输入c;有输出。 @H_450_5@说的通俗易懂点儿c;中间件就是一个（从请求到响应调用的方法）方法。 @H_450_5@把数据从请求到响应分步骤来处理c;每一个步骤都是一个中间处理环节。
var http = require('http');
var url = require('url');
var cookie = require('./expressPtoject/cookie');
var query = require('./expressPtoject/query');
var postBody = require('./expressPtoject/post-body');
var server = http.createServer(function(){
// 解析请求地址中的get参数
// var obj = url.parse(req.url,truE);
// req.query = obj.query;
query(req,res); //中间件
// 解析请求地址中的post参数
req.body = {
foo:'bar'
}
});
if(req.url === 'xxx'){
// 处理请求
...
}
server.listen(3000,function(){
console.log('3000 runing...');
});
var express = require('express');
var app = express();
app.get('/abc',function(req,res,next){
// 同一个请求的req和res是一样的c;
// 可以前面存储下面调用
console.log('/abc');
// req.foo = 'bar';
req.body = {
name:'xiaoxiao',
age:18
}
next();
});
app.get('/abc',function(req,res,next){
// console.log(req.foo);
console.log(req.body);
console.log('/abc');
});
app.listen(3000, function() {
console.log('app is running at port 3000.');
});
app.use(function(req,res,next){
console.log('Time',Date.now());
next();
});
app.use('/a',function(req,res,next){
console.log('Time',Date.now());
next();
});
app.get('/',function(req,res){
res.send('get');
});
app.post('/a',function(req,res){
res.send('post');
});
app.put('/user',function(req,res){
res.send('put');
});
app.delete('/delete',function(req,res){
res.send('delete');
});
var express = require('express');
var app = express();
// 中间件：处理请求c;本质就是个函数
// 在express中c;对中间件有几种分类
// 1 不关心任何请求路径和请求方法的中间件
// 也就是说任何请求都会进入这个中间件
// 中间件本身是一个方法c;该方法接收三个参数
// request 请求对象
// Response 响应对象
// next 下一个中间件
// // 全局匹配中间件
// app.use(function(req, res, next) {
// console.log('1');
// // 当一个请求进入中间件后
// // 如果需要请求另外一个方法则需要使用Next（）方法
// next();
// // next是一个方法c;用来调用下一个中间件
// // 注意：next（）方法调用下一个方法的时候c;也会匹配（不是调用紧挨着的哪一个）
// });
// app.use(function(req, res, next) {
// console.log('2');
// });
// // 2 关心请求路径的中间件
// // 以/xxx开头的中间件
// app.use('/a',function(req, res, next) {
// console.log(req.url);
// });
// 3 严格匹配请求方法和请求路径的中间件
app.get('/',function(){
console.log('/');
});
app.post('/a',function(){
console.log('/a');
});
app.listen(3000, function() {
console.log('app is running at port 3000.');
});
app.use(function(err,req,res,next){
console.error(err,stack);
res.status(500).send('Something broke');
});
app.use(function(req,res){
res.render('404.html');
});
app.get('/a', function(req, res, next) {
fs.readFile('.a/bc', funtion() {
if (err) {
// 当调用next()传参后c;则直接进入到全局错误处理中间件方法中
// 当发生全局错误的时候c;我们可以调用next传递错误对象
// 然后被全局错误处理中间件匹配到并进行处理
next(err);
}
})
});
//全局错误处理中间件
app.use(function(err,req,res,next){
res.status(500).json({
err_code:500,
message:err.message
});
});
@H_450_5@参考文档：http://expressjs.com/en/resources/middleware.html
以上是大佬教程为你收集整理的Node.js b站教学视频汇总笔记（完）CommonJS模块规范、 require、npm、Express(中间件)、MongoDB、MySQL全部内容，希望文章能够帮你解决Node.js b站教学视频汇总笔记（完）CommonJS模块规范、 require、npm、Express(中间件)、MongoDB、MySQL所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。