node介绍和mongodb数据库的安装

左手的ㄟ右手 2022-06-12 12:39 134阅读 0赞

## querystring ##

作用:将浏览器传递过来的键值对的参数字符串，转成js对象
    
    注意点:它不负责接收浏览器传递过来的数据，只负责将传递过来的数据，进行转换

## GET&POST ##

GET : req.url ---> url.parse(url字符串) ---> querystring.parse(urlObj.query)
    
    POST : req.on('data',(chunk)=>{
            body+=chunck
        })
    
        req.on('end',()=>{
            querystring.parse(body)
        })

--------------------

## path&fs ##

### path的作用 ###

获取要操作文件的路径
    path.join(__dirname,'要操作的文件路径')  用来拼接路径

### fs的作用 ###

操作服务器硬盘上面的文件(开发完毕之后，经过打包压缩等一系列优化之后上传上去的文件)
    
    读 readFile
    写 writeFile/appendFile
    
    文件夹的操作
        mkdir
        rmdir
        exists
        rename

--------------------

## 自定义模块 ##

### 模块的分类 ###

核心模块(包)
    
    第三方模块(包)
        npmjs.com
    
    自定义模块(包)
        淘宝开源:http://code.taobao.org
    
    注意点:
        在使用require引入模块的时候，核心模块和第三方模块，写上名字即可
    
        如果是自定义模块，写上全路径

### 如何去自定义模块 ###

自执行函数
    
    (function($){
        xxx:xxx
    })(jQuery)
    
    AMD:requireJS
    #define([..,..],function($,xxx){
    
    })
    
    CommonJS
        引入： require('核心/第三方/自定义模块')
    
        暴露,导出 : module.exports = {}

--------------------

## 自定义模块 ##

### 实现自定义模块 ###

### 把我们写好的自定义模块发布到npmjs上面去 ###

前提准备:
        1、把我们要上传上去的自定义模块，按照npmjs的要求进行完善
            package.json(描述我们自己写的这个自定义模块)
    
            如果要想正确发布到npmjs.com这个时候，完善package.json中的内容，详见下一章节
    
        2、注册npmjs.com的账号
    
    发布到npmjs.com【网速还是要可以】
        使用npm指令发布，在终端里面操作
    
        步骤:
            1、要让终端连接上我们npmjs.com
            `
                npm adduser，会提示让你输入用户名，密码，邮箱
            `
    
            2、发布
            `
                npm publish
            `
    
            3、升级
                1、改代码，一定要把版本号递增（不能减少）
    
            4、撤销
            ```
                npm unpublish szhmqd06calc@2.1.0
    
                npm unpublish 包的名称@版本号
            ```
    
    注意事项:
        1、必须在我们项目根目录下面，在进行操作
        2、在任何终端里面输入密码都是没有提示的，输完之后，按回车即可
        3、每次升级一定要对版本号进行递增，大的版本迭代，更改一个大版本号，如果是小版本修复，就写上小的版本号

### 发布自定义模块到npmjs.com的时候，package.json的配置 ###

步骤:
        1、在项目的根目录下，使用npm init 或是 npm init -y 来生成一个package.json

### 下载第三方包的途径补充 ###

平时下载第三方包:
        npm i/install 包名称 --save-dev/--save
    
    http://npm.taobao.org/
    
    因为我们有时候去npmjs.com上面下载第三方包可能比较慢，这个时候我们就可以考虑从国内的淘宝服务器上面去下载
    
    前提:
        1、安装nrm 用来切换镜像 `npm i nrm -g`
            nrm ls 看当前有哪些镜像可用
            nrm use 镜像名称，切换镜像
    
        2、安装cnpm 这个全局包，用来从http://npm.taobao.org/下载第三方包
            `
                npm i cnpm -g
            `
    
    使用:
        在项目根目录下，使用cnpm i 包名 --save，来使用
    
    开发建议：
        喜欢从npmjs.com上面下载，网速好，建议还是从npmjs.com上面去下载

--------------------

## 服务器端渲染(服务器端动态生成网页) ##

### 前端开发的两种方式 ###

1、服务端渲染(Node)
    
    2、前后端分离（趋势）

### 案列1 ###

当在浏览器中输入 http://127.0.0.1:5555/index.html 把首页返回给你，并且让li变红
    
    步骤:(两大步)
    
    发送第一次请求 http://127.0.0.1:5555/index.html
    1、后台接收到请求，明白需要请求的是index.html
    2、利用fs,path去读取服务器硬盘上面的index.html
    3、去数据库中获取需要的数据
    4、利用数据，生成html片段，然后使用片段替换index.html中的占位符
    5、将最终完整的网页返回给浏览器去解析呈现
    6、浏览器拿着服务器返回的完整的html内容进行解析渲染
    7、当解析到<link>标签时，会再向服务器发送请求，请求服务器上面的css资源
    
    发送第二次请求 http://127.0.0.1:5555/abc.css
    1、后台接收到请求，明白需要的是site.css的内容
    2、利用fs,path去读取服务器硬盘上面的site.css
    3、将内容返回给浏览器去渲染
    4、浏览器拿到返回的css内容，对浏览器中的li进行css渲染

### xtemplate&xtpl ###

node中，进行生成动态网页的模版
    
    注意点:
        这两个必须要一起用
    
    xtemplate:就是在index.html(网页中)写一些类似于模版引擎的语法（在我们网页中进行占位的）,这个就有点像我们上一章节中`${lis}`的作用，注意，我们如果用了xtemplate你就要按照它的格式来写，并且xtemplate语法很强大(比如：实现页面之间的集成)，总结一句话，它的作用就是在页面中进行占位的
    
    参考:https://github.com/xtemplate/xtemplate/blob/master/docs/syntax-cn.md
    
    xtpl:读取需要替换的网页，将里面用xtemplate写的东西，用真实的数据替换掉，并且它还还会帮我们返回生成好的完整的html页面
    
    参考:https://www.npmjs.com/package/xtpl
    
    写代码
        1、在index.html中使用xtemplate写上占位的代码
        2、在开启web服务的js中使用xtpl，利用真实的数据替换index.html中占位的部分，最终得到替换之后的结果(完整的带有数据的html页面)

### 使用步骤 ###

1、安装包
        ```
            npm i xtpl xtemplate --save
        ```
    
    2、现在html中利用xtemplate语法进行占位(不需要在页面中导入xtemplate)
    
    3、在开启web服务的js中，使用xtpl，利用真实的数据，替换index.html中的这些占位符，最终得到一个完整的带有数据的html页面

### 简易的音乐播放器 ###

步骤:
        1、利用xtemplate&xtpl把我们音乐界面呈现出来
            步骤:
                1、浏览器发送请求: http://127.0.0.1:3000/list.html
                2、利用xtemplate在list.html写上占位的代码
                3、在开启web服务器的js中利用xtpl，结合真实的数据，替换list.html中的占位符，得到一个带有数据的html
                4、返回给浏览器去解析呈现
    
        2、再去实现播放音乐的功能
            因为我们等下同一时刻只能播放一首音乐，所以写一个<audio>标签就行了
            1、当点击了我们页面上面每一个音乐播放的超链接
            2、触发play函数，把音乐名称传递过来，在里面拼接好url
            3、拿着audio标签，发送请求 audio更改src属性就行了
            4、后台收到请求之后，找到对应的音频文件，返回给audio标签
            5、audio拿到之后就可以播放了
    
    思考:
        如何用一个audio标签播放多首音乐:前提：同一时刻只会播放一首音乐???
    
            当点击某个连接的时候，就将我们的audio的src更改成要播放音乐的url

### 浏览器当发送GET请求的时候，如果路径中有中文或是特殊字符，它会对我们的中文和特殊字符进行URL编码 ###

Node中，使用querystring.unescape(浏览器传递过来的编码之后的GET请求路径字符串)

--------------------

## 安装mongodb数据库 ##

## 配置环境变量 ##

将安装目录配置到环境变量中

## 启动mongodb数据库 ##

前提准备:
        在C盘下面建立一个文件夹(mongodb_datas)
    
    启动
        64位 ： mongod --dbpath c:/mongodb_datas

## 32位 ： mongod –dbpath c:/mongodb\_datas –journal –storageEngine=mmapv1 ##