蓝枫秋千
蓝枫秋千

nodejs+express学习笔记

文章目录

      • 基础
        • 回顾js
        • 初识nodejs
      • 内置api
        • fs文件系统模块
        • path路径模块
        • http模块
      • 模块化
        • 基本概念
        • nodejs中的模块化
        • 包
        • 模块加载机制
      • express
        • 初始express
        • 托管静态资源
        • nodemon
        • 路由
        • 中间件
        • cors跨域资源共享
      • 数据库与身份认证
        • 数据库基本概念
        • 安装并配置MySql
        • mysql常用操作
        • 前后端的身份认证

基础

回顾js

  1. 为什么javascript可以在浏览器中被执行

    待执行的js代码 => javascript解析引擎

    不同浏览器的javascript解析引擎不一样

    1. chrome => V8（性能最好）
    2. firefox => OdinMonkey（奥丁猴）
    3. safri => JSCore
    4. IE => Chakra（查克拉）

  2. 为什么javascript可以操作dom和bom

    1. 浏览器提供了domapi、bomapi、ajaxapi
    2. 可以被js代码调用
    3. 然后交给解析引擎执行

  3. 浏览器的javascript运行环境

    运行环境是指：代码正常运行所需的必要环境

    比如chrome浏览器运行环境：

    1. v8引擎

      负责解析javascript代码

    2. 内置api：dom、bom、canvas、ajax、js内置对象等等

      由运行环境提供的特殊接口、只能在所属的运行环境中被调用

  4. javascript能否做后端开发

    需要在nodejs的运行环境中可以

初识nodejs

  1. nodejs是一个基于chromeV8引擎的javascript运行环境

  2. nodejs的javascript运行环境

    1. v8引擎
    2. 内置api：fs、path、http、js内置对象等等

  3. nodejs可以做什么

    只是提供了基础的功能和api，然而，基于nodejs的基础功能，很多强大的工具和框架如雨后春笋，层出不穷

    1. express：可以快速搭建web应用
    2. electron：构建跨平台的桌面应用
    3. restify：快速构建api接口项目
    4. 读写和操作数据哭、创建实用的命令行工具辅助前端开发

  4. 学习路径

    1. 浏览器的javascript学习路径

      1. 基础语法
      2. 浏览器内置api：bom、dom
      3. 第三方库：jquery、react、vue

    2. nodejs学习路径

      1. 基础语法
      2. nodejs内置api：fs、path、http等
      3. 第三方api模块：express、mysql等

内置api

fs文件系统模块

  1. 定义

    nodejs官方提供的、用来操作文件的模块。它提供了一系列方法和属性，用来满足用户对文件的操作需求

    1. fs.readFile()方法，用来读取指定文件中的内容
    2. fs.writeFile()方法，用来向指定的文件中写入内容

  2. 使用

    const fs = require('fs');

  3. fs.readFile()

    fs.readFile(path[, options], callback);
    1. path：必须，文件路径
    2. options：指定编码格式（一般用utf8）
    3. 回调：(err, data)，一般用err是否为null来判断是否读取成功
    fs.readFile('./notes.md', 'utf-8', (err, data) => {
    if (err) {
        console.log('err :>> ', err);
        return "文件读取失败";
    }
    console.log('data :>> ', data);
    reurn "文件读取成功";
})

  4. fs.writeFile()

    fs.writeFile(path, data[, options], callback);
    1. file: 指定文件路径字符串（如果不存在会自动创建）
    2. data: 写入的内容
    3. options：编码格式（一般用utf8）
    4. callback：(err)
    fs.writeFile("11.txt", "hello", "utf8", (err) => {
    if (err) {
        console.log('err :>> ', err);
        return "文件读取失败";
    }
    return "文件写入成功";
});

  5. fs模块-路径动态拼接问题

    背景：在使用fs模块操作文件时，如果提供的操作路径是以./或../开头的相对路径时，很容易出现路径动态拼接错误的问题

    原因：代码在运行的时候，会执行node命令时所处的目录，动态拼接出被操作文件的完整路径

    如下代码：代码路径为/user/local/test.js，读取的文件在/user/local/notes.md，当在/user/local执行node test.js和在/user执行node local/test.js效果时是不一样的

    fs.readFile('./notes.md', 'utf-8', (err, data) => {
    if (err) {
        console.log('err :>> ', err);
        return "文件读取失败";
    }
    console.log('data :>> ', data);
    return "文件读取成功";
})

    解决方案

    1. 使用绝对路径：可移植性差，不利于维护

    2. 使用__dirname表示当前文件所在的绝对目录

      fs.writeFile(__dirname + "/11.txt", "hello", "utf8", (err) => {
    if (err) {
        console.log('err :>> ', err);
        return "文件读取失败";
    }
    return "文件写入成功";
});

      延伸：如果想要读取上一层的文件的话，需要使用path.join来进行拼接

      const path = require('path');
const fs = require('fs');

const filePath = path.join(__dirname, '../example.txt');
fs.readFile(filePath, (err, data) => {
if (err) throw err;
console.log(data.toString());
});

path路径模块

  1. 定义

    nodejs官方提供的，用来处理路径的模块，提供了一系列的方法和属性，用来满足用户对路径的处理需求

    1. path.join()：用来将多哦哥路径片段拼接成一个完整字符串
    2. path.basename()：用来从路径字符串中，将文件名解析出来

  2. 导入

    const path = require('path');

  3. path.join()

    const pathStr = path.join('a', '/b', 'c', '../', 'd');
console.log('pathStr :>> ', pathStr); // pathStr :>>  a/b/d

const pathStr1 = path.join(__dirname, pathStr, "../f");
console.log('pathStr1 :>> ', pathStr1); // /Users/xxx/Documents/code/learnningNotes/js/nodejs/testcode/a/b/f

    参数说明

    1. 可以有多个
    2. 如果是../的话会自动去掉最后一个层级
    3. /a和a拼接效果是一样的

    注意：凡是涉及到路径拼接的操作，都要使用path.join()方法进行处理，不要直接使用+进行字符串的拼接

  4. path.basename()

    const filePath = '/user/local/test.txt';
let fullName = path.basename(filePath);
console.log('fullName :>> ', fullName); // test.txt
let nameWithoutExtension = path.basename(filePath, '.txt');
console.log('nameWithoutExtension :>> ', nameWithoutExtension); // test

    参数说明

    1. 第一个为文件路径
    2. 第二个可选，为去掉的扩展名

  5. path.extname()

    获取路径中的文件扩展名

    path.extname(path)

    const filePath = '/user/local/test.txt';
let extname = path.extname(filePath);
console.log('extname :>> ', extname); // .txt

  6. 综合案例：将目录下的index.html中的html、script、style拆分出来，放到同级下的一个test目录中

    步骤分析

    1. 导入需要的模块并创建正则表达式

      const path = require('path');
const fs = require('fs');

const regStyle = /', '');
    fs.writeFile(path.join(__dirname, 'test/index.css'), newCSS, err => {
        if (err) return console.error('写入css文件失败：', err.message);
        console.log('写入css成功');
    });
}

    2. 自定义resolveJS方法

      function resolveJS(data) {
    const r1 = regScript.exec(data);
    const newJS = r1[0].replace('', '');
    fs.writeFile(path.join(__dirname, 'test/index.js'), newJS, err => {
        if (err) return console.error('写入js文件失败：', err.message);
        console.log('写入js成功');
    });
}

    3. 自定义resolveHTML方法

      function resolveHTML(data) {
    const newHTML = data.replace(regStyle, '')
    .replace(regScript, '');
    fs.writeFile(path.join(__dirname, 'test/index.html'), newHTML, err => {
        if (err) return console.error('写入html文件失败：', err.message);
        console.log('写入html成功');
    });
}

    4. 两个注意点

      1. path.writeFile()方法只能用来写入文件，不能用来创建目录
      2. path.writeFile()方法重复调用，新的内容会覆盖旧的内容

http模块

  1. 什么是http模块

    客户端：在网络节点中，负责消费资源的电脑。
    服务器：负责对外提供网络资源的电脑。

    http模块就是nodejs提供的，用来创建web服务器的模块。通过http模块提供的http.createServer()方法，就能方便的把一台普通的电脑，变成一台web服务器，从而对外提供web资源服务

  2. 导入

    const http = require('http');

  3. 了解http模块的作用

    服务器和普通电脑的区别：服务器上安装了web服务器软件，例如IIS、Apache等。通过安装这些服务器软件，就能把一台普通的电脑变成一台web服务器。

    在nodejs中，我们不需要使用IIS、Apache等第三方web服务器软件，因为我们可以基于nodejs提供的http模块，通过几行简单的代码，就能轻松的写一个服务器软件，从而对外提供web服务。

  4. 服务器相关的概念

    1. IP地址

      1. 就是互联网上每台计算机的唯一地址，因此IP地址具有唯一性。
      2. 如果把个人电脑比作一台电话，那么IP地址就相当于电话号码。
      3. 只有在知道对方IP地址的前提下，才能与对应的电脑之间进行数据通信
      4. IP地址的格式，通常用点分十进制表示成a.b.c.d的形式
      5. 其中a,b,c,d都是0-255之间的十进制整数，例如192.168.1.1
      6. 互联网中每台web服务器，都有自己的IP地址
      7. 在开发期间，自己的电脑既可以是一台服务器，也可以是一个客户端，为了方便测试，可以在浏览器中输入127.0.0.1这个IP地址，就能把自己的电脑当成服务器访问了

    2. 域名和域名服务器

      1. 由于IP地址不方便记忆，于是发明了一套字符型的地址方案，就是域名地址
      2. ip和域名地址是一一对应的关系，这份对应关系存放在一个叫做域名服务器（DNS，Domain name server）的电脑中
      3. 使用者只需通过好记的域名访问对应的服务器即可，对应的转换工作由域名服务器实现
      4. 因此域名服务器就是提供IP地址和域名之间转换服务的服务器
      5. 在开发测试期间，127.0.0.1对应的域名是localhost，使用效果上没有任何区别

    3. 端口号

      1. 计算机的端口号，就好像是现实生活中的门牌号一样，通过门牌号，外卖小哥可以在整栋大楼的众多房间中，准确的把外卖送到你的手中
      2. 在一台电脑中，可以运行成百上千个web服务，每一个web服务都对应一个唯一的端口号，客户端发送过来的网络请求，通过端口号，可以被准确的交给对应的web服务进行处理
      3. 每个端口号不能同时被多个web服务占用
      4. 在实际应用中，url中的80端口可以被省略

  5. 创建最基本的web服务器

    1. 创建web服务器的基本步骤

      1. 导入http模块
      2. 创建web服务器实例
      3. 为服务器实例绑定request事件，监听客户端的请求
      4. 启动服务器
      const http = require('http');

// 创建web服务器实例
const server = http.createServer();

// 为服务器实例绑定request事件，监听客户端的请求
server.on('request', (req, res) => {
    console.log("监听到了request");
    console.log('req :>> ', req);
    console.log('res :>> ', res);
});

// 调用服务器实例的`.listen()`方法，即可启动当前的web服务器实例
server.listen(80, () => {
    console.log('http server running at http://127.0.0.1');
})

    2. req请求对象

      只要服务器接收到了客户端的请求，就会调用通过server.on()为服务器绑定的request事件处理函数

      如果想要在事件处理函数中，访问与客户端相关的数据或者属性，可以使用如下的方式

      server.on('request', (req, res) => {
    console.log('req.url :>> ', req.url);
    console.log('req.method :>> ', req.method);
});

    3. res响应对象

      在服务器的request事件处理函数中，如果想访问与服务器相关的数据或属性，可以使用如下的方式

      res.end()方法的作用：向客户端发送指定的内容，并结束这次请求的处理过程

      server.on('request', (req, res) => {
    res.end("Hello, world!");
});

    4. 解决中文乱码的问题

      当调用res.end()向客户端发送中文内容的时候，会出现乱码的问题，此时，需要手动设置内容的编码格式

      如我返回的是我爱宝宝，接收到的是鎴戠埍瀹濆疂

      需要设置响应头Content-Type的值为text/html;charset=utf-8

      res.setHeader('Content-Type', 'text/html;charset=utf-8');
res.end("我爱宝宝");

    5. 根据不同的url响应不同的html内容

      server.on('request', (req, res) => {
    const url = req.url;
    let content = '
      404 not found
      '      ;
    if (url === '/' || url === '/index.html') {
        content = '
      首页
      '      
    } else if (url === '/about.html') {
        content = '
      关于页面
      '      ;
    }
    res.setHeader('Content-Type', 'text/html; charset=utf-8');
    res.end(content);
});

    6. 案例：将上面的拆分index.html的几个文件返回给客户端

      const http = require('http');
const path = require('path');
const fs = require('fs');

const server = http.createServer();

// 为服务器实例绑定request事件，监听客户端的请求
server.on('request', (req, res) => {
    console.log("进入了request");
    const url = req.url;
    console.log('url :>> ', url);

    let content = "";
    fs.readFile(path.join(__dirname, 'test', url), 'utf8', (err, data) => {
        console.log("进入了readFile");
        console.log('data :>> ', data);
        if (err) {
            content = '
      404 not found
      '      ;
        } else {
            content = data;
        }
        // res.setHeader('Content-Type', 'text/html; charset=utf-8');
        res.end(content);
    });
});

// 启动服务器
// 调用服务器实例的`.listen()`方法，即可启动当前的web服务器实例
server.listen(80, () => {
    console.log('http server running at http://127.0.0.1');
})

模块化

基本概念

  1. 什么是模块化

    1. 是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程
    2. 对于整个系统来说，模块是可组合、分解和更换的单元

  2. 编程领域的模块化

    遵守固定的规则，把一个大文件拆分成独立相互依赖的多个小模块

    好处

    1. 提高了代码的复用性
    2. 提高了代码的可维护性
    3. 可以实现按需加载

  3. 模块化规范

    就是对代码进行拆分和组合时，需要遵守的那些规则

    例如

    1. 使用什么语法格式来引用模块
    2. 在模块中使用什么样的语法格式向外暴露成员

    好处

    1. 降低了沟通成本
    2. 方便了各个模块之间的相互调用

nodejs中的模块化

  1. 分类

    1. 内置模块：nodejs官方提供的（fs,path,http）
    2. 自定义模块：用户创建的每个js文件
    3. 第三方模块：第三方开发出来的模块，使用前需要先下载

  2. 加载模块

    使用require()方法，可以加载需要的模块

    // 加载内置模块
const fs = require('fs');
// 加载自定义模块（需要指定路径）（可以省略js后缀）
const custom = require('./custom.js');
// 加载第三方模块
const moment = require('moment');

    注意：使用require方法加载其他模块时，会执行被加载模块中的代码

  3. 模块作用域

    和函数作用域蕾丝，在自定义模块中定义的变量、方法等成员，只能在当前模块内访问，这种模块级别的访问限制，叫做模块作用域

    // customer.js
const username = 'lan';
function sayHello() {
    console.log("hello：", username);
}

// test.js
const customer = require('./customer.js');
console.log("customer", customer); // {}

    好处

    1. 防止了全局变量污染的问题

  4. 向外共享模块作用域中的成员

    1. module对象

      在每个自定义模块中都有一个module对象，它里面存储了和当前模块有关的信息

      Module {
    id: '.',
    path: '/Users/feng.lan/Documents/code/learnningNotes/js/nodejs/testcode',
    exports: {},
    filename: '/Users/feng.lan/Documents/code/learnningNotes/js/nodejs/testcode/module.js',
    loaded: false,
    children: [
        Module {
            id: '/Users/feng.lan/Documents/code/learnningNotes/js/nodejs/testcode/customer.js',
            path: '/Users/feng.lan/Documents/code/learnningNotes/js/nodejs/testcode',
            exports: {},
            filename: '/Users/feng.lan/Documents/code/learnningNotes/js/nodejs/testcode/customer.js',
            loaded: true,
            children: [],
            paths: [Array]
        }
    ],
    paths: [
        '/Users/feng.lan/Documents/code/learnningNotes/js/nodejs/testcode/node_modules',
        '/Users/feng.lan/Documents/code/learnningNotes/js/nodejs/node_modules',
        '/Users/feng.lan/Documents/code/learnningNotes/js/node_modules',
        '/Users/feng.lan/Documents/code/learnningNotes/node_modules',
        '/Users/feng.lan/Documents/code/node_modules',
        '/Users/feng.lan/Documents/node_modules',
        '/Users/feng.lan/node_modules',
        '/Users/node_modules',
        '/node_modules'
    ]
}

    2. module.exports对象

      在自定义模块中，可以使用module.exports对象，把模块内的成员共享出去，供外界使用

      外界使用require()导入自定义的模块时，得到的就是module.exports所指的对象

      注意：使用require()导入模块时，导入的结果，永远以module.exports指向的对象为准

      const username = "lan";
function sayHello() {
    console.log("hello：", username);
}

module.exports.nickname = 'feng';
module.exports.printName = function() {
    console.log("printName");
}

module.exports = {
    username,
    sayHello
}

    3. exports对象

      由于module.exports单词写起来比较复杂，为了简化向外共享成员的代码，nodejs提供了exports对象，默认情况下，exports和module.exports指向同一个对象

      最终共享的结果，还是以module.exports指向的对象为准

    4. exports和module.exports的使用误区

      console.log(module.exports === exports); // true

      关键点：在没有重新改变引用对象的时候，两者相等，但是一旦其中一个改变引用对象之后，就以module.exports为准

      时刻谨记，require()模块时，得到的永远是module.exports指向的对象

      module.exports.username = 'lan';
exports.age = 12;

// 这种情况下获取到的是 {username: 'lan', age: 12}

      module.exports.username = 'lan';

exports = {
    gender: '男',
    age: 12
}

// 这种情况下获取到的是 {name: 'lan'}

      exports.usename = 'lan';

module.exports = {
    gender: 'man',
    age: 12
}

// 这种情况得到的是 {gender: 'man', age: 12}

  5. nodejs中的模块化规范

    遵循commonjs模块化规范，规定了模块的特性和各模块之间如何相互依赖

    1. 每个模块内部，module变量代表当前模块
    2. module变量是一个对象，它的exports属性（即module.exports）是对外的接口
    3. 加载某个模块，其实是加载该模块的module.exports属性，require()方法用于加载模块

包

  1. 什么是包

    nodejs中的第三方模块有叫做包

  2. 包的来源

    由第三方个人或者团队开发出来的，免费供所有人使用

    注意：nodejs中的包都是免费开源的，不需要付费即可免费下载使用

  3. 为什么需要包

    1. 由于nodejs内置模块仅提供了一些底层api，导致基于内置模块进行项目开发时，效率很低
    2. 包是基于内置模块封装出来的，提供了更高级、更方便的api，极大的提高了开发效率
    3. 包和内置模块之间的关系，类似jquery和浏览器内置api之间的关系

  4. 在哪里下载包

    搜索：网站https://www.npmjs.com/，他是全球最大的包共享平台，你可以从这网站上搜索任何你需要的包

    下载：通过https://registry.npmjs.org/的服务器，来对外共享所有的包，我们可以从这服务器上下载自己所需要的包

  5. 如何下载包

    包管理工具：npm包管理工具（Node Package Manager），这个工具随着nodejs的安装包一起被安装到了用户的电脑上

  6. 初次安装包之后多了哪些文件

    1. node_modules：存放所有已安装到项目中的包
    2. package-lock.json：记录node_modules目录下每一个包的下载信息（名字、版本号、下载地址）

  7. 安装指定版本

    默认情况下，是安装最新版本的，如果需要指定版本，使用@

    npm i moment@2.22.2

  8. 包的语义化版本规范

    点分十进制的形式定义的，总共有3位数字，如2.22.2

    1. 第一位数字：大版本
    2. 第二位数字：功能版本
    3. 第三位数字：Bug修复版本

    版本号提升规则：只要前面的版本号增长了，后面的版本号归零

  9. 包管理配置文件

    npm规定：在项目根目录中，必须提供一个叫做package.json的包管理配置文件，用来记录与项目有关的一些配置信息，如

    1. 项目名称、版本号、描述等
    2. 项目中用了哪些其他包
    3. 哪些包只在开发期间会用到
    4. 哪些包在开发和部署的时候都会用到

    快速创建package.json

    npm init -y

    注意：上述命令，只能在英文目录中运行，所以项目文件夹的名称一定要使用英文命名，不要使用中文，不要出现空格

    dependencies：用来记录安装过哪些包

    devDependencies：只在项目开发阶段会用到，项目上线之后不会用到

     ```js
 npm i webpack -D

 npm install webpack --save--dev
 ```

  10. npm下载速度慢

    1. 原因：默认从国外https://registry.npmjs.org服务器进行下载，此时网络数据传输需要经过漫长的海底光缆

    2. 方案：淘宝npm镜像服务器

      淘宝在国内搭建了一个服务器，专门把国外官方服务器上的包同步到国内的服务器，然后在国内提供下包的服务，极大的提高了下包的速度

      切换npm的下包镜像源

       ```shell
 # 查看当前下包镜像源
 npm config get registry

 # 将下包的镜像源切换为淘宝镜像源
 npm config get registry=https://registry.npm.taobao.org/
 ```

    3. nrm

      为了方便切换下包的镜像源，我们可以安装nrm这个小工具，利用nrm提供的终端命令，可以快速查看和切换下包的镜像源

      npm i nrm -g
nrm ls
nrm use taobao

      可能存在的报错

      /opt/homebrew/Cellar/nvm/0.39.1_1/versions/node/v16.18.0/lib/node_modules/nrm/cli.js:9
const open = require('open');
            ^

Error [ERR_REQUIRE_ESM]: require() of ES Module /opt/homebrew/Cellar/nvm/0.39.1_1/versions/node/v16.18.0/lib/node_modules/nrm/node_modules/open/index.js from /opt/homebrew/Cellar/nvm/0.39.1_1/versions/node/v16.18.0/lib/node_modules/nrm/cli.js not supported.
Instead change the require of index.js in /opt/homebrew/Cellar/nvm/0.39.1_1/versions/node/v16.18.0/lib/node_modules/nrm/cli.js to a dynamic import() which is available in all CommonJS modules.
    at Object.<anonymous> (/opt/homebrew/Cellar/nvm/0.39.1_1/versions/node/v16.18.0/lib/node_modules/nrm/cli.js:9:14) {
code: 'ERR_REQUIRE_ESM'
}

      原因是缺少相应的open包

      // 这里好像要这个版本才行，我安装最新的版本也没有解决
npm install -g nrm open@8.4.2 --save

  11. 规范的包结构

    1. 包必须以单独的目录而存在
    2. 包的顶级目录下必须要包含package.json这个包管理配置文件
    3. package.json中必须包含name,version,main这3个属性，代表名字、版本号、入口

  12. 开发属于自己的包

    1. 初始化package.json

      {
"name": "lan-tools",
"version": "1.0.0",
"description": "feng.lan测试包",
"main": "index.js",
"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": ["feng", "lan"],
"author": "feng.lan",
"license": "ISC"
}

    2. 在index.js中初始化自己的代码，并暴露对应的成员

      function printInfo() {
    console.log("这里是feng.lan的测试函数");
}

function sayHello(name) {
    console.log("hello " + name);
}

module.exports = {
    printInfo,
    sayHello,
}

    3. 编写包的说明文档

      包根目录中的README.md文件

      ### 安装

> npm install lan-tools

### 导入

> const lanTools = require('lan-tools');

### 输出信息

> lanTools.printInfo();

### sayHello

> lanTools.sayHello("feng.lan");

    4. 发布包

      1. 注册npm账号

      2. 终端使用npm login命令，依次输入用户名、密码、邮箱、邮箱验证码后，即可登录成功

        存在的问题：在登录的时候需要将包仓库设置为npm官方源，因为登陆是根据你这个设置的，否则比如你的是淘宝源，他会提示你正在登陆淘宝源，那你注册的npm账号就登陆不上去

         ```shell
 npm WARN adduser `adduser` will be split into `login` and `register` in a future version. `adduser` will become an alias of `register`. `login` (currently an alias) will become its own command.
 npm notice Log in on https://registry.npm.taobao.org/
 ```

      3. 将终端切换到包的根目录之后，运行npm publish

    5. 删除已经发布的包

      npm unpublish 包名 --force

      注意

      1. 只能删除72小时内发布的包
      2. 不能24小时内不允许重复发布

模块加载机制

  1. 优先从缓存中进行加载

    模块在第一次加载之后会被缓存，这也意味着多次调用require()不会导致模块的代码被执行多次

    无论是内置模块、用户自定义模块、还是第三方模块，他们都会优先从缓存中加载，从而提高模块的加载效率

  2. 内置模块的加载机制

    内置模块的加载优先级最高

    即使自定义模块有同名的fs模块，也是加载nodejs官方的fs模块

  3. 自定义模块的加载机制

    必须要以./或者../开头的路径标志符，如果没有用./或者../，则node会把他当作内置模块或者第三方模块进行加载

    如果省略了文件的扩展名，则nodejs会按顺序分别尝试加载一下的文件

    1. 按照确切的文件名进行加载
    2. 补全.js扩展ing进行加载
    3. 补全.json扩展名进行加载
    4. 补全.node扩展名进行加载
    5. 加载失败，终端报错

  4. 第三方模块的加载机制

    nodejs会从当前模块的父目录开始，尝试从/node_modules目录中加载第三方模块

    如果没有找到对应的第三方模块，则移动到再上一层父目录中，进行加载，直到文件系统的根目录

    例如，在/user/local/project/foo.js中调用了require('tools')，则nodejs会按以下顺序进行查找

    1. /user/local/project/node_modules/tools
    2. /user/local/node_modules/tools
    3. /user/node_modules/tools
    4. /node_modules/tools

  5. 目录作为模块

    当把目录作为模块标志符，传递给require()进行加载的时候，有3种加载方式

    1. 在被加载的目录下查找package.json，并寻找main属性，作为require()的入口
    2. 如果上一步没有，则寻找目录下的index.js文件
    3. 如果上面两步都失败了，则会在终端报错Error: Cannot find module 'xxx'

express

初始express

  1. 定义

    1. 官方：基于nodejs平台，快速、开放、极简的web开发框架
    2. 白话：和内置的http模块类似，是专门用来创建web服务器的
    3. 本质：就是一个npm上的第三方包，提供了快速创建web服务器的便捷方法

    官网：https://www.expressjs.com.cn/

    1. 进一步理解

      内置的http内置模块用起来很复杂，开发效率低

      express是基于内置的http模块进一步封装出来的，能够极大的提高开发效率

    2. experss能做什么

      1. web网站服务器：专门对外提供web网页资源的服务器
      2. api接口服务器：专门对外提供api接口的服务器

  2. 安装

    npm i express`

  3. 基本使用

    // 导入express
const express = require('express');
// 创建web服务器
const app = express();
// 启动web服务器
app.listen(80, () => {
    console.log('express server running at http://127.0.0.1 and listening on 80')
})

  4. 监听get、post请求，并返回响应内容

    const express = require('express');

const app = express();

app.listen(80, () => {
    console.log('express server running at http://127.0.0.1 and listening on 80')
})

app.get('/getMethods', (req, res) => {
    console.log('getMethods');
    res.send({
        type: 'get',
        name: 'lan',
        age: 12
    })
})

app.post('/postMethods', (req, res) => {
    console.log('postMethods');
    res.send({
        type: 'post',
        name: 'lan',
        age: 12
    })
})

  5. 获取url的查询参数

    app.get('/getMethods', (req, res) => {
    const params = req.query;
    res.send(params)
})

  6. 获取url中的动态参数

    通过:匹配动态参数

    例如接口/user/:id用来查询某个用户信息

    app.get('/user/:id', (req, res) => {
    const params = req.params;
    res.send(params);
})

// 可以多个动态参数拼接
app.get('/user/:id/:username', (req, res) => {
    const params = req.params;
    res.send(params);
})

托管静态资源

  1. express.static()

    express提供了一个非常好用的函数，叫做express.statis()，通过它，我们可以非常方便的创建一个静态资源服务器，例如，通过如下代码就可以将pulbic目录下的图片、css文件、js文件对外开放访问了

     ```js
 // 目录位置相对于根目录
 app.use(express.static('public'));

 // url访问方式 public/demo.js
 // http://127.0.0.1/demo.js
 ```

  2. 托管多个静态资源目录，请多次调用即可

    app.use(express.static('public'));
app.use(express.static('static'));

  3. 挂载路径前缀

    如果希望访问静态资源之前，加上路径前缀

     ```js
 app.use('/public', express.static('public'));
 ```

    注意：/public的/不可少

nodemon

  1. 作用

    在编写调试nodejs项目的时候，如果修改了项目的代码，则需要频繁的手动close掉，然后再重新启动，非常繁琐

    nodemon能够监听项目文件的改动，当代吗被修改后，会自动重新启动项目

  2. 安装

    npm install -g nodemon

  3. 使用

    启动命令从node index.js改为nodemon index.js

路由

  1. 概念

    指的是客户端的请求和服务器处理函数之间的映射关系

    由3部分组成，请求的类型、请求的url地址、处理函数

    app.METHOD(PATH, HANDLER);

app.get('/', () => console.log('get请求'));
app.post('/', () => console.log('post请求'));

  2. 路由匹配过程

    每当一个请求到达服务器以后，需要先经过路由匹配，只有匹配成功之后，才会调用对应的处理函数

    1. 按照定义的先后顺序进行匹配
    2. 请求类型和请求的url需要同时匹配成功，才会调用对应的处理函数

  3. 最简单的路由

    直接挂载在app上

    app.get('/', () => console.log('get请求'));
app.post('/', () => console.log('post请求'));

  4. 路由模块化

    为了方便对路由进行模块化的管理，不建议直接将路由挂载到app上，而是推荐将路由抽离为单独的模块

    1. 创建路由模块对应的./js文件
    2. 调用express.Router()函数创建路由对象
    3. 向路由对象上挂载具体的路由
    4. 使用module.exports()向外共享路由对象
    5. 使用app.use()函数注册路由模块
    // router.js
const express = require('express');
// 创建路由对象
const router = express.Router();

// 挂载路由
router.get('/user/list', (req, res) => {
    res.send('get user list');
})
router.post('/user/add', (req, res) => {
    res.send('add new user');
})

// 向外导出路由对象
module.exports = router;

    const express = require('express');
const router = require('./router.js');

const app = express();

// 注册路由模块，全剧中间件
app.use(router);

app.listen(80, () => {
    console.log('express server running at http://127.0.0.1 and listening on 80')
})

  5. 为路由添加前缀

    app.use('/api', router);

中间件

  1. 定义

    当一个请求到达express服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理

    本质上是一个处理函数，中间件的格式如下

     ```js
 app.get('/', (req, res, next) => {
     /* some code */
     next();
 })
 ```

    注意：中间件函数的形参列表，必须包含next参数，而路由处理参数只包含req和res

  2. next函数的作用

    是实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或路由

  3. 定义中间件函数

    const express = require('express');
const router = require('./router.js');

const app = express();

const mw = (req, res, next) => {
    console.log('最简单的中间件');
    next();
}

// 全局生效的中间件
app.use(mw);

app.use('/api', router);

app.listen(80, () => {
    console.log('express server running at http://127.0.0.1 and listening on 80')
})

  4. 全局生效的中间件

    客户端发起的任何请求，到达服务器之后，都会触发的中间件

    通过app.use(wm)，即可定义一个全局生效的中间件

     ```js
 app.use(mw);
 ```

    定义多个全局中间件，客户端请求到达服务器之后，会按照中间件定义的先后顺序依次进行调用

     ```js
 app.use((req, res, next) => {
     console.log('调用了第一个中间件');
     next();
 })

 app.use((req, res, next) => {
     console.log('调用了第二个中间件');
     next();
 })
 ```

    作用

    1. 多个中间件之间，共享同一份res和req
    2. 基于这个特性，我们可以在上游的中间件中，统一为req和res对象添加自定义的属性或方法，供下游的中间件或者路由进行使用

  5. 局部生效的中间件

    不使用app.use()定义的中间件

     ```js
 const mw = (req, res, next) => {
     console.log('局部生效的中间件');
     next();
 }

 // 挂载路由
 router.get('/user/list', mw, (req, res) => {
     console.log('startTime', req.startTime)
     res.send({
         txt: 'get user list',
         date: req.startTime
     });
 })
 ```

    定义多个局部中间件

     ```js

 // 方式一：使用数组
 router.get('/user/list', [mw1, mw2, mw3], (req, res) => {})
 // 方式二：多个参数
 router.get('/user/list', mw1, mw2, mw3, (req, res) => {})
 ```

  6. 几个注意事项

    1. 一定要在路由之前注册中间件（错误级别中间件必须在所有路由之后）
    2. 客户端发送过来的请求，可以连续调用多个中间件进行处理
    3. 一定要在处理函数中调用next()
    4. 为了防止代码逻辑混乱，调用next()函数之后不要再写额外的代码
    5. 连续调用多个中间件时，多个中间件之间，共享req和res对象

  7. 中间件的分类

    1. 应用级别的中间件

      通过app.use()、app.get()或app.post()，绑定到app实例上的中间件

    2. 路由级别的中间件

      绑定到express.Router()实例上的中间件

      用法和应用级别的中间件没有任何区别，只不过应用级别是绑定到app实例上，路由级别是绑定到router实例上

    3. 错误级别的中间件

      专门用来捕获项目中发生的异常错误，从而防止项目异常崩溃的问题

      格式：必须有4个形参（err, req, res, next)

       ```js
 const express = require('express');
 const app = express();

 const mw = (err, req, res, next) => {
     console.log('发生了错误', err.message);
     res.send({
         code: 500,
         msg: err.message
     })
 }

 app.use('/user/list', (req, res) => {
     throw new Error('服务器错误了');
     res.send('data');
 });

 app.use(mw);

 app.listen(80, () => {
     console.log('express server running at http://127.0.0.1 and listening on 80')
 })
 ```

      必须要在所有路由之后

    4. express内置的中间件

      从express4.16.0版本开始，内置了3个常用的中间件

      1. express.static 快速托管静态资源的内置中间件，例如html文件、图片等（完全兼容）

      2. express.json 解析json格式的请求提数据（4.16.0+）

      3. express.urlencoded 解析URL-encoded格式的请求提数据（4.16.0+）

        默认情况下，如果不配置解析表单数据的中间件，则req.body默认等于undefined

        // 配置解析application/json格式数据的内置中间件
app.use(express.json());
// 配置解析 application/x-www-form-urlencoded 格式数据的内置中间件
app.use(express.urlencoded({ extended: false }));

    5. 第三方的中间件

      非nodejs官方内置的，而是由第三方开发出来的中间件

      比如body-parser这个中间件

      1. npm install body-parser
      2. require进行导入
      3. app.use()注册并使用

      解析form-data中的数据中间件

      const multipart = require('connect-multiparty');
const multipartMiddleware = multipart();
app.use(multipartMiddleware);

app.post('/api/login', (req, res) => {
    const data = req.body;
    res.send(data);
})

  8. 自定义中间件实现

    描述：手动模拟一个类似express.urlencoded，来解析post提交到服务器的表单数据

    实现步骤

    1. 定义中间件

    2. 监听req的data事件

      如果数据量比较大，无法一次性发送完毕，则客户端会把数据切割后，分批发送到服务器，所以data事件可能会触发多次，每一次触发data事件时，只是完整数据的一部分，需要手动对接收到的数据进行拼接

    3. 监听req的end事件

      当请求体数据接收完毕之后，会自动触发req的end事件

    4. 使用querystring模块解析请求体数据

      nodejs内置了一个querystring模块，专门用来处理查询字符串，这个模块的parse()函数，可以轻松把查询字符串解析成对象的格式

    5. 将解析出来的数据对象挂载为req.body

    6. 将自定义的中间件封装为模块

      app.use((req, res, next) => {
    console.log('进入了自定义中间件')
    let str = "";
    req.on('data', (chunk) => {
        console.log('chunk :>> ', chunk);
        str += chunk;
    })
    req.on('end', () => {
        console.log('完整数据', str);
        const data = qs.parse(str);
        console.log('data :>> ', data);
        req.body = data;
        next();
    })
})

  9. 使用express写接口

    1. get接口

      router.get('/user/list', (req, res) => {
    res.send({
        status: 200,
        data: req.query,
        msg: 'GET 请求成功',
    });
})

    2. post接口

      router.post('/user/add', (req, res) => {
    res.send({
        status: 200,
        data: req.body,
        msg: 'POST 请求成功',
    });
})

cors跨域资源共享

  1. 背景
    上面的get和post接口，不支持跨于请求

    解决方案主要由2种

    1. cors（主流的方案，推荐使用）
    2. jsonp（只支持get）

    使用cors中间件

     ```js
 const cors = require('cors');
 app.use(cors());
 ```

  2. 限制

    1. 在服务端进行配置，客户端浏览器无需做任何额外的配置，即可请求开启了cors的接口

    2. 在浏览器有兼容性，只有支持XMLHttpRequest Level2的浏览器才能用cors（IE10+，Chrome4+，FireFox3.5+）

    3. Access-Control-Allow-Origin

      // 请求头
Access-Control-Allow-Origin: <origin> | *

// 实际设置
res.setHeader('Access-Control-Allow-Origin', '*');

    4. Access-Control-Allow-Headers

      默认情况下，cors仅支持客户端向服务器发送如下的9个请求头

      1. Accept
      2. Accept-Language
      3. Content-Language
      4. DPR
      5. Downlink
      6. Save-Data
      7. Viewport-Width
      8. Width
      9. Content-Type（值仅限于text/plain、multipart/form-data、application/x-www-form-urlencoded三者之一）

      如果客户端向服务端发送了额外的请求头信息，则需要在服务器端，通过Access-Control-Headers对额外的请求头进行声明，否则这次请求会失败

       ```js
 // 多个请求头之间使用英文的逗号进行分割
 res.setHeader('Access-Control-Allow-Headers', 'Content-Type, X-Custom-Header');
 ```

    5. Access-Control-Allow-Methods

      默认情况下，cors仅支持客户端发起get、post、head请求

      如果客户端希望通过put、delete等方式请求服务器的资源，则需要在服务端，通过Access-Control-Allow-Methods来指明实际请求所允许使用的http方法

       ```js
 res.setHeader('Access-Control-Allow-Methods', 'GET POST DELETE HEAD');
 res.setHeader('Access-Control-Allow-Headers', '*');
 ```

  3. 简单请求

    同时满足下面2个条件的请求，就是简单请求

    1. 请求方式：GET、POST、HEAD之一
    2. http头部信息u超过以下几个字段（无自定义头部字段）
      1. Accept
      2. Accept-Language
      3. Content-Language
      4. DPR
      5. Downlink
      6. Save-Data
      7. Viewport-Width
      8. Width
      9. Content-Type（值仅限于text/plain、multipart/form-data、application/x-www-form-urlencoded三者之一）

  4. 预检请求

    只要符合下面任何一个条件的请求，都需要进行预检请求

    1. 请求方式为GET、POST、HEAD之外的请求
    2. 请求头包含自定义头部字段
    3. 向服务器发送了application/json格式的数据

    在浏览器和服务器正式通信之前，浏览器会先发送OPTION请求进行预检，以获取服务器是否允许该实际请求，所以这一次的OPTION请求称为预检请求，服务器成功响应预检请求之后，才会发送真正的请求，并且携带真实数据

  5. jsonp

    概念：浏览器端通过

你可能感兴趣的:(express,笔记,node.js)

  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • 《投行人生》读书笔记 小蘑菇的树洞
    《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • C#中使用split分割字符串 互联网打工人no1 c#
    1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
  • git常用命令笔记 咩酱-小羊 git笔记
    ###用习惯了idea总是不记得git的一些常见命令，需要用到的时候总是担心旁边站了人~~~记个笔记@_@，告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"基本操作克隆远程仓库gitclone查看
  • 509. 斐波那契数(每日一题) lzyprime
    lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+
  • 拥有断舍离的心态，过精简生活--《断舍离》读书笔记 爱吃丸子的小樱桃
    不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • 高端密码学院笔记285 柚子_b4b4
    高端幸福密码学院（高级班）幸福使者：李华第（598）期《幸福》之回归内在深层生命原动力基础篇——揭秘“激励”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:成功=艰苦劳动+正确方法+少说空话。贪图省力的船夫，目标永远下游。智者的梦再美，也不如愚人实干的脚印。幸福早课堂2020.10.16星期五一笔记:1，重视和珍惜的前提是知道它的价值非常重要，当你珍惜了，你就真正定下来，真正的学到身上。2，大家需要
  • Day17笔记-高阶函数 ~在杰难逃~ Python笔记python开发语言pycharm数据分析
    高阶函数【重点掌握】函数的本质：函数是一个变量，函数名是一个变量名，一个函数可以作为另一个函数的参数或返回值使用如果A函数作为B函数的参数，B函数调用完成之后，会得到一个结果，则B函数被称为高阶函数常用的高阶函数：map(),reduce(),filter(),sorted()1.map()map(func,iterable)，返回值是一个iterator【容器，迭代器】func:函数iterab
  • Day1笔记-Python简介&标识符和关键字&输入输出 ~在杰难逃~ Pythonpython开发语言大数据数据分析数据挖掘
    大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • 数据仓库——维度表一致性 墨染丶eye 背诵数据仓库
    数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
  • 【Git】常见命令(仅笔记) 好想有猫猫 GitLinux学习笔记git笔记elasticsearchlinuxc++
    文章目录创建/初始化本地仓库添加本地仓库配置项提交文件查看仓库状态回退仓库查看日志分支删除文件暂存工作区代码远程仓库使用`.gitigore`文件让git不追踪一些文件标签创建/初始化本地仓库gitinit添加本地仓库配置项gitconfig-l#以列表形式显示配置项gitconfiguser.name"ljh"#配置user.namegitconfiguser.email"[email protected]
  • 为什么你总是对下属不满意? ZhaoWu1050
    【ZhaoWu的听课笔记】大多数公司，都存在两种问题。我创业四年，更是体会深切。这两种问题就是：老板经常不满意下属的表现；下属总是不知道老板想要什么；虽然这两种问题普遍存在，其实解决方法并不复杂。这节课，我们再聊聊第一个问题：为什么老板经常不满意下属表现?其实，这背后也是一条管理常识。管理学家德鲁克先生早就说过：管理者的任务，不是去改变人。*来自《卓有成效的管理者》只是大多数老板和我一样，都是一边
  • 母亲节如何做小红书营销 美橙传媒
    小红书的一举一动引起了外界的高度关注。通过爆款笔记和流行话题，我们可以看到“干货”类型的内容在小红书中偏向实用的生活经验共享和生活指南非常受欢迎。根据运营社的分析，这种现象是由小红书用户心智和内容社区背后机制共同决定的。首先，小红书将使用“强搜索”逻辑为用户提供特定的“搜索场景”。在“我必须这样生活”中，大量使用了满足小红书站用户喜好和需求的内容。内容社区自制的高质量内容也吸引了寻找营销新途径的品
  • 读书笔记|《遇见孩子，遇见更好的自己》5 抹茶社长
    为人父母意味着放弃自己的过去，不要对以往没有实现的心愿耿耿于怀，只有这样，孩子们才能做回自己。985909803.jpg孩子在与父母保持亲密的同时更需要独立，唯有这样，孩子才会成为孩子，父母才会成其为父母。有耐心的人生往往更幸福，给孩子留点余地。认识到养儿育女是对耐心的考验。为失败做好心理准备，教会孩子控制情绪。了解自己的底线，说到底线，有一点很重要，父母之所以发脾气，真正的原因往往在于他们自己，
  • 基于Python给出的PDF文档转Markdown文档的方法 程序媛了了 pythonpdf开发语言
    注：网上有很多将Markdown文档转为PDF文档的方法，但是却很少有将PDF文档转为Markdown文档的方法。就算有，比如某些网站声称可以将PDF文档转为Markdown文档，尝试过，不太符合自己的要求，而且无法保证文档没有泄露风险。于是本人为了解决这个问题，借助GPT（能使用GPT镜像或者有条件直接使用GPT的，反正能调用GPT接口就行）生成Python代码来完成这个功能。笔记、代码难免存在
  • 语文主题教学学习笔记之87 东哥杂谈
    “语文主题教学”学习笔记之八十七（0125）今天继续学习小学语文主题教学的实践样态。板块三：教学中体现“书艺”味道。作为四大名著之一的《水浒传》，堪称我国文学宝库之经典。对从《水浒传》中摘选的单元，教师就要了解其原生态，即评书体特点。这也要求教师要了解一些常用的评书行话术语，然后在教学时适时地加入一些，让学生体味其文本中原有的特色。学生也要尽可能地通过朗读的方式，而不单是分析讲解的方式进行学习。细
  • Armv8.3 体系结构扩展--原文版 代码改变世界ctw ARM-TEE-Androidarmv8嵌入式arm架构安全架构芯片TrustzoneSecureboot
    快速链接:.ARMv8/ARMv9架构入门到精通-[目录]付费专栏-付费课程【购买须知】:个人博客笔记导读目录(全部)TheArmv8.3architectureextensionTheArmv8.3architectureextensionisanextensiontoArmv8.2.Itaddsmandatoryandoptionalarchitecturalfeatures.Somefeat
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • 阅读《认知觉醒》读书笔记 就看看书
    本周阅读了周岭的《认知觉醒开启自我改变的原动力》，启发较多，故做读书笔记一则，留待学习。全书共八章，讲述了大脑、潜意识、元认知、专注力、学习力、行动力、情绪力及成本最低的成长之道。具体描述了大脑、焦虑、耐心、模糊、感性、元认知、自控力、专注力、情绪专注、学习专注、匹配、深度、关联、体系、打卡、反馈、休息、清晰、傻瓜、行动、心智宽带、单一视角、游戏心态、早起、冥想、阅读、写作、运动等相关知识点。大脑
  • 阅读笔记：阅读方法中的逻辑和转念 施吉涛
    聊聊一些阅读的方法论吧，别人家的读书方法刚开始想写，然后就不知道写什么了，因为作者写的非常的“精致”我有一种乡巴佬进城的感觉，看到精美的摆盘，精致的食材不知道该如何下口也就是《阅读的方法》，我们姑且来试一下强劲的大脑篇，第一节：逻辑通俗的来讲，也就是表达的排列和顺序，再进一步就是因果关系和关联实际上书已经看了大概一遍，但直到打算写一下笔记的时候，才发现作者讲的推理更多的是阅读的对象中呈现出的逻辑也
  • vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.jsvue-cli3
    这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
  • 更改npm镜像源为淘宝镜像 骆小骆 基于node.js
    npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
  • 《转介绍方法论》学习笔记 小可乐的妈妈
    一、高效转介绍的流程：价值观---执行----方案一）转介绍发生的背景：1、对象：谁向谁转介绍？全员营销，人人参与。①员工的激励政策、客户的转介绍诱因制作客户画像：a信任；支付能力；意愿度；便利度（根据家长具备四个特征的个数分为四类）B性格分类C职业分类D年龄性别②执行：套路，策略，方法，流程2、诱因：为什么要转介绍？认同信任；多方共赢；传递美好；零风险承诺打动人心，超越期待。选择做教育，就是选择
  • JAVA学习笔记之23种设计模式学习 victorfreedom Java技术设计模式androidjava常用设计模式
    博主最近买了《设计模式》这本书来学习，无奈这本书是以C++语言为基础进行说明，整个学习流程下来效率不是很高，虽然有的设计模式通俗易懂，但感觉还是没有充分的掌握了所有的设计模式。于是博主百度了一番，发现有大神写过了这方面的问题，于是博主迅速拿来学习。一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器
  • 计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署） java毕设程序源码王哥 php课程设计vue.js
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
  • 解决Obsidian写笔记中的＜img＞标签无法显示图片的问题 全能全知者 笔记
    Obsidian中写md笔记如果使用标签会显示不出图案，后来才知道因为Obsidian的问题导致只能用绝对路径定位。所以我本人写了一个py插件，将md笔记里的img标签批量替换成Obsidian能够读取的形式。安装FixObsImgDpy:pipinstallFixObsImgDpy安装完成后在需要修复的md文件的父目录下运行命令:FixObsImgDpy就会自动修复父目录以下的全部md文件 仓库
  • 2021年周总结 03 Ruby之家
    这周的生活过得也是比较快，因为暂时住的离公司有点距离，所以通勤时间相对较长一点，而在地铁上的一个半小时如何充分利用起来，则是我最近一直在思考的问题，2021年想让自己的生活都运行在计划中。(有时候自己想干一件事情就总是给自己找很多借口，想着以后怎么怎么样？然而哪有那么多的以后，能够方便当下的工作生活就立马执行就OK，这仅仅只是我此时想到背的很重的老人机笔记本电脑，也算是陪伴我快8年的—当时买的时候
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l