【后台管理系统】04.node.js

一、node.js是什么？

node.js是一个基于Chrome V8引擎的JavaScript运行时。

node.js是一个环境。

二、commonJs规范（模块化）

规范定义

1.每个文件都是一个模块，都有自己的作用域

2.在模块内部，module变量代表自身

3.module.exports提供对外接口

//b.js想要用a.js的变量test1

//a.js
var test1 = 888;
var test2 = 999;
function fn1(){
    console.log("fn1");
}

module.exports.test1 = test1;
module.exports.f = fn1;

require语法

1./代表绝对路径，./代表相对路径

2.默认后缀：.js .json .node

3.require('http') ==> node_modules

//b.js想要用a.js的变量test1

//b.js
var mod = require('./a.js');
//var mod = require('./a');

console.log(mod.test1);//888
console.log(mod.test2);//undefined
mod.f();//fn1
//在命令行执行node b.js可查看结果

三、global（全局对象）

//b.js想要用a.js的变量test1

//a.js
var test1 = 888;
global.test2 = 999;

module.exports.test1 = test1;

//b.js
var mod = require('./a.js');

console.log(mod.test1);//888
console.log(mod.test2);//undefined
console.log(test2);//999

四、npm

1.npm -v：查看版本

2.初始化项目
npm init        //执行后生成一个package.json文件

3.下载：
npm install xxx：把xxx模块下载到当前目录下
****简写：npm i xxx

4.下载方式：
npm install xxx -g：全局，在哪个目录都能用
npm install xxx -S：局部，生产环境
npm install xxx -D：局部，开发环境

//下载的文件在node_modules文件夹中，并同步在package.json文件中做一个描述。
 

五、package.json

项目的描述文件

可以通过执行npm install命令下载package.json中所描述的环境

六、上传自己的npm包

1.npm官网注册一个账号
官网：npm

2.初始化项目

在相应文件夹下执行命令：npm init
执行完后文件夹下会生成package.json文件

在当前路径下新建一个文件index.js，内容如下

module.exports.sayHello = function(){
    return 123;
}

1.登录：打开终端，在当前路径下输入：npm login
2.上传npm包：登录成功后输入：npm publish
如果报错，可能是因为package.js文件中"name"变量的值为默认的"npms"，与别人的名字冲突了，我们需要自己起一个，例如"name": "lingqi"。
+ 代表上传成功
3.下载：npm i lingqi

七、get请求

1.get请求url数据操作

前台发送get请求，后台如何拿到数据并解析数据

//这是一个html文件的一部分
<a href = "http://localhost:8080/content.html?id=2&title=这是文章标题">进入详情页</a>

 1.得到路径：req.url

//server.js
const http = require("http");
const server = http.createServer((req,res)=>{
    console.log(req.url);
    res.end();
})
server.listen(8080);

打开终端，输入：node server.js
点击html网页上的超链接，发现终端拿到了/content.html?id=2&title=这是文章标题
我们发现格式并不是我们想要的，那我们如何拿到正确的内容呢？

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    console.log(url.parce(req.url));
    res.end();
})
server.listen(8080);

打开终端，输入：node server.js
点击html网页上的超链接，发现终端拿到了query: id=2&title=这是文章标题
我们发现格式还不是我们想要的。

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    console.log(url.parce(req.url,true).query);
    res.end();
})
server.listen(8080);

打开终端，输入：node server.js
点击html网页上的超链接，发现终端拿到了 {id: '2', title: '这是文章标题' }

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    console.log(url.parce(req.url,true).query.title);
    res.end();
})
server.listen(8080);

打开终端，输入：node server.js
点击html网页上的超链接，发现终端拿到了 这是文章标题，后面的undefined是有关于图标的，这里我们不用管。

 2.url模块

方式一：
const url = require("url");
url.parce(req.url,true).query

方式二：
const url = require("url");
const querystring = require('querystring');
const queryUrl = url.parce(req.url).query;
querystring.parse(queryUrl)

2.get请求表单数据操作

//index.html
<form method = "get" action = 'http://localhost:8080'>
    <input type = "text" name = "userName">
    <input type = "password" name = "userPwd">
    <input type = "submit" value = "登录">
</form>

打开浏览器，userName中输入aaa，userPwd输入bbb，点击登录。
在浏览器的url上会显示localhost:8080/?userName=aaa&userPwd=bbb

如果把html文件中input标签的name删掉，再进行相同的操作，会发现
在浏览器的url上会显示localhost:8080/?
说明name属性是尤为重要的。

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    console.log(url.parce(req.url,true).query);
    res.end();
})
server.listen(8080);

打开终端，输入：node server.js
打开浏览器，userName中输入aaa，userPwd输入bbb，点击登录。
发现终端拿到了{ userName: 'aaa', userPwd: 'bbb' }

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    res.writeHead(200,{"Content-Type":"text/html;charset=utf8"})//解决汉字乱码问题
    const formVal = url.parce(req.url,true).query;
    console.log(formVal.userName, formVal.userPwd);//终端上会显示
    res.end("用户名："+formVal.userName+"---->"+"密码："+formVal.userPwd);//跳转的网页上会显示
})
server.listen(8080);

八、post请求

1.post请求表单数据操作

//index.html
<form method = "post" action = "http://localhost:8080">
    <input type = "text" name = "userName">
    <input type = "password" name = "userPwd">
    <input type = "submit" value = "登录">
</form>

 post是事件接收：
req.on('data')：每次发送的数据
req.on('end')：数据发送完成

//server.js
const http = require("http");//引入http模块

const server = http.createServer((req,res)=>{
    let postVal = "";
    req.on("data",(chunk)=>{
        postVal += chunk;//postVal为全部内容，chunk为单次内容
    })
    req.on("end",()=>{
        console.log(postVal);
        res.end();
    })
})
server.listen(8080);

打开终端，输入：node server.js
打开浏览器，userName中输入aaa，userPwd输入bbb，点击登录。
发现终端拿到了userName=aaa&userPwd=bbb

//server.js
const http = require("http");//引入http模块
const querystring = require('querystring');

const server = http.createServer((req,res)=>{
    let postVal = "";
    req.on("data",(chunk)=>{//过程
        postVal += chunk;//postVal为全部内容，chunk为单次内容
    })
    req.on("end",()=>{//结果
        console.log(querystring.parse(postVal));
        res.end();
    })
})
server.listen(8080);

打开终端，输入：node server.js
打开浏览器，userName中输入aaa，userPwd输入bbb，点击登录。
发现终端拿到了{ userName: 'aaa', userPwd: 'bbb' }

九、Node连接MySQL

1.在当前文件夹下下载mysql包：npm install mysql，执行完后会在当前文件夹下生成node_modules文件夹

2.引入mysql

//server.js
const mysql = require("mysql");

3.配置mysql信息

//server.js
const mysql = require("mysql");

const connection = mysql.createConnection({
    host:"localhost",//主机名
    user:"root",//用户名
    password:"123456",//密码
    database:"xxx",//库名称
    port:"3306"//端口号,可以不配置，默认为3306
});

connection.connect();

connection.query("select * from user",(err,results,fields){//数据库里有一张user表
    if(err) throw err;
    console.log(results);
})

connection.end();

打开终端，输入node server.js，查询出结果